﻿/* 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. */

/* Icon Images */
.features .icon-appts {
background: rgba(0, 0, 0, 0) url(../images/quicklinks/appointments.png) no-repeat;
}
.features .icon-testresults {
background: rgba(0, 0, 0, 0) url(../images/quicklinks/test_results.png) no-repeat;
}
.features .icon-evisit {
background: rgba(0, 0, 0, 0) url(../images/quicklinks/evisit.png) no-repeat;
}
.features .icon-medicalAdvice {
background: rgba(0, 0, 0, 0) url(../images/quicklinks/medical_advice.png) no-repeat;
}
.features .icon-billPay {
background: rgba(0, 0, 0, 0) url(../images/billing/financial_assistance/subway_expenses.png) no-repeat;
}
/*update shareeverywhere card image - adjusted smaller size 4/4/2018 - JSK*/
.component .news .newscard.careEverywhere{
background-image: url("../images/shareEV_small.png");
}
/*updating to remove FHIR logo*/
div#IconPane {
	background-image: none;
}
div#viewauthorizations
{
	display: none;
}
div#newauthorizationsection
{
	display: none;
}
/*Hiding Billing component for notifications - not live with Bill Pay yet 8/23/2018 JSK*/
div#hst_17
{
	display: none;
}
/*Unhide list item bullets - JSK 11/1/2018*/
#lgcustjsk
{
	list-style: outside;
	padding-left: 70px;
}
/*Modify Margins to fix Card Formatting - JSK 11/7/2018*/
.component .news .newscard
{
	width: 47%;
	min-height: 12rem;
}
/*Modify features for prelogin to restore grid of icons - JSK 11/7/2018
#features li
{
	padding-left: 90px;
	width: 100%;
	display: inline-block;
	vertical-align: top;
}*/
.section.left /*Hide Health Care Agent section - JSK 12/13/2018*/
{
	/* display: none;  removed by DK 6/26/23 because we want the agent showing, and this rule seems likely to accidentally impact other features */
}
body.embedded .stepcontainer .scrollable{
	overflow-y: auto;
	height: 100%;
}
/*removing amex card icon*/
#pmtMethodsAcceptedIcons .allowedBrandsIcon[alt="American Express"]{display: none;}
/*removing diners club card icon*/
#pmtMethodsAcceptedIcons .allowedBrandsIcon[alt="Diners Club"]{display: none;}
@media only screen and (max-width: 768px) {
  #iFrameLoadingIndicator,
  #extPmtPageFrame {
    height: 1000px;
  }
}


/*override for InstaMed credit card entry form to ensure it is tall enough to display all fields */
body #extPmtPageFrame {
 height: 68em;
 overflow-y: visible;
}

body #guestPay-content #extPmtPageFrame {
	height: 68rem;
	overflow-y: visible;
}

body #guestPay-content.formbuttons {
	margin-bottom: 5rem;
}


/* COVID-19 ALERT for banner, provided by Kevin Van Horne from Penn 7/27/2020 */
/* 4/27/22 - DK removed all covid alert banner CSS because the #footer changes were breaking patient self-signup for MyChart in the 98 version.  I don't believe we use the COVID-19 banner anymore, but need to confirm. */

/* #covid19-alert { */
   /* position:fixed; */
   /* left:0px; */
   /* bottom:0px; */
   /* width:100%; */
   /* z-index: 19; */
   /* background-color: #B11E3B;  */
   /* color: #fff; */
/* } */

/* /* Hide COVID-19 ALERT when logged in */ */

/* .isInside  #covid19-alert { */
   /* display: none; */
/* } */

/* /* Hide COVID-19 ALERT when in scheduling widget */ */
/* .embedded #covid19-alert { */
    /* display: none; */
/* } */

/* add space to accommodate the alert message at bottom of pages */

/* #footer { */
    /* padding-bottom: 130px; */
/* } */
/* @media only screen and (min-width: 1000px) { */
    /* #footer { */
        /* padding-bottom: 80px; */
    /* } */
/* } */


/* Fix for forcing .png verion of logo file in header - DK 2021/08/16 */
#graphicHeader:not(:empty) #header_logo .header_logo_link {

background: transparent url("../images/logo.png") no-repeat scroll center/contain;

}
