/* 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. */

/* 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 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;
}

/* =============================
Logos- MLE 1/21/21
============================= */


html #graphicHeader:not(:empty) #header_logo .header_logo_link {
    background: transparent url(../images/logo.png) no-repeat scroll center/contain;

}
/* =============================
Add background image to instant activation page so looks better on computer screen MLE
============================= */

.mobile .instantactivation,
.mobile .instactconfirmation {
		background: url(../images/occ/prelogin.jpg) no-repeat fixed center center / cover;
}
/* =============================
Waitlist link changed to button-MLE 4/4/18
============================= 

.md_visitdetails_index div.waitlist div.updatewaitlistlink {
    width: auto;
	padding: 6px;
    background-color: #4168e7;
}

a#updatewaitlist.link {
	color:#FFFFFF;
}
*/
/* =============================
REMOVE ALERT IMAGE-MLE 6/12/18
============================= 


.alert.card img{
	display:none;
}
*/
/*add border to estimate alert MLE
#essProminentWarnings .essInfoCard {
	border:5px;
	border-style: solid;
	border-color:#DF004F;
}

=============================
Change width of megae 3 column menus MLE
============================= 	
#menu .submenu.columns_3 {
width: 380%; 
}
*/

/* =============================
Hide optional questionnaire JPC 7-1-21
============================= */

.clickable.optional.qnr_row {
	display: none !important;
}
#optional_questionnaires{
	display: none;
}

/* ===============================
Removal of website mobile check-in
banner button - JPC 8-19-2020
================================== */

#main > div.popupOwner > div.selfArrivalBanner {
	display: none;
}

#main > div:nth-child(3) > div.Visits.template > div > div > div > div > div.visitcomponent.upcomingvisits.notoolbar > div.content > div.listsection.timeLine > div > div.timeLineDetails.grid > ul > li.soonvisits.card.insulated.col-12.hasArrivalBanner > div.selfArrivalBanner {
	display: none;
}

/* =============================
Add news card JPC
============================= */
.component.news .newscard  {
	width: 100%;
}

.component .news .newscard.flu {
  background-image: url("../images/flu.jpg");
  width: 100%;
}

.component .news .newscard.upgrade {
  background-image: url("../images/upgrade.jpg");
  width: 100%;
}

.component .news .newscard.shareEverywhere {
  background-image: url("../images/share_everywhere_patient.png");
  width: 100%;
}

 @media screen and (min-width: 1301px) {
 #header:not(:empty).prelogin {
display: none;
}
 }

/*==================================
hide paperless billing banner 
7/20/22 JC
===================================*/

#myo-paperless-billing {
	display: none !important;
}

/* =============================
fix external billing page JC 2/12/19
 ============================= */
#guestPay-content #extPmtPageFrame, #guestPay-content #iFrameLoadingIndicator {
	min-height: 24rem;
}

/* ===================================
fix external billing page JC 4/23/24
 ================================== */
 
#extPmtPageFrame {
	min-height: 35rem;
}