/* 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: expand external payment page frame */
#extPmtPageFrame,#guestPay-content #extPmtPageFrame, #guestPay-content #iFrameLoadingIndicator {
	height: 80rem;
	}
#iFrameLoadingIndicator.mobileExtPmtPage,
#extPmtPageFrame.mobileExtPmtPage{
	height: 80rem;
}
/* END: expand external payment page frame */
/* BEGIN: Login Page Warning*/
#saftynotice {
    background: #fff;
    color: #bb0000;
    text-align: center;
    padding: 15px 20px;
    text-align: center;
}
#splashnotice {
    color: #bb0000;
    text-align: center;
    padding: 15px 20px;
    text-align: center;

}
/* END: Login Page Warning*/
a.buttonchome, div.buttonchome, input.buttonchome {
    background: #FD8C1A;
	border: none;
    border-radius: 4px;
    box-shadow: none;
	color: #fff;
    cursor: pointer;
    display: block;
    font-size: 1.75rem;
    font-weight: 408;
    line-height: 1.5rem;
    margin: 0.5rem 0;
    padding: 0.25rem 0.75rem;
    position: relative;
    text-align: center;
    top: 0;
    white-space: normal;
}

/* BEGIN: Icons on the pre-login homepage */
#main, 
.BeforeList input.SearchList {
    background-color: rgba(255,255,255,1);
}
.features .icon-video_visit {
    background-image: url(../images/quicklinks/video_visit.png);
}
.features .icon-evisit {
    background-image: url(../images/quicklinks/evisit.png);
}
.features .icon-account_summary {
    background-image: url(../images/quicklinks/account_summary.png);
}
/* END: Icons on the pre-login homepage */

.component .news .newscard.accountsummary {
    background-position-x: 20px /*rtl:calc(100% - 20px)*/;
    background-image: url(../images/quicklinks/account_summary.png);
}
.component .news .newscard.wellness {
    background-position-x: 20px /*rtl:calc(100% - 20px)*/;
    background-image: url(../images/quicklinks/documents.png);
}
.stepContainer .openingsData .card > .header {
    color: #D75B03;
    margin: -0.5rem 0 0.25rem -0.5rem;
    padding: 0.5rem;
    width: calc(100% + 1rem);
	font-weight:bold;
}

/* BEGIN: Orange text during open scheduling */
#D6F73C26-7627-4948-95EA-2C630C25C5E9_scheduleOpenings_slotDetailsContainer .dateTime .date {
	color: #D75B03;
	font-weight:bold;
}
/* END: Orange text during open scheduling */
/* BEGIN: Fix for logo scaling issue. */
.logo{
	background-size:contain;
	background-position:center;
}
/* END: Fix for logo scaling issue. */
/* BEGIN: This was used to extend the open scheduling window because we had a large 
number of available slots and the drop down was getting cut off.

.openingsContainer{
	min-height: 1000px !important;
}
.stepContainer{
	min-height: 1000px !important;
}
END: Fix for logo scaling issue.*/


/* BEGIN: This class can be given to a link. That will make it white with orange writing and border
and will have a light fill when hovered over to make the link look like a real button. */
.GhsOrangeOutlineButton{
	padding:8px;
	border: 1px solid #d85c02;
	border-radius: 8px;	
	color:#d85c02;
}

.GhsOrangeOutlineButton:hover{
	background-color: rgba(216, 92, 2, .1);
}

/* END: This class can be given to a link. That will make it white with orange writing and border
and will have a light fill when hovered over to make the link look like a real button. */


	/* BEGIN: To hide the little question mark at the bottom of the scheduling page that we don't want to customize the text for. */
	#scheduling-workflow .LandingPagePostText{
		display:none !important;
	}
	/* END: To hide the little question mark at the bottom of the scheduling page that we don't want to customize the text for. */