/* 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. */
/* Start Make PCP Card Standout in Scheduling*/

fieldset.selfPay {
    Visibility: hidden;
}
 

.card.pcp {
	display: block !important;
	margin-bottom: 30px !important;
}
div.providerstep > div.cardlist > a.card {
	height: 95px;
}
div.providerstep > div.cardlist.column_3 > a.card {
	margin-left: 3px !important;
	margin-right: 3px !important;
}
div.providerstep > div.cardlist.column_4 > a.card {
	margin-left: 3px !important;
	margin-right: 3px !important;
}
div.providerstep > div.cardlist.column_2 > a.card {
	margin-left: 1px !important;
	margin-right: 1px !important;
}
/* End Make PCP Card Standout in Scheduling*/
/* login screen feature */
.features .icon-billing {
	background-image: url("../images/quicklinks/_Billing.png");
}
.features .icon-advice {
	background-image: url("../images/quicklinks/_Messages.png");
}
.features .icon-testResults {
	background-image: url("../images/quicklinks/_TestResults.png");
}
.features .icon-medications {
	background-image: url("../images/quicklinks/_Medications.png");
}
.features .icon-calendar {
	background-image: url("../images/quicklinks/_ViewDoctorsVisists.png");
}





/*BEGIN Make collections account orange */
/*Account list page*/
#ba_accountList > .row > .ba_card > .grid > .row > div > .highlight {
    background-color: #F7800E;
}

#ba_accountList > .row > .ba_card > .grid > .row > div > div.highlight:hover {
    background-color: #eaf8f8;
}
/*BEGIN Make collections account orange */
/*Account list page*/
#ba_accountList > .row > .ba_card > .grid > .row > div > .highlight {
    background-color: #F7800E;
}

#ba_accountList > .row > .ba_card > .grid > .row > div > div.highlight:hover {
    background-color: #eaf8f8;
}

/*Account details page*/

#ba_details_activity > .grid > .row > div > div.highlight {
    background-color: #F7800E;
}

#ba_details_activity > .grid > .row > div > div.highlight:hover {
    background-color: #eaf8f8;
}


/*END Make collections account orange */



/* Web Ext Payment int  */

#extPmtPageFrame, #visitpayment-content #extPmtPageFrame, #visitpayment-content 
#iFrameLoadingIndicator {
height: 40rem;
}

/* Mobile Ext Payment int */

body .mobileExtPmtPage#extPmtPageFrame {
height: 830px;
}
Finally, add the following to Override.css file to alter the height of the Guest Pay page:
#guestPay-content #extPmtPageFrame, #guestPay-content #iFrameLoadingIndicator {
height: 40rem;
}
@media only screen and (max-width: 825px) {
#payment-content #extPmtPageFrame,
#payment-content #iFrameLoadingIndicator,
#guestPay-content #extPmtPageFrame,
#guestPay-content #iFrameLoadingIndicator {

height: 60rem;
}
}