﻿/* 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. */

/* override default unordered list style on the Terms and Conditions page  */


/* Hide anything tag with an Affiliate class */
.Affiliate {display: none !important;}

/* Show content for just this affiliate. An !important modifier is needed to override the !important modifier above. */
div.Affiliate.MyChartPOC  {display: block !important;}
span.Affiliate.MyChartPOC  {display: inline !important;}
p.Affiliate.MyChartPOC  {display: block !important;}
li.Affiliate.MyChartPOC  {display: list-item !important;}


.termlist {
	list-style-type: disc !important;
}
.termlist li {
	margin-left: 30px;
}

.payasguestbtn {
	background-color: #518888 !important;
}

.medsbullets {
	list-style-type: disc !important;
    margin-left: 30px !important;
    margin-bottom: 20px;
}

.bottom20px {
	margin-bottom: 20px !important;
}
.activationtext {
	position: relative; margin-top: -145px; width: 48%;
}

.newfeatures  dl {
	font-weight: bold !important;
	margin: 5px !important;
}

.newfeatures dd{
	margin-bottom: 20px !important;
	padding-left: 20px !important;
}

/* This helps with the FAQ link alignment issue (missing logo on post-login FAQ page). */
/* SLG 3782581 */

.faq {
  margin-top: -60px;
    padding-top:100px;
}

/*  Add link to Clockwise on home page */
/* STRY0181151 */

/* Nov21 upgrade.  Removed clock icon (no longer used)  */
/* features is now a class.  Change this to a class selector instead of id selector  */

.features .icon-pwd {
		background-image: url("../images/quicklinks/change_password.png");
	}	
	
/* Change style on "Forgot Username?" and "Forgot Passoword?" links and add blank space after */
/* STRY0253732 */

.login .recovery a {
	font-size: 1.0rem;
	color: darkblue;
}

.signup {
	padding-top: 30px;
}	

/* STRY0335985 - Signup buttons */
/* STRY0677112 - New KH Branding.  Make both buttons blue */

.signupwith
.signupwithout {
	background-color: #0091ea !important;
	font-size: .75rem !important;
}

/*
.signupwithout {
	background-color: #ffa12e !important;
	font-size: .75rem !important;
}
*/

/*  Hide the default signup button */
/*  Comment out this code for the Lexis Nexis self-signup workflow  */

/*
.signup {
	display: none !important;
}

*/
/*  CSS changes for open scheduling widget on KPN website */

/*

#scheduleContainer {
	text-align: left !important;
}

#openSchedulingFrame {
	border: none !important;
}
*/

/* STRY0711251 - change color of buttons to match new branding  */

.stepContainer .openingsData .slotslist .slotdetailaction {
/*    background-color: #52cc6e;  */
    background-color: #8c30f5;
	color: #ffffff;
}

/* STRY0711251 - change buttons to match new branding */

.stepContainer .openingsData .slotslist .slotdetailaction:focus, .stepContainer .openingsData .slotslist .slotdetailaction:hover, .stepContainer .openingsData .slotslist .slotdetailaction.selected {
/*  background-color: #3d9952;  */
	background-color: #ffffff;
	color: #8C30F5;
	border: solid 1px rgba(140,48,245,.3);
	box-shadow: none;
}	

div.setOfStepsContainer .stepContainer {
    height: 590px !important;
}	

#openSchedulingFrame {
	height: 920px;
}

div.setOfStepsContainer, div.setOfStepsContainer > div.slider, div.setOfStepsContainer > div.slider div.stepContainer, div.setOfStepsContainer div.openingsData {
    height: auto !important; 
	min-height: 600px;
}


/*  Custom CSS for On My Way verbiage - STRY0653140  */

.OMWtext {
	font-size: .9rem;
	color: #000;
}

.OMWtext:first-of-type {
	margin-top: 10px;
}

div#reasonForVisitComment_message:after {
	content: '* Call 911 if needed. Report to the desk upon arrival. Patients with the most urgent needs are seen first, so your wait time might be different. No physician-patient relationship is established unless and until you present to the care location and are screened and assessed.';
	display: block;
	font-size: .9rem;
	color: #F00;
	font-weight: bold;
}

/* INC0917022 - Pay Now button not visible on Android devices.  Change this setting per the TC implementation guide */
#guestPay-content #extPmtPageFrame, #guestPay-content #iFrameLoadingIndicator {
 /*   height: 20rem; */
	height: 40rem;
}

/*   Custom CSS for New Branding - STRY0677112  */

body.isPrelogin {
	background:  #e7f3f1  !important;
}

#wrap > #content:after {
	background: #FFF !important;
}

.button {
	box-shadow: none !important;
}

.payasguestbtn {
	background-color: #00b7bd !important;
}

.button.completeworkflow,
.button.completeworkflow:focus,
.button.completeworkflow:hover {
	background-color: #8C30F5;
}

/*  Nov21 upgrade. Background color overlay selector changed */

body.graphicHeader:not(isPrelogin):before {
    background-color: #e7f3f1 !important;
}


/*  post-login logo issues  */
/* 
#graphicHeader:not(:empty) #header_logo .header_logo_link {

background: transparent url("../images/logo.svg") no-repeat scroll center/contain;

}
 */
/* STRY0713387 - change LN widget to match new branding */

.thirdparty {
	font-size: inherit;
	box-shadow: none;
	border: solid 1px #ccc;
}
	
.thirdparty .question {
	background: none;
	box-shadow: none;
	border-right: solid 1px #ccc;
}

.thirdparty .answers {
	background: none;
}

.thirdparty .answers > label {
	background: #00b7bd;
	box-shadow: none;
	padding: 10px;
	color: #ffffff;
}

.thirdparty .buttton.disabled {

}

.thirdparty .button {
	background: none;
	background-color: hsl(321.9,90.2%,44.1%);
	color: #ffffff;
}

.thirdparty .answers > label.selected, .thirdparty .answers > label.selected:hover {
  box-shadow: none;
  background: #ffffff;
  color: #00b7bd;
  border: solid 1px #00b7bd;
}

.thirdparty .answers > label:hover, .thirdparty .answers > label.focused {
  /* box-shadow: 0 2px 4px -2px, inset 0 0 10px #ffffff; */
  background: #ffffff;
  color:  #00b7bd;
  border: solid 1px #00b7bd;
  box-shadow: none;
}

.thirdparty .button:focus, .thirdparty .button:hover {
  background-color: #ffffff;;
  color: hsl(321.9,90.2%,44.1%);
  border: solid 1px hsl(321.9,90.2%,44.1%);
}

.thirdparty img {
	border-bottom: solid 1px #ccc;
	padding: 10px;
}

.signup {
display: none;
}

#scans a {
	text-decoration: underline;
}

/* STRY0758699 - Change font colors for Clear Balance */

#Terms-MonthAmt, #Terms-AutoPayDOM {
	color: blue;
}

/*STRY0813175 - High Contrast button text color */
.button.secondary.positive, .button.secondary.neutral, .button.tertiary.neutral {
/*    color: #fff; */
}
.button.secondary.positive:hover, .button.secondary.positive:active, .button.secondary.neutral:hover, .button.secondary.neutral:active {
/*    color: #fff; */
}


.Popup .toolbar .buttons .button:not([disabled]) {
  background-color: #8C30F5;
}
.Popup .toolbar .buttons .button:not([disabled]):hover, .Popup .toolbar .buttons .button:not([disabled]):active,
.Popup .formbuttons .button:not([disabled]):hover,
.Popup .formbuttons .button:not([disabled]):active {
  background-color: #8C30F5;
}


/* INC0938425 Increase size of disclaimer area  */
.ComposeDisclaimer .disclaimerText {
	white-space: inherit;
}

/*  STRY0845624 - MFA Screen Adjustments  */

#disableLink {
	    padding: 0.615rem 0.75rem;
		background-color: #8C30F5;
		margin: 0.5rem 0;
		color: #ffffff;
		width: 100%;
		font-size: 120%;
}

#disableLink:hover {
	    background-color: #7729d0;
		text-decoration: none;
}	

#EnrollmentContainer button[class="button tertiary neutral linkbutton"] {
		display:none;
}


/*  STRY1001906 - flex redirection for OMW icons */

.card.hasBadge {
	display: flex !important;
	flex-direction: row-reverse;
}

.button.subtle {
    background-color: hsl(201.2,100%,46.7%) !important;
	padding: 0.615rem 0.75rem !important;
}

/*  Extend the height of the external payment iframe after Sphere added the zip code field  */

#extPmtPageFrame {
	height: 25rem;
}

@media (max-width: 1024px) {
	#extPmtPageFrame {
		height: 35rem;
	}
}	

/* STRY1110144 - Hide Central Scheduling Phone Number 

.LandingPagePostText {
	display: none !important;
}	
*/

/*  STRY1166477 - Website alignment for the open scheduling widget  */

.slot.button.secondary.neutral {
	background-color: #8C30f5;
	color: white;
}
.slot.button.secondary.neutral:hover {
	background-color: white;
	color: #8C30f5;
}

.myc_osSimpleWidget .myc_slotsContainer .myc_slotGroup a.myc_slot.myc_button, .myc_osSimpleWidget .myc_slotsContainer .myc_slotGroup button.myc_slot.myc_button {
    color: #ffffff;
    background-color: #8C30f5 !important;
}

/*  STRY1262467 - Remove Sign Up Button for Update  */

.signup {
	display:  none !important;
}

/*  STRY1263425 - Add icons for new text on home pre login page  */

.features .icon-proxy {
	background-image: url("../images/quicklinks/health_record.png");
}	

.features .icon-info {
	background-image: url("../images/quicklinks/info.png");
}	

/* STRY1311643 - Increase font size of video link  */

.fdilink a {
	font-size: larger;
}

/* STRY1335971 - Find Care Now widget height adjustment  */

.department_map {
	height:  35rem;
}

/* STRY1352875 - Bold Visit Instructions  */

.visitinformation {
	.visitinformation {
		.instructionContent {
			font-weight: bold !important;
		}
	}
}