/* End-of-Life Planning - hide ready to start planning section */
/* Start - #667176-628602CSS - The configuration in this section has been validated as correct and ready to go to PRD after testing. */
p#ACPSideBarNeedHelpSpan { /* THR custom sidebar 'need help?' button */
  font-size: 1.25em;
  font-weight: bold;
  padding: 5%;
}

.md_caredecision_index img.icon { /* THR custom sidebar 'need help?' button */
  float: left;
}

.md_caredecision_index div#related-links-container.quickLinks.vertical.list.hoverable { /* THR custom sidebar 'need help?' button */
  display: none;
}

p#ACPSidebarHelpParagraphTwo {
  clear: both;
}

.md_caredecision_index div#potentially-a-two-column-container.two-column-container div.section.left { /* this appears to hide everything under the HCA column */
  display: none;
}

#THRacpUpdate2024 {
  display: none;
} /* This item hides a future side bar section that is still in development */
/* End - #667176-628602CSS - The configuration in this section has been validated as correct and ready to go to PRD after testing. */
/* End -  End-of-Life Planning - hide ready to start planning section */
/* Start - Apple Health Signup Link*/
div#AppleHealthSignUpLink {
  display: none;
}

div.AppleHealthSignUpLink {
  display: none;
}

div.AppleHealthSignUpLinkTitle {
  display: none;
}

/* End - Apple Health Signup Link*/
/* Start - Self sign up page call for help box*/
div#CallForHelp {
  display: inline-block;
  line-height: 1.25rem;
  margin: 0.25rem 0.5%;
  min-height: 6rem;
  padding: 0.5rem;
  position: relative;
  vertical-align: top;
  width: 99%;
  box-shadow: 0px 4px 4px -1px rgba(0, 0, 0, 0.2);
  background-color: #FFF;
  font-size: 0.9em;
}

div#CallForHelp p span {
  display: block;
}

div#CallForHelp p b {
  padding: 0 5px;
}

img#CallForHelpPicture {
  float: left;
  padding-right: inherit;
  height: 75px;
}

/* End - Self sign up page call for help box*/
/* Start - Self sign up page Proxy box*/
div#selfSignupProxyContainer {
  display: inline-block;
  line-height: 1.25rem;
  margin: 0.25rem 0.5%;
  min-height: 6rem;
  padding: 0.5rem;
  position: relative;
  vertical-align: top;
  width: 99%;
  box-shadow: 0px 4px 4px -1px rgba(0, 0, 0, 0.2);
  background-color: #FFF;
  font-size: 0.9em;
}

img#selfSignupProxyPicture {
  float: left;
  padding-right: inherit;
  height: 75px;
}

div#selfSignupProxyTitle {
  font-weight: bold;
  color: black;
}

div#selfSignupProxyDesc {
  color: black;
  padding: 5px 0px 10px 85px;
}

/* End - Self sign up page Proxy box*/
/* Start - adding the pre-reg menu icon/option overflows the nav bars space/boundary. adding this corrects it.*/
#header .menugroup {
  width: 5.6rem;
}

@media only screen and (min-width: 1px) and (max-width: 1300px) {
  #touchmenu-account .menugroup {
    width: 100%;
  }
}
/* Start - This adds desc. text to the 'Upcoming Visits' section on the Visits main page*/
span#THRUpcomingVisitsDescription {
  font-size: 13pt;
  color: black;
  display: block;
  padding-top: 10px;
}

span#THRUpcomingVisitsDescription {
  padding-left: 10px;
}

span#THRUpcomingVisitsDescription a {
  color: #009bd3;
}

p.THRUpcomingVisitsDescriptionP {
  margin: 0;
  padding: 0 10px 10px;
}

p.THRUpcomingVisitsDescriptionP2 {
  margin: 0;
  padding: 0 10px 10px 20px;
}

/* End - This adds desc. text to the 'Upcoming Visits' section on the Visits main page*/
/* Start - This styles the schedule with a new provider button on the scheduling page.*/
.schedNewPCPButton {
  font-size: large;
  min-height: 4rem;
}

a.card.schedNewPCPButton span.cardline.subtle {
  display: table-cell;
}

.schedNewPCPButton:hover {
  color: #009543;
  text-decoration: none;
  background: linear-gradient(hsla(218.3, 100%, 29.8%, 0.08), hsla(218.3, 100%, 29.8%, 0.08)), #fff;
}

img.schedNewPCPButtonSpanIMG {
  float: left;
}

/* End - This styles the schedule with a new provider button on the scheduling page.*/
/* Start - Pre-Reg menu icon class*/
#menu .menuicon.thrprereg:before {
  background-image: url("../images/menus/prereg.png");
}

/* End - Pre-Reg menu icon class*/
/* Start - Round off corners of mobile app buttons everywhere prelogin.*/
.preloginMobileButtons a img {
  border-radius: 5px;
}

/* End - Round off corners of mobile app buttons everywhere prelogin.*/
/* Start - Apple Health Logo size correction for footers - does not affect 'whats new' section logo*/
.footerApplHealthLogo {
  width: 7.5rem;
  position: absolute;
}

.isprelogin .badges .col-6 .sm-alignCenter {
  position: relative;
}

/* End - Apple Health Logo size correction for footers - does not affect 'whats new' section logo*/
/* Start - Apple Health Logo size correction for prelogin home page - does not affect 'whats new' section logo*/
.preloginMobileButtons img.pre-loginhomeApplHealthLogo {
  width: 125px;
}

/* End - Apple Health Logo size correction for prelogin home page - does not affect 'whats new' section logo*/
/* turned off for #502378-226976 */
/*Pushes page content down below the new header*/
/*.adminPage div#wrap,
.signupPage div#wrap,
.notificationPage div#wrap,
.md_passwordreset_index div#wrap,
.md_secondaryvalidation_index div#wrap{
	top: 0px !important;
}
.secondaryValidation div#wrap {
	top: 0px !important;
}*/
/*Pushes page content down below the new header*/
/* turned off for #502378-226976 */
/* turned off for #502378-226976 */
/*Forces #main div to scroll under the new logo bar*/
/*.accessPage #main,*/
/*.md_default #main,
.md_guestpay_payasguest #main {
	z-index: 1;
}*/
/*Forces #main div to scroll under the new logo bar*/
/* turned off for #502378-226976 */
/* turned off for #502378-226976 */
/*Pushes Footer down on all pre-login pages*/
/*.isPrelogin #footer {
	margin-top: 0px !important;
}*/
/*Pushes Footer down on all pre-login pages*/
/* turned off for #502378-226976 */
/* Start - Always show all buttons in MyChart so that its clear to customer that buttons are buttons */
.button {
  opacity: 1 !important;
}

#header:not(:empty).header_graphic {
  background-image: linear-gradient(90deg, #003798, rgb(0, 164, 153));
}

#header.header_graphic.compact #header_menu_name {
  color: white !important;
}

@media only screen and (max-width: 699px) {
  html.embedded.poppedOut,
  html.embedded.poppedOut > body.embedded,
  html.embedded.poppedOut #wrap,
  html.embedded.poppedOut #content,
  html.embedded.poppedOut #main,
  html.embedded.poppedOut .setOfStepsContainer,
  html.embedded.poppedOut body.embedded div.setOfStepsContainer > div.slider {
    height: auto !important;
  }
}
/* Start - The following CSS rule hides Epic's hot-to video on the scheduling pages for virtual visits, because they are not relevant to how THR handles these visits. */
.md_visitdetails_index #sidebar #HowToVideoContainer {
  display: none;
}

/* End -  */
/* Start - Always hide THR customizations when login screen is in liteMode */
body.liteMode #THRPreloginPostText {
  display: none;
}

/* End - Always hide THR customizations when login screen is in liteMode */
/* Start - Custom THR background overrides for pre-login pages */
body.loginPage.liteMode.isPrelogin,
body.isPrelogin.md_guestestimates_selectlocation,
body.isPrelogin.md_guestestimates_acceptdisclaimer {
  background-image: linear-gradient(90deg, #003798, #0077c8);
}

body.loginPage.liteMode.isPrelogin::after,
body.isPrelogin.md_guestestimates_selectlocation::after,
body.isPrelogin.md_guestestimates_acceptdisclaimer::after {
  content: "";
  background: rgba(0, 0, 0, 0) url(/MyChart/logos/THR-Icon_White.png);
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: 50%;
  background-position-x: 110%;
  background-position-y: -1500%;
  z-index: -1;
  opacity: 0.75;
}

body.loginPage.liteMode.isPrelogin::before,
body.isPrelogin.md_guestestimates_selectlocation::before,
body.isPrelogin.md_guestestimates_acceptdisclaimer::before {
  content: "";
  background: green;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  height: 10px;
}

/* End - Custom THR background overrides for pre-login pages */
/* Start - Changes the 'skip verification workflow button' on the signup page to green instead of white */
button#verifyLater {
  color: white;
  background-color: #009041;
}

/* End - Changes the 'skip verification workflow button' on the signup page to green instead of white */
/* Start - PMAR CSS build */
#THR_msgDsclAgree {
  display: none;
}

#THR_messageDisclaimer {
  position: absolute;
  z-index: 10;
  background-color: #ebf7f0;
  width: initial;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 1rem;
  overflow-y: scroll;
}

/* #THR_messageDisclaimer:has(#THR_msgDsclAgree:checked) { When "THR_msgDsclAgree" is checked, hide "THR_messageDisclaimer". */
/* 
Date: 09.09.24

Note:
	":has()" was not supported by Firefox at the time of go-live and users accessing
	this feature via FF were experiencing issues. To fix that we added the following
	event directly to that button's HTML:

	onclick="document.getElementById('THR_messageDisclaimer').style.display = 'none';"

	As of the posting of this comment, the USA browser market adoption for this feature
	is 92.51%. This is safe to hoist into thrCore-1.js if we want but an updated will
	be required in SM.Conversations.Compose.RecipientLabel first.

	This can be tossed once that is completed.


      display: none !important; 
  }*/
#THR_messageDisclaimer #THR_msgDsclAgree {
  display: none;
}

#THR_messageDisclaimer div.THR_msgDscl_Title {
  color: #178CCB;
  font-size: 1.25rem;
  margin-top: 15px;
  margin-left: 0.75rem;
  margin-bottom: 10px;
}

#THR_messageDisclaimer div.THR_msgDscl_Disclaimer {
  line-height: 1.25rem;
  padding: 0.25rem 0rem;
}

#THR_messageDisclaimer > div:nth-child(3) {
  padding-top: 10px;
}

#THR_messageDisclaimer .button {
  width: 100%;
}

/* By default hide the 'Mobile app' version of the button. */
#THR_messageDisclaimer a.THR_msgDscl_Mobile {
  display: none;
}

/* By default show 'Desktop' version of the button. */
#THR_messageDisclaimer a.THR_msgDscl_Desktop {
  display: block;
}

.replyComposerContainer #THR_messageDisclaimer {
  display: none;
}

/* End - PMAR CSS build */
/* Start - turns off the underline on decision tree buttons in the OS widget */
body.embedded .togglebutton:hover {
  text-decoration: none !important;
}

/* Start - #364669-324202CSS - Styles Quartics Feedback button on web and in the mobile apps */
button#QSIFeedbackButton-btn:after {
  content: "Feedback";
  background-color: #009543;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  color: white;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  font-size: large;
  font-weight: bold;
}

button#QSIFeedbackButton-btn {
  width: 25px !important;
}

/* The following updates are designed to allow Qualtrics surveys while keeping their JS out of MyChart */
#thrQuatricsFeedbackButton {
  content: "Feedback";
  background-color: #009543;
  position: fixed;
  top: 50%;
  bottom: 0;
  right: 0;
  left: calc(100% - 25px);
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  font-size: large;
  font-weight: bold;
  width: 25px !important;
  height: fit-content;
  z-index: 20000000100;
  padding: 5px 0px;
}

#thrQuatricsFeedbackButton a {
  color: white;
  text-decoration: none;
}

/* End - #364669-324202CSS */
/* Start - #449762-714249CSS - Styles SMS Consent elements across the app/communication-preferences page */
.thr-preferences-consents {
  color: black;
  font-weight: normal;
  font-size: medium;
  margin-top: 10px;
}

/* End - #449762-714249CSS */
/* Start -  primary->#996621-885911 + #555572-843656CSS - This removes the Epic released 'fade to white' from the post-login pages after v109.0.4 */
body.md_selftriage_load:after,
body.md_landingpage_loadlandingpagedecisiontrees:after,
body.md_selftriage_errorpage:after,
body.graphicHeader.md_crossdeploymentscheduling_schedulefromtoken:after,
body.graphicHeader.md_openscheduling_index:after,
body.graphicHeader.md_openscheduling_standalone:after,
body.graphicHeader.md_anonymoustelehealth_index:after,
body.md_telemedicinehome_guestvisit:after,
body.graphicHeader.md_onmyway_index:after,
body.graphicHeader.md_standalone_signup:after,
body.graphicHeader.md_anonymousscheduling_generateerrorviewfromtoken:after,
body.md_proxyselect_index:after,
body.graphicHeader.md_bedlogin_index:after,
body.graphicHeader.md_react_index:after,
body.graphicHeader.md_react_host:after {
  background: none;
}

/* End - primary->#996621-885911 + #555572-843656CSS */
/* Start -  primary->#532643-358538 + #900625-141581CSS - This hides the content on the sign-up pages, username recovery page, and password reset page before redirecting to CIAM. */
.accessPage div#content,
.md_standalone_signup div#content,
.recoveryPage div#content,
.resetPage div#content {
  display: none;
}

/* End - primary->#532643-358538 + #900625-141581CSS */
/* Start -  primary->#383077-217444 + #383077-217444CSS - This keeps the success and error messages from displaying by default until they are needed on the Communication Preferences. . */
#THRprimarySMSPreferenceContainer {
  display: flex;
}

#THRSMSPreferenceErrorMessage,
#THRSMSPreferenceConfirmationMessage {
  display: flex;
  border-radius: 5px;
  width: 50vw;
  padding: 10px 5px;
  background: #009543;
  color: white;
  top: 0;
  justify-content: center;
}

/* End - primary->#383077-217444 + #383077-217444CSS */