/* END: Apply a login back ground image on the features list */

/* END: HIGH CONTRAST OVERRIDES */

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

body.loginPage {background-image:url(../images/prelogin-bg.jpg); background-repeat: no-repeat; background-position:center top;}

a {color:#00599a;}

.button, .button:focus, .button:hover, ul.MessageList.list.hoverable.collapsible .SingleMessage .ReplyButton a.button {background-color:#AARRGGBB;}

body.loginPage #main {background-color:#fff;}

.logo {background-size:contain; margin-top:20px; margin-bottom:20px;}

body.isPrelogin .logo {height:auto; min-height:52px;}

.alert, .alertHeader, .abnormal {color:#f00;}


/* SIDEBAR */
	#sidebar {background:#e6eaef;}

	#loginForm::before {content:"Let's get started"; color:#00599a; font-size:1.41025641em;}

	.button.completeworkflow, .button.completeworkflow:focus, .button.completeworkflow:hover {background-color:#00599a; font-size:1.1rem;}

	#sidebar .signup h2.header {text-align: left; padding:35px 0 0; color: #00599a;}

	#sidebar .signup a.button {background-color:#f47929;}

	#sidebar .badge_intro_text {font-size:.8em; color:#00599a; padding-top:90px;}


/* LOGIN CONTENT */
	ul.features {background:none; border:0; padding:0 0 0 5%;}

	ul.features li {display:inline-block; width:45%;}

	ul.features h2.header {color:#00599a; font-size:.807693861em; text-transform:uppercase; font-weight:bold; padding-bottom:0;}

	ul.features h2.header span {display:block; margin-bottom:4px; font-size:2.142857143em; text-transform: none; font-weight: normal;}

	ul.features li span.info {line-height:1; font-size:.807693861rem;}

	ul.features li:before {margin: 0 0 -3.6rem -5rem;}

	ul.features li:nth-child(3):before {margin-left:-4.5rem;}

	#login_details {border-top:1px solid #e5e5e5; padding-top:30px; margin-top:20px;}

	#login_details .login_details_intro_video {width:42%; float:left;}
	
	#login_details .login_details_copy {width:55%; float:left; margin-left:3%;}

	#login_details p {font-size:.750001442rem; line-height:1.3;}

	#login_details p.alert {font-style:italic; font-weight: bold;}

	#login_details p.login_details_links a {display:inline-block; margin-right:9px;}
	
	.features .icon-advice {
    background-image: url("../images/LoginPage/medical_advice_2018.png"); }
    .features .icon-testResults {
    background-image: url("../images/LoginPage/test_results_2018.png"); }
    .features .icon-medications {
    background-image: url("../images/LoginPage/medications_2018.png"); }
    .features .icon-calendar {
    background-image: url("../images/LoginPage/appointments_2018.png"); }
	
	#main, .BeforeList input.SearchList {
    background-color: #f8f8f8;
	}
/* External Payment Page */

	
	#guestPay-content #extPmtPageFrame{
    height: 51rem;
    overflow-y: visible;
    }
    
	#guestPay-content .formbuttons {
    margin-bottom: 51rem;
    }
	
	.card .buttonList .button {
    opacity: 1;
    transition: opacity 0.3s ease-in-out;
    }
	
#extPmtPageFrame {
  border-width: 0px;
  height: 100rem;
  overflow-y: hidden;
  width: 100%; }
  
  #iFrameLoadingIndicator.mobileExtPmtPage, #extPmtPageFrame.mobileExtPmtPage {
  height: 100rem; }
  
  /* Begin open Scheduling Widget iFrame*/
  
  /* 
  #main a {
	text-decoration: underline;
}
*/
.stepContainer .openingsData .card > .header {
    background-color: #fff;
    border-bottom: 1px solid rgba(0, 0, 256, .25);
    width: auto;
    margin-left: .1rem;
}

.filterFrame {
	display: none;
}

#main a.slotdetailaction.nextstep {
    color: #fff;
    padding: .5rem;
}
#main .stepContainer .openingsData .slotslist .slotdetailaction.selected {
    background-color: #5E8B3C;
    background-color: #ddd;
    color: #666;
    text-decoration: none;
    font-weight: bold;