/* 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: .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: .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: #00000000 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: .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: .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 */