/* Copyright 2018-2024 Epic Systems Corporation */
:root {
  --wp-header-height: 0px;
  --wp-footer-height: 0px;
}

body:not(.graphicHeader) {
  background: transparent url("../images/background.jpg") no-repeat fixed top center/cover;
}
body:not(.graphicHeader) #content:after {
  background: transparent url("../images/background_blurred.jpg") no-repeat fixed top center/cover;
}

#proxyprefform .roundedimage {
  width: 4.5rem;
  height: 4.5rem;
}

#subjects > .header {
  display: inline-block;
  width: auto;
}
#subjects > .popupiconcontainer {
  margin-bottom: 0.25rem;
}

#proxies {
  padding: 0 0.5rem 0 1.5rem;
  width: 18%;
}
#proxies .proxy {
  display: inline-block;
  height: 100%;
  margin: 0 -0.25em;
  position: relative;
  text-align: center;
  vertical-align: top;
  width: 2.5em;
}
#proxies .proxy.preview, #proxies .proxy.selected:not(.shrink) {
  font-weight: bold;
  width: 3.5em;
  z-index: 10;
}
#proxies .proxy a {
  display: block;
  height: calc(100% - 0.25rem);
  padding: 0.5em 0 0;
}

#proxies .proxy.preview > a,
#proxies .proxy.selected:not(.shrink) > a {
  padding: 0;
}

#proxies .proxy .proxyicon,
.MessageList .photo,
.roundedimage {
  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;
}

.providerimage.roundedimage.centralProfileImage {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.roundedimage {
  width: 2.5rem;
  height: 2.5rem;
  border-color: #cccccc;
}

.MessageList .photo {
  width: 2.5em;
  display: inline-block;
  vertical-align: middle;
  z-index: 5;
}

#proxies .grow .proxyicon,
#proxies .preview > a .proxyicon,
#proxies .selected:not(.shrink) > a .proxyicon {
  border-width: 2px;
  height: 3.5em;
}
#proxies .proxy .proxyicon .moreProxies {
  width: 100%;
}
#proxies .proxy.selected:not(.hidebar):after {
  content: "";
  display: block;
  height: 0.25rem;
  margin: 0 0 0 -15%;
  width: 130%;
}
#proxies .iconlabel {
  color: #565656;
  display: block;
  margin: 0 0 0 -50%;
  opacity: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  visibility: hidden;
  width: 200%;
  white-space: nowrap;
  transition: visibility 0.2s;
}
#proxies .grow .iconlabel,
#proxies .selected:not(.shrink) > a .iconlabel {
  color: #000000;
  opacity: 1;
  visibility: visible;
}
#proxies .proxy,
#proxies .proxy a,
#proxies .proxy .proxyicon,
#proxies #photoImg_morecontainer,
#proxies #photoImg_morecontainer .proxyicon {
  transition: all 0.2s;
}

#locale_container.postlogin {
  position: absolute;
  top: -0.2rem;
  right: 10px;
  transition: all ease 0.2s;
  width: auto;
  text-align: right;
}

#content {
  opacity: 0;
  transition: opacity 0.4s ease-in-out;
}
body.ready #content {
  opacity: 1;
}

.hasCEFooter #header.compact:not(:empty) + #content #main,
.hasCEFooter #header.compact:not(:empty) + #toastWrapper + #content #main {
  padding-bottom: 4rem;
}

.hasCEFooter #header.compact:not(:empty) + #content #sidebar,
.hasCEFooter #header.compact:not(:empty) + #toastWrapper + #content #sidebar {
  padding-bottom: 6rem;
}

#sidebar {
  padding: 1rem 0.75rem 0.5rem 1rem;
}

#footer {
  box-sizing: content-box;
  font-size: 0.8rem;
  line-height: 1rem;
  margin-top: 0;
  padding: 0;
  position: relative;
  text-align: center;
  opacity: 0;
  transition: opacity 0.4s ease-in-out;
}
body.ready #footer {
  opacity: 1;
}
#footer .mainStyle {
  border: none;
}
#footer .mainStyle > *:not(#mychart_by_epic_logo_wrapper) {
  display: inline-block;
  margin: 0 0.5rem;
  width: auto;
}
#footer #baselinks a:after {
  content: "";
  margin: 0.25rem;
}
#footer #baselinks a:after:last-child {
  margin: 0;
}

.cefooter {
  padding: 0 0 0.5rem 0.5rem;
  display: block !important;
}
.cefooter > * {
  vertical-align: middle;
}
.cefooter::before {
  content: "";
  display: inline-block;
  background: transparent none no-repeat scroll center center/1.3rem 1.3rem;
  width: 1.3rem;
  height: 1.3rem;
  vertical-align: middle;
  padding: 0 0.25rem 0 0;
}
.cefooter.sharing::before {
  background-image: url("../images/CareEverywhere/CE_Sharing.png");
}
.cefooter.notsharing::before {
  background-image: url("../images/CareEverywhere/CE_NotSharing.png");
}

#sidebar > a img.assistiveicon {
  width: 2.5em;
}

.section .content input.radio,
.section .content input.radio + label {
  display: inline-block;
}
.section .content input.radio,
.section .content input.radio + label {
  vertical-align: top;
}
.section .content input + .helptext,
.section .content select + .helptext,
.section .content textarea + .helptext,
.section .content fieldset + .helptext,
.section .content .helptext + .helptext,
.section .content .popupiconcontainer + script + .helptext {
  margin: -0.5rem 0 0.75rem;
  padding: 0 0.25rem;
}
.section .content .helptext:empty {
  margin: 0;
  padding: 0;
}
.section .content .ghostInput .helptext:first-of-type {
  margin-top: 0;
}

#wrap .subjectIndicator {
  margin: 0 0 0 0.5rem;
}

.contentlink img.info {
  display: inline-block;
  margin-right: 0.5rem;
  vertical-align: bottom;
  width: 1.25rem;
}

.externalicon {
  vertical-align: middle;
}

.proxyphoto .photo {
  max-height: 4rem;
  max-width: 4rem;
}

.dateSelector .dtSelWrapper {
  display: inline-block;
  margin: 0 0.75rem 0 0;
  vertical-align: top;
  width: auto;
}
.dateSelector .dtSelWrapper:last-child {
  margin: 0;
}
.dateSelector .dtSelWrapper .dateslabel {
  margin: -0.25rem 0 0;
}

.respNavParent {
  border-bottom: 1px solid #cccccc;
  width: 100%;
  overflow: hidden;
  line-height: 1.25rem;
}
.respNavParent.fullwidth .respNavChild {
  width: 100%;
}
.respNavParent.fullwidth .respNavChild .respNavTab {
  flex: 1 1 auto;
}
.respNavParent.overflow {
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch !important;
  -ms-overflow-style: none;
}
.respNavParent.overflow::-webkit-scrollbar {
  display: none;
  width: 0px;
  background: transparent;
}

.respNavChild {
  display: inline-flex;
  width: auto;
  max-width: none;
}
@media print {
  .respNavChild {
    width: 100%;
  }
}

.respNavTab {
  background-color: rgba(64, 1, 134, 0.1);
  border: thin solid transparent;
  flex: 0 0 112px;
  line-height: normal;
  min-height: 5.25rem;
  width: 112px;
  padding: 4px 8px 4px 8px;
  margin: 4px 2px 0 2px;
  border-bottom-width: 4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  cursor: pointer;
}
@media print {
  .respNavTab {
    flex: 1 1 auto;
    height: 3.25rem;
    padding: 0;
    border: none;
  }
}
.respNavTab .tablink {
  color: #000000;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  width: 100%;
  overflow: hidden;
  text-decoration: none;
}
@media print {
  .respNavTab .tablink {
    display: inline-flex;
    flex-direction: row;
    column-gap: 0.5rem;
  }
}
.respNavTab .tablink .tabimg {
  border: thin solid #cccccc;
  background-color: #ffffff;
  height: 2rem;
  width: 2rem;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 50%;
}
.respNavTab .tablink .tabname {
  overflow: hidden;
  display: flex;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-width: 100%;
  margin: auto;
  text-align: center;
  font-size: 0.8rem;
  font-weight: bold;
}
@media print {
  .respNavTab .tablink .tabname {
    flex: 1 1 auto;
    -webkit-box-align: start;
    text-align: left;
    font-size: 1.333rem;
    line-height: 1.5rem;
  }
}
.respNavTab.selected {
  border-color: #dbdbdb;
  border-bottom-color: #400186;
  background-color: rgba(255, 255, 255, 0.25);
}
.respNavTab.selected .tablink {
  color: #400186;
}
@media print {
  .respNavTab:not(.selected) {
    display: none;
  }
}

@media only screen and (min-width: 321px) {
  .respNavTab {
    flex: 0 0 124px;
    width: 124px;
  }
}
@media only screen and (min-width: 426px) {
  .respNavTab {
    flex: 0 0 140px;
    width: 140px;
  }
}
@media only screen and (min-width: 769px) {
  .respNavChild .respNavTab {
    flex: 0 0 150px;
    width: 150px;
    padding: 4px 8px 4px 8px;
    height: 3.25rem;
  }
  .respNavChild .respNavTab .tablink {
    display: inline-flex;
    flex-direction: row;
  }
  .respNavChild .respNavTab .tablink .tabimg {
    margin-right: 8px;
  }
  .respNavChild .respNavTab .tablink .tabname {
    align-self: baseline;
    flex: 1 1 auto;
  }
}
.navparent {
  overflow: hidden;
  margin: 1rem 0 0.5rem;
}

.navchild {
  font-size: 1.25rem;
  position: relative;
  margin-bottom: 1.5rem;
  display: inline-block;
  width: auto;
}
.navchild::after {
  border-bottom: 1px solid #cccccc;
  bottom: 0;
  content: "";
  display: block;
  height: 1px;
  left: 100%;
  position: absolute;
  width: 1500%;
}

.membertab {
  border-style: solid;
  border-width: 0.25rem 1px 1px;
  display: inline-block;
  margin: 0 -1px;
  opacity: 0.8;
  position: relative;
  width: auto;
}
.membertab.selected {
  border-style: solid solid none;
  border-width: 0.25rem 1px 0;
  margin: 0;
  opacity: 1;
}
.navparent.condensed .membertab:not(.selected) .tabimg + .tabname {
  width: 0;
}
.navparent.condensed .membertab:not(.selected) a {
  padding: 0.5rem;
  font-size: 1rem;
}
.membertab:first-child, .membertab.selected:first-child + .membertab {
  margin: 0 -1px 0 0;
}
.membertab a {
  display: block;
  font-size: 1rem;
  padding: 0.5rem 1.25rem;
}
.membertab.hover:not(.selected) {
  border-style: solid;
  border-width: 0.25rem 1px 1px;
  opacity: 1;
}
.membertab a img.tabimg {
  border-width: 1px;
  border-style: solid;
  border-radius: 50%;
  display: inline-block;
  height: 2rem;
  margin-right: 0.5rem;
  overflow: hidden;
  vertical-align: middle;
  width: 2rem;
}
.membertab a img.tabimg.borderless {
  border-width: 0px;
  border-radius: 0px;
}
.membertab a .tabname {
  display: inline-block;
  width: calc(100% - 2rem - 0.5rem);
  overflow: hidden;
  vertical-align: middle;
  height: 2.5rem;
  line-height: 1.25rem;
}

.navchild.fullwidth {
  display: flex;
  width: 99.9%;
}
.navchild.fullwidth::after {
  content: none;
}
.navchild.fullwidth > .membertab {
  flex: 1 1 0px;
}
.navchild.fullwidth > .membertab a {
  text-align: center;
  margin: 0px auto;
}
.navchild.fullwidth > .membertab a .tabname {
  width: auto;
}

.tabcontainer {
  border-color: #cccccc;
  border-style: none solid solid;
  border-width: 0 1px 1px;
  margin: 3.25rem 0 0;
  padding: 0.5rem;
}
.navparent ~ .tabcontainer {
  border: none;
  margin: 0;
  padding: 0;
}
.tabcontainer .navparent {
  left: calc(-0.5rem - 1px);
  margin: 0 0 -3.25rem;
  position: relative;
  top: calc(-3rem + 1px);
  width: calc(100% + 1rem + 2px);
  padding-bottom: 0.5rem;
}
.tabcontainer .navchild {
  margin: 0;
}

.flyoutparent {
  position: relative;
  white-space: nowrap;
  width: auto;
}

.flyoutprompt {
  background-color: #48A345;
  color: #ffffff;
  display: inline-block;
  padding: 0.25rem 0.75rem;
}
.flyoutprompt:focus {
  outline-style: dotted;
  outline-width: 1px;
}
.flyoutprompt:focus, .flyoutprompt:hover {
  color: #ffffff;
}
.flyoutprompt * {
  display: inline-block;
  font-weight: bold;
}

.flyout {
  opacity: 1;
  position: absolute;
  transition: opacity 0.15s;
  visibility: visible;
  width: auto;
  z-index: 2;
  box-shadow: 0px 4px 4px -1px rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
}
.flyout.collapsed {
  opacity: 0;
  visibility: hidden;
}
.flyout ul {
  list-style-type: none;
}

.flyoutitem {
  color: #48A345;
  display: block;
  padding: 0.25rem 0.75rem;
}
.flyoutitem:focus, .flyoutitem:hover {
  background-color: #48A345;
  color: #ffffff;
  text-decoration: none;
}
.flyoutitem.chosen {
  font-weight: bold;
}
.flyoutitem.chosen:focus, .flyoutitem.chosen:hover {
  background-color: #ffffff;
  color: #48A345;
  cursor: default;
}

.flyoutparent .downarrow {
  border-color: #ffffff transparent transparent;
  border-style: solid solid none;
  border-width: 0.5rem 0.25rem 0;
  height: 0;
  margin: 0 0.25rem;
  width: 0;
}

.popupInstructions .externalicon {
  width: 1.2rem;
  height: 1.2rem;
}

#sidebar .tooltipinstructions {
  width: 200px;
}

.tooltipinstructions {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 3px;
  box-shadow: 0px 4px 4px -1px rgba(0, 0, 0, 0.2);
  display: inline;
  font-size: 1em;
  font-weight: normal;
  max-width: none;
  overflow: visible;
  padding: 10px;
  position: absolute;
  text-align: left;
  width: 250px;
  z-index: -1;
  left: -9000px;
  top: -9000px;
}

.tooltipicon {
  display: inline;
  cursor: auto;
}

.popupInstructions {
  display: inline-block;
  line-height: 1.25rem;
  vertical-align: top;
}
.popupInstructions 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;
}
.popupInstructions .organizationName,
.popupInstructions .organizationTimeStamp {
  width: auto;
  vertical-align: top;
}
.popupInstructions .organizationName {
  display: inline-block;
  font-size: 0.9rem;
  max-width: 70%;
}
.popupInstructions .organizationTimeStamp {
  font-size: 0.8rem;
  font-style: italic;
}
.popupiconcontainer .popupInstructions.autowidth, .popupiconcontainer .popupInstructions .organization {
  border-radius: 6px;
  width: auto;
  margin-bottom: 0.5rem;
}
#sidebar .popupiconcontainer .popupInstructions .organization {
  white-space: normal;
}
#wrap #content #main .popupInstructions.card.hover {
  background-color: #ffffff;
  cursor: default;
}

div.organization.extraWide.CenterItems {
  display: flex;
  align-items: center;
}

div.organizationName.extraWide.organizationNameContainerNoTimestamp {
  height: 100%;
  display: flex;
  align-items: center;
}

div.localOrg {
  border-bottom: solid thin;
  border-color: #cccccc;
  margin: 0 0 0.5rem 0;
}

.externaljumppopup.component.Popup.container {
  padding: 0;
  transition: none;
}
.externaljumppopup.component.Popup > .scrollable > .content {
  min-height: 750px;
  padding: 0;
  overflow-y: hidden !important;
}
.externaljumppopup .loadingContainer {
  text-align: center;
  margin-top: 180px;
}
.externaljumppopup .loadingContainer .loadingStatus {
  font-size: 1.2rem;
  margin: 2rem 0 -4rem;
  font-weight: 400;
}
.externaljumppopup .loadingContainer .logo .roundedimage {
  width: 4rem;
  height: 4rem;
  margin: 0 auto;
}
.externaljumppopup .loadingContainer .externallogo {
  width: 4rem;
}
.externaljumppopup .loadingContainer.loaded {
  opacity: 0;
  transition: opacity 0.5s 1s;
}
.externaljumppopup .loadedcontent {
  visibility: hidden;
  height: 0;
  overflow: hidden;
}
.externaljumppopup .externalheader {
  border-bottom: 1px solid #cccccc;
  min-height: 4rem;
  padding: 0.4rem 0.6rem;
  overflow: hidden;
  margin: 0;
}
.externaljumppopup .externalheader * {
  word-wrap: break-word;
}
.externaljumppopup .externalheader .externallogo {
  width: 4rem;
  height: 4rem;
  display: inline-block;
  vertical-align: middle;
}
.externaljumppopup .externalheader .orgName {
  width: calc(100% - 4rem);
  display: inline-block;
  padding-left: 1rem;
  vertical-align: middle;
}
.externaljumppopup .externalheader .contactinfo {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
.externaljumppopup .externalheader .contactinfo .section {
  display: inline-block;
  vertical-align: top;
  font-size: 0.8rem;
  position: relative;
  padding-right: 1rem;
}
.externaljumppopup .contactinfo.nocontact .address {
  left: 50%;
}
.externaljumppopup .contactinfo .section.contact {
  text-align: center;
}
.externaljumppopup .contact .contact0 {
  font-size: 1.2rem;
}
.externaljumppopup .contactinfo .section * {
  display: block;
  line-height: 1.25rem;
}
.externaljumppopup .externalframewrapper {
  overflow: auto;
  max-width: 100vw;
}
.externaljumppopup .externalframe {
  border: 0;
  width: 100%;
  display: block;
}
.externaljumppopup .titlebar .externallogo {
  display: inline-block;
  vertical-align: middle;
  margin: 0 1rem 0 0.5rem;
}
.externaljumppopup .loadingExt {
  display: block;
  margin: 0 auto;
}

.externalJumpRequestPopup.Popup[class] .toolbar .buttons {
  flex-wrap: wrap;
  margin-bottom: 0;
  margin-left: -0.25rem;
}
@media screen and (min-width: 769px) {
  .externalJumpRequestPopup.Popup[class] .toolbar .buttons {
    max-width: calc(100% + 0.5rem);
    width: calc(100% + 0.5rem);
  }
}
.externalJumpRequestPopup.Popup[class] .toolbar .buttons .button {
  margin: 0.5rem 0.25rem 0;
  flex-grow: 1;
}

.externaljumppopup .browsersupport:not(:empty) {
  text-align: center;
  margin: 3rem auto;
}

.inlineloading.withsources .loadingIndicator {
  margin-top: 0;
}
.loadingIndicator {
  min-height: 3.5rem;
  margin-top: 5rem;
  text-align: center;
}
.loadingIndicator .indicator {
  display: block;
  position: relative;
  margin: 0 auto;
  width: 64px;
  height: 64px;
  background-image: url("../images/loadingIndicators/heartAnimation_heartOnly.svg");
  background-size: contain;
  transform: scale(0.8);
  animation: heartbeat 2s 0.2s ease infinite;
  text-align: initial;
  flex-shrink: 0;
}
.loadingIndicator .indicator:before {
  content: url("../images/loadingIndicators/heartAnimation_lineOnly.svg");
  animation: heartbeatWipeFromLeft 2s linear infinite;
  transform: scale(1, 0.8);
  position: absolute;
  overflow: hidden;
  clip: rect(0, 0, 64px, 0);
}
.loadingIndicator .indicator:after {
  position: absolute;
  /* rtl:ignore */
  left: 0;
  top: 31.5px;
  width: 5px;
  height: 5px;
  background: #ffffff;
  border-radius: 100%;
  content: "";
  opacity: 0;
  animation: pulse 2s linear infinite;
}
@keyframes heartbeat {
  0% {
    transform: scale(0.8);
  }
  14% {
    transform: scale(1);
  }
  28% {
    transform: scale(0.8);
  }
  42% {
    transform: scale(1);
  }
  70% {
    transform: scale(0.8);
  }
  100% {
    transform: scale(0.8);
  }
}
@keyframes heartbeatWipeFromLeft {
  0% {
    clip: rect(0, 0, 64px, 0);
  }
  50% {
    clip: rect(0, 64px, 64px, 0);
  }
  100% {
    clip: rect(0, 64px, 64px, 64px);
  }
}
@keyframes pulse {
  0% {
    /* rtl:ignore */
    left: 0;
  }
  12% {
    top: 31.5px;
  }
  15% {
    top: 28px;
  }
  16.5% {
    top: 31.5px;
  }
  19.5% {
    top: 31.5px;
  }
  20% {
    opacity: 1;
  }
  22% {
    top: 12px;
  }
  24% {
    top: 48px;
  }
  28% {
    top: 31.5px;
  }
  32% {
    top: 31.5px;
  }
  35% {
    top: 28px;
  }
  36.5% {
    top: 33px;
  }
  40% {
    height: 5px;
    width: 5px;
  }
  45% {
    opacity: 1;
    height: 0;
    width: 0;
  }
  46% {
    opacity: 0;
  }
  50% {
    /* rtl:ignore */
    left: 60px;
  }
}

.overlayContainer {
  z-index: 1000;
}
.overlayContainer#appPopupRoot {
  position: relative;
}
@media print {
  @supports selector(:has(*)) {
    .overlayContainer {
      display: none;
    }
    .overlayContainer:has(.printable) {
      display: block;
    }
  }
}

.lb_overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 3000;
  background: rgba(0, 0, 0, 0.4);
}

/* #region Pick Organization styling */
.component.Popup.PickOrganization.small,
.component.Popup.PickOrganization.medium {
  min-width: 0;
  width: auto;
  max-width: 650px;
}

.Popup.PickOrganization .component li.CommunityLink {
  display: inline-block;
  vertical-align: top;
}
.Popup.PickOrganization .component li.community_3 {
  width: 33%;
}
.Popup.PickOrganization .component li.community_2 {
  width: 50%;
}
.Popup.PickOrganization .component li.community_1 {
  width: 100%;
}
.Popup.PickOrganization .component li.CommunityLink a.button {
  background: none;
  color: #363636;
  line-height: 1.2rem;
}
.Popup.PickOrganization li.CommunityLink a:hover {
  text-decoration: underline;
}

.PickOrganization .roundedimage.orglogo {
  width: 4rem;
  height: 4rem;
  margin: 0 auto;
}

.Popup.PickOrganization .component li.CommunityLink a .orgname {
  display: block;
}

/* #endregion */
.viewerList {
  padding: 0 0 0.5rem;
}

.imagescontainer {
  display: inline;
}
.imagescontainer .filecontainer {
  display: inline-block;
  margin: 0 1rem 0 0;
  vertical-align: top;
  width: 150px;
}
.imagescontainer .filecontainer .buttondiv {
  text-align: right;
}
.imagescontainer .filecontainer div.uploadedimage {
  height: 150px;
  margin: 0 0 0.25rem;
  width: 150px;
}
.imagescontainer .filecontainer img.uploadedimage {
  cursor: pointer;
  max-height: 100%;
  max-width: 100%;
}

#imgalert {
  display: inline-block;
  width: auto;
  padding-left: 5px;
}

td.proxyphoto img.photo {
  display: inline-block;
}

td.proxyphoto div.uploaderbutton {
  vertical-align: top;
}

.timeLine {
  position: relative;
}
.timeLine:before {
  background: #dbdbdb;
  position: absolute;
  content: "";
  height: calc(100% - 0.5rem);
  width: 1px;
  top: 0.5rem;
  left: 0.5rem;
}
.timeLine .timeLineSection {
  margin-left: 1.25rem;
}
.timeLine .timeLineSection:before {
  background: #ffffff;
  content: "";
  position: absolute;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  left: 0.2rem;
  margin-top: 0.3rem;
  border: 1px solid #dbdbdb;
}
.timeLine .timeLineSection .timeLineHeader {
  width: calc(100% - 2.5rem);
  overflow-wrap: break-word;
  margin-bottom: 0.25rem;
  margin-top: 0.25rem;
}
.timeLine .timeLineSection .timeLineHeader h3 {
  padding: 0;
  margin-block: 0;
}
.timeLine .timeLineSection .timeLineDetails {
  width: calc(100% - 2.5rem);
  margin-top: 0;
}

.cptLink {
  margin: -0.5rem 0 0.5rem;
  text-align: right;
}

.addrFields .legacyLabelledField {
  width: 100%;
}

.contactFields.formsection.halfwidth[class][class] {
  margin-left: 1rem;
  width: calc(50% - 1rem);
}
.contactFields .phoneNumber {
  margin-bottom: 1rem;
}
.contactFields .phoneNumber .multifield {
  display: flex;
  column-gap: 0.25rem;
}
.contactFields .emailFields .legacyLabelledField {
  width: 100%;
}

#preftimes .multifield,
#caregiverinfo .multifield {
  display: flex;
  gap: 0.5rem;
}

#preftimes .preftimesrow {
  margin: 0.5rem 0;
}
#preftimes fieldset {
  padding: 0;
}
#preftimes fieldset select {
  margin-bottom: 0;
}
#preftimes .btnColumn {
  align-self: end;
}

#schedprefs .prefdays,
#schedprefs .preftimes {
  display: inline-block;
  vertical-align: top;
}
#schedprefs .prefdays {
  width: 22%;
  margin-right: 3%;
}
#schedprefs .preftimes {
  width: 75%;
}

#notifprefs .emailaddress {
  margin: 0.5rem 0;
}

.section .matchButtonWidths p.buttoncheck {
  width: 95%;
}

.vdtFrame #vdtFrame {
  width: 100%;
}

#vdtErrorDiv {
  width: 100%;
  border: none;
  display: none;
}

.formbuttons.customerservice {
  margin-bottom: 0.5rem;
}

html[lang=ar] #main .quicklinks a {
  width: 16%;
}

/* #region Jp Player */
.section .jp-audio {
  width: 640px;
}

/* #endregion */
/* #region RTL-Specific formatting */
/*rtl:raw:
@supports (position: sticky) or (position: -webkit-sticky) {
	body.mobileRTLInNonResponsive #header:not(:empty) + #content #main,
	body.mobileRTLInNonResponsive #header:not(:empty) + #toastWrapper + #content #main {
		padding-top: 0.5rem;
	}

	body.mobileRTLInNonResponsive #header.compact:not(:empty) + #content #main,
	body.mobileRTLInNonResponsive #header.compact:not(:empty) + #toastWrapper + #content #main {
		padding-top: 0;
		padding-bottom: 2rem;
	}

	body.mobileRTLInNonResponsive #header:not(:empty) + #content #sidebar,
	body.mobileRTLInNonResponsive #header:not(:empty) + #toastWrapper + #content #sidebar {
		padding-top: 1.5rem;
	}

	body.mobileRTLInNonResponsive #header.compact:not(:empty) + #content #sidebar,
	body.mobileRTLInNonResponsive #header.compact:not(:empty) + #toastWrapper + #content #sidebar {
		padding-top: 0;
		padding-bottom: 2rem;
	}

	body.graphicHeader.mobileRTLInNonResponsive #header.compact:not(:empty) + #content #main,
	body.graphicHeader.mobileRTLInNonResponsive #header.compact:not(:empty) + #toastWrapper + #content #main {
		padding-bottom: 2rem;
	}

	body.graphicHeader.mobileRTLInNonResponsive #header.compact:not(:empty) + #content #sidebar,
	body.graphicHeader.mobileRTLInNonResponsive #header.compact:not(:empty) + #toastWrapper + #content #sidebar {
		padding-bottom: 2rem;
	}

	body.graphicHeader.mobileRTLInNonResponsive #graphicHeader:not(:empty) #locale_container #morelocales.localeShow {
		position: absolute;
		top: 2.1rem;
	}	
}
*/
/* #endregion */