﻿#edWaitTime
{

color:red;

}

#logo {
    background:  rgba(0, 0, 0, 0) url("../images/MyChart-logo.png") no-repeat scroll center center / contain 
	
}


/* BEGIN: Login page tweaks */

/* Organization logo */


body.isPrelogin.termsPage div.logo {
	height: 11rem;
}




/* Features list */
ul#features li h2 {
    font-size: 1rem;
}
ul#features li span.info {
    font-size: 0.8rem;
}
ul#features {
    background-color: white;
    background-position: right 10px center;
    background-repeat: no-repeat;
    border: 1px solid #cccccc;
    padding: 0 47% 0 0;
    width: 100%;
}
ul#features li {
	width: 100%;
}
#features li::before {
    height: 4rem;
    margin: 0 0 -5rem -5rem;
    width: 4rem;
}

@supports (content: url()) {
  .logo {
    background: none;
    object-fit: contain;
    max-width: min(100%, 900px);
  }
}
/* END: Login page tweaks */


/* BEGIN EPIC DELIVERED THEME CSS */
/* Generated by v85.0.10 */
/* BEGIN: SPECIAL HIDING PROPERTIES */
/* If you only want certain HTML content to display on mobile, tag it with an "OnlyMobile" class*/
.onlymobile, 
.onlyMobile, 
.Onlymobile, 
.OnlyMobile {
    display: none !important;
}  

/* If you want 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. Use URL Rewrite an affiliate-specific override css file to do the unhiding.*/
.affiliate,
.Affiliate {
    display: none !important;
}

/* Show affiliate's content which is otherwise hidden by default from the Affiliate class */
.Affiliate.A_mychart
{
	display: block !important;
}

/* Show affiliate's billing instructions. All are hidden by default on the page. */
div.billing_mychart, 
div.billing_mychart + div.section
{
	display: block !important;
}

/* If you want to show something only when looking at your own chart, not in proxy mode, tag it with a "selfmode" class. If you want something to only show when looking at someone else's chart, use "proxymode" class. */
.proxyMode,
.proxymode,
.ProxyMode,
.Proxymode {
    display: none !important;
}
/* END: SPECIAL HIDING PROPERTIES */

/* BEGIN: CONFIGURABLE PRELOGIN LOGO HEIGHT */
/* Prelogin logo height is 6rem by default which can cause it to be cropped for many larger logos. Change it here. But we be aware 
    that your changes can affect the responsive design layout on small screens. Bottom line: the logo must be height-matched to its
    container to get a good result on both sides of the responsive breakpoint. */
body.isPrelogin .logo {height: 6rem;}
body.isPrelogin .logo {background-position: center top;}   
/* END: CONFIGURABLE PRELOGIN LOGO HEIGHT */

/* BEGIN: CONFIGURABLE BACKGROUND COLOR AND BACKGROUND IMAGE */
/* Prelogin background image and color */
body {
    background: rgba(0,133,232,1) url("../images/prelogin.jpg") no-repeat fixed center center / cover ;
}
#content::after {
    background: rgba(0,133,232,1) url("../images/prelogin_blurred.jpg") no-repeat fixed center center / cover ;
}

/* END: CONFIGURABLE BACKGROUND COLOR AND BACKGROUND IMAGE */


/* BEGIN: BACK OUT COMMON PRE-2017 BUTTON WORKAROUNDS */
/* This section is to back out some custom CSS many customers have written directly in their custom form XML files using internal style sheets. Without this, these customizations will not look good with the new UI. */

/* Turn off custom checkbox workarounds */
body.md_showform span.radiocontainer label.radiolabel::before,
body.md_showform input.radio + label::before,
body.md_showform input.clearradio + label::before,
body.md_showform td.prob label::before,
body.md_saveform span.radiocontainer label.radiolabel::before,
body.md_saveform input.radio + label::before,
body.md_saveform input.clearradio + label::before,
body.md_saveform td.prob label::before {
    display: none !important;
}

/* Remove custom icons applied to page title */
body.md_showform div#main div.title::before,
body.md_saveform div#main div.title::before,
body.md_showform div.title h1::before,
body.md_saveform div.title h1::before {
    display: none !important;
}

/* END: BACK OUT COMMON PRE-2017 BUTTON WORKAROUNDS */





/* END EPIC DELIVERED THEME CSS */

/* BEGIN EPIC COMMUNITY MEMBER CUSTOM CSS */
/* Epic recommends any additional CSS be placed below this line. Avoid adding CSS above because it makes it difficult to determine which are your changes and which are Epic's. */




/* BEGIN: Hide cancel button on "Appointment Scheduled" confirmation page since it does not currently work */
body.md_visitdetails_index[onload*="Appointment Scheduled"] a.cancelworkflow {
    display: none !important;
}
/* END: Hide cancel button on "Appointment Scheduled" confirmation page since it does not currently work */
/* BEGIN: Hide the Appointment Scheduled Notifications preferences button */
body.md_schedotherprefs input[id*="apptscheduled"], body.md_schedotherprefs label[for*="apptscheduled"] {
    display: none !important;
}
/* END: Hide the Appointment Scheduled Notifications preferences button*/


/* BEGIN: Emphasize on payment plan sign up that you are also signing up for paperless billing */
body.md_autopay_signup div.apWarningBoxMessage {
    border: 1px solid red;
    padding: 10px;
    color: red;
}
/* END: Emphasize on payment plan sign up that you are also signing up for paperless billing */

/* BEGIN: Fix line going through section header titles on printed AVS pages */

.rpt .mainColumn .pgSection[data-sectdepth="1"] > .sectionHeader .title, .rpt .mainColumn .pgSection[data-sectdepth="1"] > .sectionHeader .subtitle, .rpt .mainColumn .pgSection[data-sectdepth="1"] > .sectionHeader .rightDetail {
    background-color: white !important;
}

/* END: Fix line going through section header titles on printed AVS pages */

/* BEGIN: Adjust size of Guest Pay iframe */

#guestPay-content #extPmtPageFrame, #guestPay-content #iFrameLoadingIndicator {
        height: 60rem;
}
/* END: Ajust size of Guest Pay iframe */

/* BEGIN: Adjust size of MyChart Bill Pay iframe */
#extPmtPageFrame,
body.md_echeckin #extPmtPageFrame {
    border-width: 0px;
    height: 60rem;
    overflow-y: hidden;
    width: 100%;
}
/* END: Ajust size of MyChart Bill Pay iframe */

/* BEGIN: Fix hidden help text on custom forms */
body.md_showform fieldset.questiongroup > span.helptext, 
body.md_saveform fieldset.questiongroup span.helptext {
    font-size: 0.8rem;
    margin-top: 10pt;
    display: block;
    line-height: inherit;
}
/* END: Fix hidden help text on custom forms */


/* BEGIN: Force background color of print popups to white instead of having a background image */
html.printcolor body.isInside {
    background: white;
}
/* END: Force background color of print popups to white instead of having a background image */
