/* 	BEGIN: SPECIAL HIDING PROPERTIES NOTES
		-To display only on mobile, tag it with an "OnlyMobile" class
		-To only show content on a certain affiliate site, tag it with an Affiliate class, and then another class to unhide just for that affiliate
		-To show something only when looking at your own chart, not in proxy mode, tag it with a "selfmode" class
		-To only show when looking at someone else's chart, use "proxymode" class.
	END: SPECIAL HIDING PROPERTIES NOTES */
.hideobject,
.subletteonly, /* Only shown on Sublette Site. This is in the MHC affiliate file as well! */
.mhconly, /* Only shown on MHC Site. This is in the Sublette affiliate file as well! */
body.md_medications_list #wrap #content #main div.title #assistiveicons, /* Hides print icon to Epic default Meds list report. We use our own! */
label[for="legalSex4"], /* Hides Legal Sex option [Unknown] label on Signup */
#legalSex4, /* Hides Legal Sex option [Unknown] item on Signup */
/* label[for="legalSex3"], Hides Legal Sex option [NonBinary] label on Signup */
/* #legalSex3, Hides Legal Sex option [NonBinary] item on Signup */
label[for="legalSex2"], /* Hides Legal Sex option [X] label on Signup */
#legalSex2, /* Hides Legal Sex option [X] item on Signup */
.immulistSublette, /* Hides Sublette's Custom Immunization Report on the U of U MyChart site */
[class*='error'] .clearlabel, /* Hides blank space at top of openscheduling no appointments available screen so the text does not require scrolling */
.medsmobileapponly,  /* Hides printable meds reports on web. Allows in mobile app */
a[data-id="evisitbutton"],
a.backToListLink svg._SvgSprite._Icon._image,
div.visitdetails div div div div.visitactions div.additional-actions,
.supporthidden	  
{
	display: none !important;
}
/* START: FAQ CSS */
h2[id^="ES_"], h2[id^="AE_"], h2[id^="AP_"], h2[id^="BILL_"], h2[id^="EQ_"], h2[id^="AQ_"], h2[id^="HP_"], h2[id^="MF_"], h2[id^="MR_"], h2[id^="TQ_"], h2[id^="RX_"], h3[id^="AE_"], h3[id^="AP_"], h3[id^="BILL_"], h3[id^="EQ_"], h3[id^="AQ_"], h3[id^="HP_"], h3[id^="MF_"], h3[id^="MR_"], h3[id^="TQ_"], h3[id^="RX_"], h3[id^="ES_"]
{
    font-weight: bold;
    padding-left: 5px;
}
h2[id^="AE_"], h2[id^="AP_"], h2[id^="BILL_"], h2[id^="EQ_"], h2[id^="AQ_"], h2[id^="HP_"], h2[id^="MF_"], h2[id^="MR_"], h2[id^="TQ_"], h2[id^="RX_"], h2[id^="ES_"]
{
    background-color: #C3C3C3 !important;
}
h3[id^="AE_"], h3[id^="AP_"], h3[id^="BILL_"], h3[id^="EQ_"], h3[id^="AQ_"], h3[id^="HP_"], h3[id^="MF_"], h3[id^="MR_"], h3[id^="TQ_"], h3[id^="RX_"], h3[id^="ES_"]
{
	background-color: #F1F1F1 !important;
}
/* END: FAQ CSS */
/* START: Prelogin CSS */
.features .icon-advice,
.features .icon-testResults,
.features .icon-medications,
.features .icon-calendar
{
    border: 1px solid #c3c3c3;
    background-color: #FFFFFF;
}
.preloginleft
{
	width: 100% !important; 
	height: 100px !important; 
	background: transparent url('../images/custom/prelogin/redbar_prelogin_left.svg') no-repeat scroll center !important;
}
.preloginright
{
	width: 100% !important; 
	height: 100px !important; 
	background: transparent url('../images/custom/prelogin/redbar_prelogin_right.svg') no-repeat scroll center !important;
}
.preloginleft:hover, .preloginleft:focus
{
	background: transparent url('../images/custom/prelogin/redbar_prelogin_left_hover.svg') no-repeat scroll center !important;
	
}
.preloginleft:hover #communicate_image, .preloginleft:focus #communicate_image
{
	background: transparent url('../images/custom/prelogin/communicate_prelogin_hover.svg') no-repeat scroll center !important;
	
}
.preloginright:hover #testresults_image, .preloginright:focus #testresults_image
{
	background: transparent url('../images/custom/prelogin/testresults_prelogin_hover.svg') no-repeat scroll center !important;
	
}
.preloginleft:hover #medications_image, .preloginleft:focus #medications_image
{
	background: transparent url('../images/custom/prelogin/medications_prelogin_hover.svg') no-repeat scroll center !important;
	
}
.preloginright:hover #payment_image, .preloginright:focus #payment_image
{
	background: transparent url('../images/custom/prelogin/payment_prelogin_hover.svg') no-repeat scroll center !important;
	
}
.preloginleft:hover #appointments_image, .preloginleft:focus #appointments_image
{
	background: transparent url('../images/custom/prelogin/appointments_prelogin_hover.svg') no-repeat scroll center !important;
	
}
.preloginright:hover #healthplans_image, .preloginright:focus #healthplans_image
{
	background: transparent url('../images/custom/prelogin/healthplans_prelogin_hover.svg') no-repeat scroll center !important;
	
}
.preloginright:hover, .preloginright:focus
{
	background: transparent url('../images/custom/prelogin/redbar_prelogin_right_hover.svg') no-repeat scroll center !important;
}
.preloginleft:hover table tr td div, .preloginleft:focus table tr td div, .preloginright:hover table tr td div, .preloginright:focus table tr td div
{
	color: #FFFFFF;
}
.preloginButtonText
{
	color: #AC162C;
	text-align: left;
	vertical-align: middle;
	font-family: "sofia-pro","Century Gothic","Merriweather Sans",sans-serif;
    font-weight: bold;
    letter-spacing: .025em;
    line-height: 1.625;
	font-size: 1em;
}

.preloginimagecontainer div { vertical-align: middle;  }
#communicate_image {  background: transparent url('../images/custom/prelogin/communicate_prelogin.svg') no-repeat scroll center !important; height: 100px; }
#testresults_image {  background: transparent url('../images/custom/prelogin/testresults_prelogin.svg') no-repeat scroll center !important; height: 100px; }
#medications_image {  background: transparent url('../images/custom/prelogin/medications_prelogin.svg') no-repeat scroll center !important; height: 100px; }
#payment_image {  background: transparent url('../images/custom/prelogin/payment_prelogin.svg') no-repeat scroll center !important; height: 100px; }
#appointments_image {  background: transparent url('../images/custom/prelogin/appointments_prelogin.svg') no-repeat scroll center !important; height: 100px; }
#healthplans_image {  background: transparent url('../images/custom/prelogin/healthplans_prelogin.svg') no-repeat scroll center !important; height: 100px; }
.login input#showpwoption {   width: auto;	}
#showpwoption
{
    display: inline;
    vertical-align: -webkit-baseline-middle;
}
#pwshow, .centerbuttons
{
    margin: auto;
    text-align: center;
}
#banneralerttile
{
    text-align: left !important;
    margin: auto !important;
}
#banneralerttile a
{
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
a.coronabutton
{
    border-radius: 3px;
    cursor: pointer;
    font-family: inherit;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 10px !important;
    max-width: 100%;
    overflow: hidden;
    vertical-align: middle;
    text-transform: none !important;
    display: inline-block;
	background-color: #AC162C !important;
    border: 1px solid #AC162C !important;
    color: #FFFFFF !important;
    outline: 0 !important;
    text-decoration: none !important;
	margin: 0.5rem 0;
	width: 225px !important;
}
a.coronabutton:hover
{
    background-color: #FFFFFF !important;
    color: #AC162C !important;
}
.blankspace { margin: 0 5px !important; }
.spacerrow { height: 15px !important; }
.redtext { color: #AC162C; }
.redtextconfirm
{
	color: #AC162C;
	font-size: 1.5rem;
}
.greytextconfirm
{
	color: #414042;
	font-size: .9rem;
}
/* END: Prelogin CSS */
.recovery a, .links a, .copyright a { text-decoration: underline; }
.cardlist.buttonCards .card { width: 16em !important; }
/* START: OpenScheduling and Visit Type/Provider openscheduling direct link styling */
html.embedded body.embedded.ready { margin: auto; }
body.embedded div.setOfStepsContainer > div.slider div.stepContainer { min-height: 100% !important; }
body.embedded div.setOfStepsContainer div.stepContainer {height: 990px}
div.setOfStepsContainer .stepContainer .openingsContainer > .pretext { overflow-y: visible !important; }
/* END: OpenScheduling and Visit Type/Provider openscheduling direct link styling */
/* START: Support.asp formatting */
#supportwrap { font-family: Source Sans Pro, Calibri, Arial, sans-serif; } /* Sets font family for support.asp page */
div#supportheader /* Support.asp upper MyChart section formatting */
{
	background-color: rgba(255, 255, 255, 0.88);
	
	width: 1024px;
	margin-left: auto;
	margin-right: auto;
}
#supportcontent /* Support.asp Center page size and position formatting */
{
    margin: auto;
    width: 1024px;
}
div#supportcontent div#main { padding: 15px; } /* Support.asp main form page padding */
#non-urgent /* Red border around top medical warning on support.asp form */
{
    border: 1px solid #950E25;
    border-radius: 4px;
}
#non-urgent .warning p .icon { vertical-align: middle; } /* Support.asp warning frame styling */
#non-urgent .warning p .warningtext { padding-left:15px; } /* Support.asp warning frame styling */
#non-urgent .warning > p  /* Support.asp warning frame styling */
{
    margin: 0;
	text-align: center !important;
    padding: 5px 0 5px 0px;
}
Input#txtFirstName.supportasp, Input#txtLastName.supportasp { width: 15rem !important; } /* Keeps name fields large enough to enter longer names */
#supportform input, #supportform select /* Input and select element formatting */
{
    border: 1px solid #DBDBDB;
    line-height: 1.5rem;
}
.reqdfield { color: #950E25; } /* Required field markings red */
body.supportthanks #supportwrap #supportcontent #main { min-height: auto !important; } /* Keeping size for thanks page only what is needed */
#blftwrapper #footer { opacity:100% !important; } /* Support page footer formatting */
textarea#txtIssue /* Support page text comments formatting */
{
	width: 100%;
	border: 1px solid #909090;
    border-radius: 3px;
}
/* END: Support.asp formatting */
form#remotelinksform .formcontents .formsection.card .formsection.center .logo {background:none!important; } /* Hides MyChart logo from other .logo css on Lucy page */
#mustCheck_TRUE,
#mustCheck2_TRUE,
#mustCheck3_TRUE
{ text-align: left !important; }
.medsreportlist { padding-bottom: 15px; }
/* START: Payment and Guest Payment Screen styling */
body #guestPay-content .formbuttons { margin-bottom: 5rem; }
body #guestPay-content #extPmtPageFrame, body #extPmtPageFrame
{
	height: 32rem;
	overflow-y: visible;
}
#guestPay-content #extPmtPageFrame, #guestPay-content #iFrameLoadingIndicator {
height: 40rem !important;
}
#extPmtPageFrame, #visitpayment-content #extPmtPageFrame, #visitpayment-content #iFrameLoadingIndicator {
height: 40rem !important;
}
/* END: Payment and Guest Payment Screen styling */
.LPG .pgSection .pgContent table.tableLayoutFixed,
body.md_labdetail #wrap #content #main .tabcontainer #comments p
 { font-weight: bold !important; }
/* START: MRR Checkbox fix */
.mrrbulleted
{
    margin-left: 50px !important;
    width: 97%;
    list-style-type: disc;
    padding-right: 15px !important;
}
/* END: MRR Checkbox fix */
#graphicHeader:not(:empty) #logout_button, #graphicHeader:not(:empty) #localeswitch { background: #949698 !important; }
#wrap #header .fitme #graphicHeader #header_logo_by_epic img.logo_image {}
html.notile.printcolor body.md_showrep #wrap #main .section .report div .rpt .bothColumns .mainColumn div .LPG table tbody tr td img:not(.allowPrint)
{
	display: block !important;
	width: auto !important;
}
#divQnrQuestionnaire .qnr-main-container #refresh-area #qnr-form #qnr-container .questionnaire-template-container #qnr-scoringqtn-list .row .col-6
{
	width: 100% !important;
}
a.backToListLink
{
    background-color: #ffffff;
    border: 1px solid currentColor;
    box-shadow: none;
    padding-top: calc(0.25rem - 1px);
    padding-bottom: calc(0.25rem - 1px);
    color: #4f868e;
    display: inline-block;
    margin: 0;
	padding-left: 5px;
	padding-right: 5px;
	border-radius: 3px;
}
a.backToListLink:hover
{
    background-color: #edf3f4;
    color: #437279;
	text-decoration: none;
}
.login .recovery a
{
	vertical-align: top;
}
.schedulingstopped .schedulingstoppedcontent .fmtConv div span
{
	color: #AC162C !important;
	font-size: 12pt !important;
	font-weight: bold !important;
}
#locale_container.midlogin
{
	position: relative !IMPORTANT;
}
#OtherInformation_7
{
	height: 20rem !important;
}
.helptextstyle
{
	font-size: 12pt !important;
	color: #000000 !important;
	text-align: left !important;
}
.narrowbutton
{
	width: 250px !important;
}
body.md_visitslist_index #wrap #content #main div.standardBanner
{
	display: block !important;
}
body.md_login_login #wrap #content #main .logo
{
	margin-bottom: 1rem !important;
}
/* START: MOBILE WEB SPECIFIC CSS */
@media only screen and (max-width: 768px)
{
    #extPmtPageFrame { height: 50rem !important; } /* Payment and Guest Payment Screen styling */
}
@media screen and (max-width: 1300px)
{
	.preloghideinmobile { display: none !important; }
}
@media screen and (max-width: 600px)
{
      .preloghideinmobile { display: none !important; }
}
@media only screen and (max-width: 825px) {
#payment-content #extPmtPageFrame,
#payment-content #iFrameLoadingIndicator,
#guestPay-content #extPmtPageFrame,
#guestPay-content #iFrameLoadingIndicator {
height: 60rem !important;
}
}
/* END: MOBILE WEB SPECIFIC CSS */