/*body.loginPage,*/
	body.instantactivation.isPrelogin,
	body.isPrelogin {
		background-image: linear-gradient(90deg, #003798, #0077c8);
    }
	
/*body.loginPage,*/
	body.isPrelogin::after {
		content: '';
		background: #00000000 url(https://mychart.texashealth.org/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,*/
	body.isPrelogin::before {
		content: '';
		background: green;
		position: fixed;
		top: 0;
		right: 0;
		left: 0;
		height: 10px;
	}
	
/* Start - #406766-548015CSS -- see note below  */
/*
	Date: 9.5.24 LNB
	
	The EID for this section is not for documentation because this section
	pre dates the EID documentation system. It's just to help keep the next
	couple CSS rules grouped together.
	
	In regards to the CIAM go-project (#532643-358538), the two "sign up"
	related CSS rules below are still needed for the time being, even though
	CIAM will replace the native MyChart sign up workflows.
	
	"div.signup" hides a native MyChart sign up workflow, but we have had it
	hidden for years as we have built our own version. For more information
	on the home built version look at "$$THR.Utilities.UI.AccordionToggle"
	on the "Create an account" button on prelogin pages.
	
	"#AppleHealthSignUpLink" lives in homeprelogin.txt and is
	"display == block", which happens when Override_Mobile.css loads. Like
	the "div.signup" element, it points to accesscheck.asp which will get
	redirected to CIAM, due to the CIAM built that lives in Chronicles.

*/
    div.signup {
		/* display: none; */ /* Turned of on 10.31.24 for CIAM. We are going to use the stock Epic Sign-up button from now on. */
    }
    
    #AppleHealthSignUpLink {
        display: none;
    }
/* End - #406766-548015CSS */
	
	#preloginTHRBanner {
		display: none;
	}

/* Start - primary->#996621-885911 + #080473-055885CSS -- This is not needed after v109.0.2 on body.accessPage.isPrelogin. I suspect its not needed at all any more. Disabling the entire rule for now for testing. */
	body.recoveryPage.isPrelogin #sidebar,
	body.recoveryPage.isPrelogin #main.withSidebar,
	body.resetPage.isPrelogin #sidebar,
	body.resetPage.isPrelogin #main.withSidebar,
	body.accessPage.isPrelogin #sidebar,
	body.accessPage.isPrelogin #main.withSidebar {
		/*background-color: rgba(255, 255, 255, 1.0);*/
	}
	
	
	
/* 
	All of the CSS above this line pre dates the v109.0.2
*/



/* Start - #600103-184576CSS -- When MyChart is in an iframe, block body.isPrelogin background rules */
	HTML.embedded body.isPrelogin,
	HTML.embedded body.isPrelogin::before,
	HTML.embedded body.isPrelogin::after {
		background-image: none;
		content: none;
	}
/* End - #600103-184576CSS */

/* Start - #093945-616087CSS -- CSS fix for 2fa & ERR.asp screens */
	body.errorpage.isPrelogin,
	body.isPrelogin.md_secondaryvalidation_index,
	body.loginPage.liteMode.isPrelogin,
	body.isPrelogin.md_guestestimates_selectlocation,
	body.isPrelogin.md_guestestimates_acceptdisclaimer 	{
		background-image: linear-gradient(90deg, #003798, #0077c8);
    }
/* End - #093945-616087CSS */
/* Start  - primary->#996621-885911 + #596483-005681CSS -- Moved here from homeprelogin.txt so that any shared prelogin function continues to work correctly on all prelogin pages after v109.0.2 */
    .THRfaqActive {
		background-color: #007f39;
		cursor: pointer;
        margin-bottom: 0;
	}

    #THR_createAccount.indent-faq {
        padding: 5px 10px;
        border: solid lightgrey;
        border-width: 1px;
        border-radius: 0 0 5px 5px;
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
		background: white;
    }
	
    #THRfeaturesList {
        display: flex;
        justify-content: space-evenly;
    }

    #THRfeaturesList div {
        width: auto;
    }
	
	.THRpayment {
		position: relative;
	}
	
	.THRpayment img {
	    height: 100%;
		position: absolute;
		right: 0;
		top: 0;
		bottom: 0;
		padding: 7px;
		filter: brightness(10);
		display: none;
	}

	#THRfeaturesList a.button {
		background-color: #009543;
	}

    @media only screen and (max-width: 900px) {
		#THRfeaturesList {
			flex-direction: column;
        }
    }

    #THRPreloginSideBarContent0 {
        display: none;
    }
	
    #THRPreloginSideBarContent1 {
        display: block;
    }
	
    .THRDowntimeMessage {
        display: block;
		background: red;
		color: white;
		font-weight: bold;
		text-align: center;
		border-radius: 5px;
    }

/*mobile detect warning*/
    #THRDetectMobile {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: #000000c7;
        padding: 20px;
        z-index: 100;
    }

    #THRDetectMobile div {
        position: relative;
        background-color: #fffffb;
        color: black;
        padding: 10px;
        border-radius: 20px;
        margin-top: 25%;
    }

    #THRDetectMobile div p {
        margin: 10%;
        font-size: x-large;
        line-height: 1.5rem;
        text-align: center;
    }

    #THRDetectMobile div a {
        margin: 5% 0;
        display: block;
        text-align: center;
        font-size: xx-large;
    }

    #THRDetectMobile div span {
        position: absolute;
        top: 0;
        right: 0;
        background-color: #494949;
        color: white;
        padding: 5px 10px;
        border-radius: 50px;
        margin: 5px;
    }

    #THRDetectMobile div a:hover,
    #THRDetectMobile div span:hover {
        cursor: pointer;
    }
/*mobile detect warning*/
/* End - primary->#996621-885911 + #596483-005681CSS */