/* 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 - 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;
		}
	}
/* End - Always show all buttons in MyChart so that its clear to customer that buttons are buttons */


/* 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 - 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;
	}
/* End - turns off the underline on decision tree buttons in the OS widget */


/* 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.graphicHeader:not(.isPrelogin):after,
	body.graphicHeader.midlogin:after,
	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.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->#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 */


/* Start - #019609-734187 - Styles the server name/version shield thats placed by $$THR.Utilities.SetServerInstance() */
/* as of 4.13.26 the following has not been placed in the spanish version of override.css */
    #thrServerInfoBadge {
        display: inline-flex;
        font-family: Arial, sans-serif;
        font-size: 10px;
        white-space: nowrap;
        border-radius: 5px;
        cursor: pointer;
        overflow: hidden;
        border: 1px solid #e2e2e2;
        position: relative;
        top: -1px;
        left: 5px;
        box-shadow: 1px 0px 4px -1px rgb(0 0 0 / 25%);
    }
    #thrServerInfoBadge div {
        color: rgb(86, 86, 86);
        padding: 2px 5px;
    }
    #thrServerInfoBadge #thrServerInfoVabel {
        background: #d2d2d2;
    }
/* End - #019609-734187 */