/* Copyright 2018-2024 Epic Systems Corporation  */
/* attempt to make it easier to style based on screensize or this being a mobile browser*/
/* #region QuickSchedule and On Demand Telehealth */
.card .providerphoto .photo.platformphoto {
  background-size: contain;
  border-radius: 0px;
}

#scheduling-workflow .platformDetails[class].card.withButton {
  display: flex;
  flex-direction: column;
  padding-bottom: 0.5rem;
}
#scheduling-workflow .platformDetails[class].card.withButton .buttonList {
  min-height: 0;
  padding: 0;
  position: static;
  margin-top: auto;
}

.hardwareiconlist {
  margin: 1rem auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.hardwareiconlist .hw {
  display: flex;
  flex-flow: column;
  align-items: center;
  margin: 0 1.5rem;
}
.hardwareiconlist .hwIcon {
  width: 3.5rem;
  height: 3.5rem;
}

.testskipped,
.testcomplete {
  display: flex;
  align-items: baseline;
}
@media screen and (max-width: 768px) {
  .testskipped,
  .testcomplete {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
.testskipped .tcCheckmark,
.testcomplete .tcCheckmark {
  width: 1rem;
  height: 0.9rem;
  margin-right: 0.5rem;
  vertical-align: middle;
}
.testskipped .testStatusIndicator,
.testcomplete .testStatusIndicator {
  flex-grow: 1;
}
.testskipped .button,
.testcomplete .button {
  margin-bottom: 0;
}

.badgebuttons {
  margin-bottom: 1rem;
}
.badgebuttons > p {
  margin-top: 20px;
  margin-bottom: 10px;
}
.badgebuttons .badge {
  width: 7.5rem;
  vertical-align: bottom;
  margin-right: 10px;
}

.testhardwarebuttons {
  margin-top: 10px;
  margin-bottom: 10px;
}

.mobile .testhardwarebuttons {
  max-width: 100%;
}

.button.nextstep.requestButton {
  white-space: nowrap;
  float: right;
  display: inline-block;
}

@media only screen and (min-width: 768px) {
  .cardlist.column_1 > .card.testhardware {
    width: 60%;
  }
}
.mobile .cardlist.column_1 > .card.testhardware {
  width: inherit;
}

@media only screen and (max-width: 768px) and (min-width: 1px) {
  .cardlist.column_1 > .card.testhardware {
    width: inherit;
  }
}
.summarystep > .quickschedule {
  display: flex;
  flex-direction: row;
}
.mobile .summarystep > .quickschedule {
  flex-direction: column;
}
@media only screen and (max-width: 768px) and (min-width: 1px) {
  .summarystep > .quickschedule {
    flex-direction: column;
  }
}
.summarystep > .quickschedule.anonymousSummaryStepCard {
  display: inline-block;
  width: auto;
}
.summarystep > .quickschedule.anonymousSummaryStepCard > .card.provider.joinqueue {
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .summarystep > .quickschedule.anonymousSummaryStepCard {
    width: 100%;
  }
}
.summarystep > .quickschedule .summaryinfo {
  display: inline-block;
}
.summarystep > .quickschedule > .card.provider.joinqueue {
  width: 40%;
  margin-left: inherit;
  padding-right: 1rem;
  height: calc(100% - 2rem);
}
.summarystep > .quickschedule > .summaryinfo {
  border-left: 1px solid #dbdbdb;
  padding-left: 1rem;
}
.mobile .summarystep > .quickschedule > .summaryinfo {
  border-left: initial;
  padding-left: inherit;
}
@media only screen and (max-width: 768px) and (min-width: 1px) {
  .summarystep > .quickschedule > .summaryinfo {
    border-left: initial;
    padding-left: inherit;
  }
}
.mobile .summarystep > .quickschedule > .card.provider.joinqueue {
  width: 100%;
  padding-right: inherit;
  height: auto;
  margin: inherit;
}
@media only screen and (max-width: 768px) and (min-width: 1px) {
  .summarystep > .quickschedule > .card.provider.joinqueue {
    width: 100%;
    padding-right: inherit;
    height: auto;
    margin: inherit;
  }
}
.summarystep > .quickschedule > .summaryinfo {
  width: calc(60% - 1rem);
}

.mobile .summarystep .quickschedule > .summaryinfo {
  width: 100%;
}

@media only screen and (max-width: 768px) and (min-width: 1px) {
  .summarystep .quickschedule > .summaryinfo {
    width: 100%;
  }
}
.photo.nobackground {
  background-color: #ffffff;
  border: none;
}

.cardlist.column_1 > .card.joinqueue.hide {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.5s linear;
}

.cardlist.column_1 > .card.joinqueue.show {
  visibility: visible;
  opacity: 1;
}

.commentssection.quickschedule {
  margin: 0;
  margin-top: 1rem;
}

span.linkcolor {
  font-weight: bold;
}
span.linkcolor:hover {
  text-decoration: underline;
  cursor: pointer;
}

.mobile .quickschedule.providers {
  justify-content: space-around;
}

@media only screen and (max-width: 768px) and (min-width: 1px) {
  .quickschedule.providers {
    justify-content: space-around;
  }
}
#scheduling-continue {
  min-width: auto;
}

.quickschedule.providers .providerphoto {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.quickschedule.providers .photo {
  display: block;
  width: 6rem;
  height: 6rem;
  border-radius: 3.5rem;
  margin: 0;
  max-width: 100%;
}
.quickschedule.providers .providerinfo {
  width: 100%;
  margin-right: 12px;
}
.mobile .quickschedule.providers .providerinfo {
  margin-right: 0;
  height: auto !important;
}
@media only screen and (max-width: 768px) and (min-width: 1px) {
  .quickschedule.providers .providerinfo {
    margin-right: 0;
    height: auto !important;
  }
}
.quickschedule.providers > .quickschedule .providerinfo {
  width: 100%;
  margin-right: 0;
}

.telehealthlocation .providerinfo {
  width: calc(100% - 3rem);
}

.card.testhardware {
  container-type: inline-size;
}

@container (width < 15rem) {
  .telehealthlocation svg {
    display: none;
  }
  .card.testhardware .platformphoto {
    display: none;
  }
  .card.testhardware .providerinfo {
    width: 100%;
  }
}
@media screen and (max-width: 321px) {
  .locationGroup > div.selectLocation {
    margin-right: 0;
  }
}
@media screen and (max-width: 426px) {
  div#TalkToADoctor.header.videoCard .individualVideo .col-3 img {
    width: 50%;
  }
}
.mobile .summaryinfo .centerlabel,
.summarystep .provider .centerlabel,
.providerstep .quickschedule.providers .centerlabel {
  text-align: center;
  width: 100%;
  display: block;
  padding-bottom: 0;
}

.mobile .quickschedule.providers .centerlabel {
  word-wrap: break-word;
  word-break: break-word;
}

@media only screen and (max-width: 768px) and (min-width: 1px) {
  .quickschedule.providers .centerlabel {
    word-wrap: break-word;
    word-break: break-word;
  }
}
.providerstep .quickschedule.providers .button,
.quickschedule .telehealthsignup.button {
  display: inline-block;
  margin: 0 auto;
  margin-top: 3px;
  min-width: 50%;
  max-width: 12rem;
}
.providerstep .quickschedule.providers .button.double,
.quickschedule .telehealthsignup.button.double {
  min-width: calc(50% - 6px);
  width: auto;
}

@media screen and (min-width: 769px) {
  .section .loginsignupbuttons .button {
    margin: 0.5rem auto 1rem;
    min-width: 45%;
    max-width: 12rem;
  }
}

.loginsignupbuttons {
  padding-bottom: 2rem;
}
.loginsignupbuttons.schedulebuttongroup .button {
  margin-left: 0;
  margin-right: 0;
}

.schedulebuttongroup {
  justify-content: flex-end;
}

.centeredflexbox {
  display: inline-flex;
  justify-content: center;
}

.providerstep .quickschedule.providers .button {
  display: block;
}
.providerstep .quickschedule.providers .button.double {
  margin: 3px;
}

.providerstep .quickschedule.buttons {
  display: flex;
  flex-wrap: wrap;
}
.providerstep .quickschedule.buttons .button.double {
  flex-grow: 1;
}

.mobile .quickschedule .telehealthsignup.button {
  width: 100%;
}

@media only screen and (max-width: 768px) and (min-width: 1px) {
  .quickschedule .telehealthsignup.button {
    width: 100%;
  }
}
.quickschedule .ghostInput label,
.quickschedule .section .content .ghostInput label {
  line-height: 1.5rem;
}

.joinqueueproviderlabel {
  padding-top: 0.75rem;
}

span.testhardwaredescription > a {
  white-space: nowrap;
  word-break: break-word;
}

span.waittime {
  display: block;
  text-align: center;
}
.mobile .joinqueue span.waittime:empty {
  display: none;
}
@media only screen and (max-width: 768px) and (min-width: 1px) {
  .joinqueue span.waittime:empty {
    display: none;
  }
}

img.waittime.info {
  display: inline-block;
  height: 18px;
  width: 18px;
  margin-left: 2px;
  margin-bottom: -2px;
}
img.waittime.info.ie {
  height: 24px;
  width: 24px;
}

.mobile div.vvpretext {
  padding-top: 15px;
  padding-bottom: 15px;
}

@media only screen and (max-width: 768px) and (min-width: 1px) {
  div.vvpretext {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
.quickschedule textarea.comments {
  min-width: 60%;
  width: 100%;
}
.mobile .quickschedule textarea.comments {
  width: 100%;
}
@media only screen and (max-width: 768px) and (min-width: 1px) {
  .quickschedule textarea.comments {
    width: 100%;
  }
}

.explanable:hover {
  visibility: visible;
}

div.popupInstructions.card {
  min-height: 0 !important;
  margin-top: 6px;
}

.quickschedule .popupinstructionsicon {
  margin-bottom: 3px;
}

.telehealthlocation svg {
  height: 3rem;
  width: 3rem;
  vertical-align: top;
  fill: #470a68;
}

.md_scheduling_ondemandtelehealth div#EmergencyWarningBanner .banner-header-text {
  max-width: 100%;
  word-break: break-word;
}

.mobile .md_scheduling_ondemandtelehealth .popup.container.notoolbar {
  max-width: 100%;
  word-break: break-word;
}

.vvpretext {
  position: relative;
  padding-top: 1rem;
}

/* override normal card styling*/
.mobile .summarystep > .quickschedule .card.provider,
.summarystep > .quickschedule .card.provider {
  background: transparent;
  border: none;
  box-shadow: none;
}

.summarystep .quickschedule {
  background-color: #ffffff;
}

.quickschedule.providers a.telehealthsignup {
  margin-bottom: 1rem;
}

.mobile .telehealthlocation.mapmarker {
  display: inline-block;
}

.mobile .summarystep > .quickschedule .summaryinfo {
  width: 100%;
}

/* #endregion */
.verificationContent.single_verification {
  box-shadow: none;
  background-color: initial;
  padding-top: 0px;
}

.verificationContent.single_verification .card {
  background-color: #ffffff;
  border: none;
}

.verificationContent .confirmationContainer .card {
  border: none;
}

.mobile .confirm-info-text {
  word-break: break-word;
}

.leftside {
  width: 25%;
  display: inline-block;
  min-height: 250px;
  float: left;
  word-wrap: break-word;
  padding-right: 1.5rem;
}

.slotsContainer {
  display: inline-block;
  min-height: 250px;
  height: auto;
  width: 100%;
}

.leftside .prettycheck.container {
  margin: 0.5rem 0;
  width: calc(100% - 1.2rem);
}

.leftside span.tbContainer {
  width: 100%;
}

.leftside input:checked + label.togglebutton[for],
.leftside input.buttoncheck:checked + label.buttoncheck,
.leftside label.togglebutton[for],
.leftside input.buttoncheck + label.buttoncheck,
.requestDetails input:checked + label.togglebutton[for],
.requestDetails input.buttoncheck:checked + label.buttoncheck,
.requestDetails label.togglebutton[for],
.requestDetails input.buttoncheck + label.buttoncheck {
  width: 100%;
}

.content .leftside p.buttoncheck {
  display: block;
}

.leftside input.date.withCalendar {
  width: calc(100% - 2rem);
}

.leftside .filtertimes.sidebarfilters {
  padding-bottom: 2rem;
}

.sidebyside {
  display: flex;
}
.sidebyside .providerstep,
.sidebyside .reasonforvisitstep,
.sidebyside .info {
  width: calc(50% - 1rem);
  position: relative;
}
.sidebyside .reasonforvisitstep {
  left: 2rem;
}
.sidebyside .providerstep .card .name,
.sidebyside .reasonforvisitstep .card .name {
  font-size: 1rem;
  word-break: break-word;
}
.sidebyside .providerstep .card .subtle,
.sidebyside .reasonforvisitstep .card .subtle {
  font-size: 0.8rem;
}
.sidebyside .providerstep h2.header,
.sidebyside .reasonforvisitstep h2.header {
  padding-bottom: 0;
}
.sidebyside .card .cardline {
  line-height: 1rem;
}
.sidebyside .providerstep .card .providerinfo > span {
  display: block;
}
.sidebyside .reasonforvisitstep::before {
  content: "";
  display: block;
  position: absolute;
  width: 1px;
  top: 2.2rem;
  bottom: 0;
  left: -1rem;
}
.sidebyside .providerstep::after {
  display: inline-block;
  position: absolute;
  top: 0.8rem;
  right: -1.65rem;
}
.sidebyside .providerstep .headerwrapper > h2,
.sidebyside .providerstep .headerwrapper > .subtle,
.sidebyside .reasonforvisitstep .headerwrapper > h2,
.sidebyside .reasonforvisitstep .headerwrapper > .subtle {
  display: block;
  text-align: center;
}

.platformstep.link {
  white-space: pre-wrap;
}

.expand {
  transform-origin: top;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-name: fadeIn;
}

.photobutton {
  cursor: pointer;
}

/* #region Mobile Subway style */
.mobile .sidebyside {
  display: block;
}
.mobile .sidebyside .reasonforvisitstep {
  left: 0;
}
.mobile .sidebyside .providerstep,
.mobile .sidebyside .reasonforvisitstep {
  width: 100%;
}
.mobile .sidebyside .providerstep:after {
  content: "";
}
.mobile .scheduling-embedded #dummydiv {
  display: none;
}

.sidebyside .card .providerphoto .photo {
  width: 2.6rem;
  height: 2.6rem;
}

.mobile .providerstep.combined,
.mobile .reasonforvisitstep.combined {
  display: none;
}

.mobile .summarystep > .quickschedule.clearfix {
  margin-bottom: 0;
  height: 4.5rem;
  position: fixed;
  z-index: 5;
  margin-left: -0.5rem;
  width: 100%;
  max-width: 50em;
}

.mobile .summaryBannerContainer {
  padding-top: 0;
}

.mobile .summarySpan {
  display: none;
}

.summaryInfo .summarySpan {
  word-wrap: normal;
  text-overflow: ellipsis;
  overflow: hidden;
}
@media only screen and (max-width: 1024px) and (min-width: 768px) {
  .summaryInfo .summarySpan span.selectedItem, .summaryInfo .summarySpan span.editText.subtle {
    display: none !important;
  }
}

.mobile .summaryInfo:first-child {
  padding-left: 0.5rem !important;
}

.mobile #scheduling-startover {
  display: none;
}

.mobile a.summaryInfo {
  height: 4.3rem;
  width: calc(25% - 0.6rem);
}

.mobile .summaryIcon {
  margin: 0 auto;
  position: relative;
}

.mobile .summaryInfo .mobileedittext.subtle {
  width: 100%;
  position: relative;
  left: calc(50% - 0.8rem);
}

.mobileedittext {
  display: none;
}

.summaryInfo.summaryActive .mobileedittext.subtle,
.summaryInfo.summaryComplete .mobileedittext.subtle,
.summaryInfo.summaryIncomplete .mobileedittext.subtle,
.summaryInfo .mobileedittext.subtle {
  display: none;
}

.mobile .summaryInfo.summaryComplete:not(.summaryActive) .mobileedittext,
.mobile .summaryInfo.summaryIncomplete:not(.summaryActive) .mobileedittext {
  display: inline;
}

.mobile .summaryInfo.summaryComplete .summaryIcon:before {
  background-image: url("../images/success.svg");
  width: 1rem;
  height: 1rem;
  content: "";
  position: absolute;
  left: 65%;
  bottom: -10%;
  background-size: 1rem;
}

@container (width < 15rem) {
  .mobile .summaryInfo.summaryComplete .summaryIcon:before {
    left: 60%;
  }
  .selectedOrgLogoCard.logos.orglogosection {
    display: none;
  }
}
.mobile .slotFilterToggle {
  min-height: 3rem;
  width: 100%;
}
.mobile .slotFilterToggle .filterIcon {
  padding: 0.85rem 0 0.85rem;
}
.mobile .slotFilterToggle .filterIcon.selected {
  transform: scaleY(-1);
}
.mobile .slotFilterToggle h3.filtertext {
  width: 90%;
  float: left;
  color: #565656;
  padding: 0.75rem 0 0.75rem 1rem;
}

.mobile .filtersExpanded.fullPage .filtersSectionContainer {
  padding-left: 1rem;
  padding-right: 1rem;
}

@media only screen and (max-width: 333px) {
  .card .locationssection.cardline.partial {
    width: 100%;
  }
  .card .cardline.partial.photo {
    display: none;
  }
}
@media (orientation: portrait) {
  .mobile .list.workflowselect a {
    display: inline-block;
    height: 50%;
    width: 99%;
    text-align: center;
  }
  .mobile .list.workflowselect .separator {
    content: "";
    display: block;
    position: relative;
    width: 90%;
    height: 1px;
    margin: auto;
    background-color: #dbdbdb;
  }
}
@media (orientation: landscape) {
  .mobile .list.workflowselect a {
    display: inline-block;
    height: 100%;
    width: 50%;
    text-align: center;
    vertical-align: top;
  }
  .mobile .list.workflowselect .separator {
    content: "";
    display: inline-block;
    position: absolute;
    width: 1px;
    height: calc(90% - 3.5rem);
    top: 3.5rem;
    background-color: #dbdbdb;
  }
}
.mobile .list.workflowselect {
  height: calc(100vh - 2rem);
  position: relative;
  top: 1rem;
}
.mobile .list.workflowselect div.centered div.iconcontainer {
  height: 5rem;
  width: 5rem;
  margin: auto;
  position: relative;
  background-size: cover;
}

.mobile .workflowselect a.card div.iconcontainer {
  width: 3rem;
  height: 3rem;
  float: left;
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: 1.5rem;
  background-size: cover;
  vertical-align: top;
  margin: 0 0.75rem 0 0;
}
.mobile .workflowselect a.card .workflowinfo {
  display: inline-block;
  width: calc(100% - 3.75rem);
}
.mobile .workflowselect .providerfirst div.iconcontainer {
  background-image: url("../images/visits/schedule_existing_provider.png");
}
.mobile .workflowselect .rfvfirst div.iconcontainer {
  background-image: url("../images/visits/encounter_mobile.png");
}

div.centeredvertically {
  position: relative;
  padding: 1rem 0.5rem;
}

.mobile .list.workflowselect a div.centered {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  padding: 0 0.5rem;
}

.mobile .workflowselect span.header {
  font-size: 1.1rem;
}

.mobile .leftside {
  width: 100%;
  padding-right: 0px;
  min-height: initial;
}

.mobile .leftside span.tbContainer, .mobile .requestDetails span.tbContainer {
  width: auto;
  display: block;
}

.mobile .slotsstep .slotsData {
  width: 100%;
}

.mobile .slotsstep .timepreferencecontainer .gridrow.headers {
  word-wrap: normal;
  overflow: hidden;
}

.mobile .leftside .filtertimes.sidebarfilters {
  padding-bottom: 0;
}

.mobile .verificationContent.single_verification .card {
  box-shadow: none;
}

.mobile .verificationContent {
  box-shadow: none;
  padding: 0;
}

.mobile .verificationContent .card.confirmation {
  border: none;
}

.mobile .stepcontainer > div > h2.header {
  text-align: left;
}

.mobile .scheduling-embedded .stepcontainer > div > h2.header {
  background: none;
  margin-bottom: 0;
}

.mobile .hasFloatingNavigation .col-3:last-child {
  padding-bottom: 3rem;
}
.mobile .hasFloatingNavigation .platformStepContainer {
  padding-bottom: 3rem;
}
.mobile .hasFloatingNavigation div#mobile-video-card-container {
  padding-bottom: 3rem;
}
.mobile .hasFloatingNavigation .reasonforvisitstep.organizationStep .row {
  padding-bottom: 3rem;
}

.scheduling-embedded > div:not(.summaryBannerContainer):not(.anonymousSchedulingBanner) {
  padding: 0.5rem;
}

.whoIsVisitFor.messageComponent .buttons [data-id=toolbarSomeoneElse].button[class] {
  box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.2);
  color: #ffffff;
  background-color: #565656;
}
@media print {
  .whoIsVisitFor.messageComponent .buttons [data-id=toolbarSomeoneElse].button[class] {
    border: 1px solid #767676;
    padding-top: calc(0.375rem - 1px);
    padding-bottom: calc(0.375rem - 1px);
  }
  .mobile .whoIsVisitFor.messageComponent .buttons [data-id=toolbarSomeoneElse].button[class] {
    padding-top: calc(0.75rem - 1px);
    padding-bottom: calc(0.75rem - 1px);
  }
}
.darkmode .whoIsVisitFor.messageComponent .buttons [data-id=toolbarSomeoneElse].button[class] {
  border: 2px solid;
}

.whoIsVisitFor.messageComponent .buttons [data-id=toolbarSomeoneElse].button[class]:focus, .whoIsVisitFor.messageComponent .buttons [data-id=toolbarSomeoneElse].button[class]:hover, .whoIsVisitFor.messageComponent .buttons [data-id=toolbarSomeoneElse].button[class]:active {
  color: #ffffff;
}
.whoIsVisitFor.messageComponent .buttons [data-id=toolbarSomeoneElse].button[class]:active {
  box-shadow: none;
  transform: translateY(1px);
}
.darkmode .whoIsVisitFor.messageComponent .buttons [data-id=toolbarSomeoneElse].button[class] {
  border-color: #ababab;
  color: white;
  background-color: #1a1a1a;
  box-shadow: none;
}

.whoIsVisitFor.messageComponent .buttons [data-id=toolbarSomeoneElse].button[class]:hover, .whoIsVisitFor.messageComponent .buttons [data-id=toolbarSomeoneElse].button[class]:active {
  background-color: #494949;
}
.darkmode .whoIsVisitFor.messageComponent .buttons [data-id=toolbarSomeoneElse].button[class]:hover, .darkmode .whoIsVisitFor.messageComponent .buttons [data-id=toolbarSomeoneElse].button[class]:active {
  background-color: #434343;
  border-color: transparent;
}

.tvmode .whoIsVisitFor.messageComponent .buttons [data-id=toolbarSomeoneElse].button[class]:hover, .tvmode .whoIsVisitFor.messageComponent .buttons [data-id=toolbarSomeoneElse].button[class]:active, .tvmode .whoIsVisitFor.messageComponent .buttons [data-id=toolbarSomeoneElse].button[class]:focus {
  background-color: #494949;
}
.tvmode.darkmode .whoIsVisitFor.messageComponent .buttons [data-id=toolbarSomeoneElse].button[class]:hover, .tvmode.darkmode .whoIsVisitFor.messageComponent .buttons [data-id=toolbarSomeoneElse].button[class]:active, .tvmode.darkmode .whoIsVisitFor.messageComponent .buttons [data-id=toolbarSomeoneElse].button[class]:focus {
  background-color: #434343;
  border-color: transparent;
}

/* #region XOrg */
.card .orgTitle {
  display: flex;
  justify-content: flex-start;
}
.card .orgTitle .orgCardLogo {
  width: auto;
  margin-right: 10px;
}
.card .orgTitle .orgNameAndAddress {
  flex: 2;
  max-width: 100%;
  word-break: break-word;
}
.card .orgTitle .iconContainer {
  flex: 1;
}
.card .orgTitle .homeIcon .externalIcon {
  width: 1.5rem;
  height: auto;
}

.orgContent {
  min-width: 0;
}

.list.hoverable:not(.collapsible) a.notificationSelect:not(.button) {
  color: #470a68;
}

.list.hoverable a.notificationSelect:focus,
.list.hoverable a.notificationSelect:hover,
.list.hoverable:not(.collapsible) a.notificationSelect:not(.button):focus,
.list.hoverable:not(.collapsible) a.notificationSelect:not(.button):hover {
  text-decoration: underline;
  background: transparent;
  cursor: pointer;
}

#emailNotificationLabel, #smsNotificationLabel {
  text-decoration: none;
}

.notificationSelect > img {
  margin-left: 0.25rem;
}

div.notificationsignupdiv:focus {
  border: 2px solid;
  border-color: #565656;
}

.notificationOptionLinkText {
  word-break: break-word;
}

.card .orgDetails {
  display: flex;
  justify-content: space-around;
  flex-direction: column;
}

.bigLogo .roundedimage {
  width: 10rem;
  height: 10rem;
}
@media screen and (max-width: 768px) {
  .bigLogo .roundedimage {
    width: 6rem;
    height: 6rem;
  }
}

.reasonforvisitstep.organizationStep .row {
  container-type: inline-size;
}

.inlineIcon {
  width: 1rem;
  height: 1rem;
  position: relative;
  top: 0.15rem;
  margin-right: 0.25rem;
}

.orgCard .column {
  display: flex;
  max-width: 100%;
}
.orgCard .column.bigLogo {
  flex-direction: row-reverse;
}
@media screen and (max-width: 768px) {
  .orgCard .column.bigLogo {
    flex-direction: column;
  }
  .orgCard .column.bigLogo .selectedOrgLogoCard {
    margin: auto;
  }
}
.orgCard .column > div {
  flex-grow: 1;
}
.orgCard .column > div:first-child {
  width: auto;
  margin-right: 10px;
}

.mobile .orgCard .column {
  flex-direction: column;
}
.mobile .orgCard .column .selectedOrgLogoCard {
  margin: auto;
}

@media only screen and (max-width: 768px) and (min-width: 1px) {
  .orgCard .column {
    flex-direction: column;
  }
  .orgCard .column .selectedOrgLogoCard {
    margin: auto;
  }
}
.card .orgAuthContent .name {
  font-size: 1.25rem;
  line-height: 1.5rem;
}

.orgAuthContent .authorizationsSection {
  margin-top: 1rem;
  word-wrap: break-word;
  word-break: break-word;
}

#scheduling-workflow .orgCard[class][class][class].card.withButton {
  display: flex;
  flex-direction: column;
  padding-bottom: 0.5rem;
}
#scheduling-workflow .orgCard[class][class][class].card.withButton .buttonList {
  min-height: 0;
  padding: 0;
  position: static;
  margin-top: auto;
}

a.summaryLink {
  cursor: pointer;
}

.connectionError {
  padding: initial !important;
}
.connectionError > span {
  display: inline-flex;
  align-items: center;
}
.connectionError .externalorganizations {
  display: inline-block;
}

.telehealthCost {
  font-weight: bold;
}

.subtle .telehealthCost {
  font-weight: normal;
  color: #000000;
  font-size: 1.2em;
}

.subtle .telehealthCost.moneyColor {
  color: #000000;
}

.orgContent .loadingfailed,
.orgContent .adminloginmode {
  margin-left: auto;
}

:not(.orgAuthContent) > .orgContent .subtle.best .telehealthCost,
:not(.orgAuthContent) > .orgContent .homeIcon.goodchoice > span {
  font-weight: bold;
  color: #0f784a;
  white-space: normal;
}

.organizationStep .filterContainer .filters select {
  border: 0;
  min-width: 100px;
  max-width: 250px;
  font-size: 1em;
  cursor: pointer;
  margin-right: 15px;
  margin-left: 5px;
}
.organizationStep .filterContainer > .filters {
  display: flex;
  align-items: center;
}
.organizationStep .filterContainer > .filters .tbContainer > label {
  margin-top: 0px;
  margin-bottom: 0px;
}
.organizationStep .filterContainer > .filters {
  padding: 10px 10px 10px 22px;
  margin-left: 0;
  width: 100%;
  background-color: rgba(71, 10, 104, 0.05);
}
.organizationStep .filterContainer > .filters .label {
  margin: 0 0.5em 0 0;
  padding-top: 3px;
  display: inline-block;
  width: 100%;
}
.organizationStep .filterContainer > .filters .labelContainer {
  width: auto;
}
.organizationStep .filterContainer > .filters .labelContainer,
.organizationStep .filterContainer > .filters .filterButtonContainer .tbContainer {
  margin-bottom: 5px;
}

.mobile .organizationStep .filterButtonContainer .tbContainer {
  max-width: 100%;
}

@media only screen and (max-width: 768px) and (min-width: 1px) {
  .organizationStep .filterButtonContainer .tbContainer {
    max-width: 100%;
  }
}
.filters label.togglebutton {
  max-width: 100%;
}

.orgContent .orgTitle .homeIcon {
  font-size: 0.8em;
  text-align: right;
}
.orgContent .orgTitle .homeIcon img.inlineIcon,
.orgContent .orgTitle .homeIcon img.externalicon {
  margin-left: 0.25rem;
}
.orgContent .orgTitle .homeIcon img {
  width: 16px;
  height: 16px;
}

.filterContainer .tbContainer input + label.togglebutton[for] {
  word-wrap: break-word;
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
}

.orgContent .iconContainer {
  height: 100%;
}

.orgContent .iconContainer,
.orgGrouper .homeIcon.ce {
  display: none;
}

.organizationStep .orgCardSmall .orgContent .iconContainer {
  display: inline-block;
  width: 100%;
  min-width: 0;
}
.organizationStep .orgCardSmall .orgContent .iconContainer > div {
  float: right;
  white-space: nowrap;
  margin-left: 1rem;
}
.organizationStep .orgCardSmall .orgContent .iconContainer:empty {
  display: none;
}
.organizationStep .orgCardSmall .orgContent .homeIcon.ce {
  display: flex;
  align-items: flex-end;
}

.orgContent .homeIcon.ce img {
  width: 24px;
  height: 24px;
  position: absolute;
  bottom: 10px;
  right: 7px;
}

.orgGrouper {
  display: flex;
}
.orgGrouper .homeIcon.ce {
  width: auto;
}
.orgGrouper > div:first-child {
  flex-grow: 1;
}

.summarystep .telehealthCost {
  font-weight: bold;
}

fieldset.notificationStep .notificationsignupdiv {
  margin-bottom: 1rem;
}
fieldset.notificationStep .notificationsignupdiv.collapsed {
  display: flex;
  align-items: baseline;
}
fieldset.notificationStep .notificationsignupdiv.collapsed span {
  margin-left: 4px;
}
fieldset.notificationStep .notificationsignupdiv input.prettycheck {
  position: static;
}

fieldset.notificationStep .notificationsignupdiv:last-child {
  margin-bottom: 2rem;
}

fieldset.notificationStep .prettycheck:disabled + label > a {
  cursor: pointer;
}

fieldset.notificationStep input.notificationTextBox {
  width: 100%;
}

.mobile .quickschedule.providers fieldset.notificationStep a.notifications.cancelworkflow,
.mobile .quickschedule.providers fieldset.notificationStep a.button.confirmNotifications,
.mobile .quickschedule.providers fieldset.notificationStep a.button.saveNotification {
  display: inline-block;
  width: 50%;
}

fieldset.notificationStep > .header {
  margin-top: 10px;
}

.notificationInputLabel::before, .notificationInputLabel::after {
  content: "";
}

.customMessageDisplay > div {
  display: inline;
}

.cardlist.list.hoverable .card.orgCard.disabledCard {
  background: #dbdbdb;
  color: #565656;
  cursor: default;
  text-decoration: none;
}

.fakeValidation {
  opacity: 0;
  height: 0;
  width: 0;
}

.summarystep .telehealthsummaryline {
  width: auto;
  margin-top: 1rem;
}
.summarystep .telehealthsummaryline tr > td {
  vertical-align: middle;
  border-width: 0;
}

.summarystep .anonymousSummaryStepCard .telehealthsummaryline {
  margin-top: 0;
}
@media only screen and (max-width: 768px) {
  .summarystep .anonymousSummaryStepCard {
    width: 100%;
  }
}

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

.summarystep .telehealthsummaryline img,
.inlineIcon.notification {
  width: 1.8rem;
  height: 1.8rem;
}

.summarystep #legend {
  display: flex;
  justify-content: flex-end;
  font-size: 1rem;
  padding-bottom: 1rem;
  padding-top: 1rem;
  max-width: 100%;
}

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

.notificationGroup {
  display: flex;
  align-items: center;
}
.notificationGroup > div {
  vertical-align: middle;
  width: auto;
}

.mobile .telehealthLoadingOverlay {
  position: fixed;
  z-index: 999;
}

.telehealthLoadingOverlay {
  /* shadowy overlay that intercepts mouse events*/
}
.telehealthLoadingOverlay.fullscreenOverlay {
  position: fixed;
  top: 0px;
  left: 0px;
  background: rgba(0, 0, 0, 0.2);
  height: 100%;
  width: 100%;
  pointer-events: all;
  /* center the loading message */
}
.telehealthLoadingOverlay.fullscreenOverlay > .loadingmessage {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.telehealthLoadingOverlay * {
  user-select: none;
}
.telehealthLoadingOverlay .telehealthLoadingMessage {
  background: none;
}

.loadingOverlayContainer {
  min-height: 250px;
}

.insuranceVerificationContainer .loadingoverlay {
  position: static;
}

.grid > .row > .telehealthSplashPageCard {
  background-color: transparent;
  box-shadow: none;
  text-align: left;
  border: none;
}

.telehealthSplashPageCardHeader {
  display: flex;
}
.telehealthSplashPageCardHeader > img {
  margin: 0;
  display: block;
  width: 30px;
  height: 30px;
}
.telehealthSplashPageCardHeader > span {
  vertical-align: top;
  padding-left: 5px;
  padding-top: 2px;
}

.telehealthSplashPageOr {
  text-align: center;
  display: block;
  margin-bottom: 10px;
}

.telehealthSplashPageActionCard {
  min-height: 0px;
}

.telehealthSplashPageActionCardContents {
  display: flex;
  flex-direction: row;
}

.telehealthSplashPageActionCardHeader {
  display: flex;
  flex-direction: row;
}

.telehealthSplashPageActionCardIconWrapper {
  display: inline-block;
  width: 45px;
  height: 45px;
  flex-shrink: 0;
}

.telehealthSplashPageActionCardIcon {
  max-height: 100%;
}

.telehealthSplashPageActionCardOrgLogoWrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  max-height: 100%;
}

.telehealthSplashPageLogoIcon {
  background: transparent none no-repeat scroll center center/cover;
  border-radius: 100%;
  border-style: solid;
  border-width: 1px;
  display: block;
  height: 2.5em;
  overflow: hidden;
  flex-shrink: 0;
  min-width: 100%;
  min-height: 100%;
}

.telehealthSplashPageActionCardText {
  padding-left: 10px;
  padding-right: 5px;
}
.telehealthSplashPageActionCardText > p {
  word-break: break-word;
}

.telehealthSplashPageActionCardButton {
  display: flex;
  flex-direction: row-reverse;
  width: 35%;
}
.telehealthSplashPageActionCardButton > a.button:only-child {
  margin-bottom: 0;
  margin-top: auto;
}
.telehealthSplashPageActionCardButton > div {
  width: auto;
  display: inline-block;
  margin-bottom: 0;
  margin-top: auto;
}
.telehealthSplashPageActionCardButton > div > a:nth-child(1) {
  margin-bottom: 10px;
  margin-top: auto;
}
.telehealthSplashPageActionCardButton > div > a:nth-child(2) {
  margin-bottom: auto;
  margin-top: 10px;
}

@media only screen and (max-width: 768px) {
  .telehealthSplashPageActionCardContents {
    flex-direction: column;
  }
  .telehealthSplashPageActionCardText {
    padding-right: 0px;
  }
  .telehealthSplashPageActionCardButton {
    display: block;
    text-align: center;
    margin-top: 10px;
    width: 100%;
  }
}
.splashPageSpacerNoPretext {
  height: 13px;
}

p.splashPagePretext {
  margin-top: 21px;
  margin-bottom: 33px;
}

div > label.buttoncheck.halfsize {
  width: auto;
  min-width: 50%;
  max-width: 100%;
}

.verifyDOBError {
  padding-top: 1rem;
}

.verifyDOBErrorTable {
  padding-left: 0.5rem;
}

.verifyDOBErrorImage {
  margin-top: 0.5rem;
  margin-right: 0.5rem;
}

#dateOfBirth_message {
  display: none;
}

.splashPageOutsideBusinessHours > img {
  width: 180px;
  height: 180px;
  display: block;
  margin: 33px auto 0 auto;
}
.splashPageOutsideBusinessHours > h2 {
  text-align: center;
}
.splashPageOutsideBusinessHours > div {
  text-align: center;
}

.boldedInfoMessage {
  background-image: url("../images/info.png");
  background-repeat: no-repeat;
  background-size: 21px 21px;
  font-weight: bold;
  display: inline-block;
  margin: 0 auto;
  width: auto;
}

.boldedInfoMessage > p {
  margin-left: 1.5rem;
}

.checkboxRequiredStar {
  width: 0.625rem;
}
.checkboxRequiredStar::after {
  background: url("../images/required_asterisk.png") scroll no-repeat transparent 0 0/0.5rem 0.5rem;
  color: transparent;
  content: "";
  display: inline-block;
  height: 0.5rem;
  margin: 0 0.125rem 0 0;
  overflow: hidden;
  vertical-align: top;
  width: 0.5rem;
}

.formcolumn.customList, .formcolumn.customList > fieldset {
  margin-bottom: 0px;
}

.proxyUpgradePostText {
  margin-top: 10px;
  margin-bottom: 10px;
  display: block;
}

@media only screen and (max-width: 425px) {
  .proxyUpgradeDocumentUpload .cardlist.column_2 > .card {
    width: 99%;
  }
}

[data-message-display-for^=proxyAccess] {
  min-height: 1.25rem;
}

.proxyAccessSpacer {
  height: 2rem;
}

.splashPageExpandable, .splashPageCollapsible {
  background: scroll no-repeat transparent 0 0.25rem/1rem 1rem;
  color: transparent;
  content: "";
  height: 1rem;
  margin: auto 0 auto 0.125rem;
  overflow: hidden;
  vertical-align: top;
  width: 1rem;
}

.splashPageExpandable {
  background-image: url("../images/down_chevron_heading.svg");
}

.splashPageCollapsible {
  background-image: url("../images/up_chevron_heading.svg");
}

.splashPageExpandableWrapper {
  padding-top: 10px;
}
.splashPageExpandableWrapper > h2 > a {
  display: inline-block;
  color: #470a68;
}
.splashPageExpandableWrapper > h2 > a > div {
  display: inline-block;
}

.standardBanner.oneColumn {
  flex-direction: column;
}

.xorgUnverifiedProxySummary > ul > li {
  list-style-type: disc;
  margin-left: 1.5rem;
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

.anonymousSchedulingBanner, .estimatedCostInfoBanner {
  margin-bottom: 10px;
  width: calc(100% - 12px);
  word-wrap: break-word;
  word-break: break-word;
}

.visitLinkTitle {
  display: flex;
}
.visitLinkTitle > div {
  display: flex;
  width: 2rem;
  height: 2rem;
  flex-shrink: 0;
}
.visitLinkTitle > h1 {
  padding: 0px;
  margin-top: auto;
  margin-bottom: auto;
  margin-left: 5px;
}

.visitLinkSpacer {
  height: 12px;
}

.visitLinkSpan {
  margin-left: 0.5%;
  margin-right: 0.5%;
}

.visitLinkButtonContainer {
  display: flex;
}
.visitLinkButtonContainer > button:nth-child(2) {
  margin-left: 10px;
}

@media only screen and (min-width: 1301px) {
  .md_anonymoustelehealth_index #main .title .headerlink {
    right: 12px;
  }
}
.md_anonymoustelehealth_index .standardBanner .banner-actions {
  padding-right: 0;
}

@media only screen and (min-width: 769px) {
  .splashPageStartOverMobile {
    display: none;
  }
}
.splashPageStartOverMobile input[type=button].button {
  width: 100%;
  margin-top: 5px;
}

.callToActionLink {
  font-size: 0.8rem;
  line-height: 0.9rem;
  margin-right: 10px;
}

.proxyInformation:first-child, .proxyInformation:last-child {
  margin-top: auto;
  margin-bottom: auto;
  margin-left: 5px;
  padding: 0px;
  font-size: 1rem;
}

.divCheckboxRequired {
  display: flex;
}

.boldlabel {
  font-weight: bold;
}

.grid.expandablesplashinfo {
  display: none;
}

.editablehidden {
  display: none;
}

.orglogoimage {
  height: 100%;
}

.providerphotocrop {
  object-fit: cover;
}

.selfTriage .summarySpan {
  word-break: normal;
}
.selfTriage .button {
  word-break: normal;
}
.selfTriage .floatingButtonContainer .selected-count:empty {
  display: none;
}

/* #endregion */