/********************/
/** BLN Overrides **/
/********************/



/*COLOR CHANGES*/

/* Buttons / Adjusted the background color. rylawn*/
.button,
.button:focus,
.button:hover,
ul.MessageList.list.hoverable.collapsible .SingleMessage .ReplyButton a.button {
	background-color: #007CC3;
	color: #FFF;
}

/*Adjusted background color. rylawn */
.button.nextstep,
.button.nextstep:focus,
.button.nextstep:hover {
	background-color: #94a51b;
}

/*Adjusted background color. rylawn */
.button.completeworkflow,
.button.completeworkflow:focus,
.button.completeworkflow:hover {
	background-color: #94a51b;
}

/*Adjusted the background color. rylawn */
.button.inlineedit,
.button.inlineedit:focus,
.button.inlineedit:hover {
	background-color: #007CC3;
}

/*Adjusted background color. rylawn */
.button.inlinesave,
.button.inlinesave:focus,
.button.inlinesave:hover {
	background-color: #94a51b;
}

/*Adjusted the background color. rylawn */
input.prettycheck:checked + label:before,
input.buttoncheck:checked + label.buttoncheck:before {
	background-color: #007CC3;
	border-color: #007CC3;
}

/* Back Button / Adjusted the background color. rylawn */
#main .back .button,
.Popup li.previouspage .previouspage.button {
	background-color: rgba(255, 255, 255, 0.6);
	border-color: currentColor;
	color: #007CC3;
}

/* Paperless billing cards have a little corner set to green. Adjusted background color. rylawn */
.ba_card_header_paperless  {
	border-top-color: #94a51b;
	border-right-color: transparent;
}

/* In mobile, we want the back buttons to have the same style as desktop. Adjusted the background color. rylawn */
.mobile .essBack a.button.previousstep {
	background-color: white;
	border-color: #007CC3;
	color: #007CC3;
}

/*Adjusted the background color. rylawn */
	.essLtrBtn:not(.nextstep) {
		background-image: none !important;
		background-color: #007CC3 !important;
	}
	
/*Adjusted the background color. rylawn */
div.essInfoCard {
	border-left-color: #007CC3;
}

/*Adjusted the background color. rylawn */
.list.hoverable li.essSlideshowCard p.essSlideshowCardMuted a {
	color: #007CC3;
}

/*Adjusted background color. rylawn */
.slot {
	background-color: #94a51b;
	color: #FFF;
}

/*Adjusted background color. rylawn */
.slot.selected,
html:not(.mobile) .slot:hover,
html:not(.mobile) .slot:focus {
	background-color: #6d7a13;
	color: #fff;
}

/*Adjusted the background color. rylawn */
.summaryInfo .subtle.editText {
	color: #007CC3;
}

/*Adjusted the background color. rylawn */
.mobile .summaryInfo.summaryComplete:not(.summaryActive) .mobileedittext, .mobile .summaryInfo.summaryIncomplete:not(.summaryActive) .mobileedittext {
	color: #007CC3;
}

/*Adjusted background color. rylawn */
.statusBadge.positive{
	background-color: #CAEAD0;
	border-color: #94a51b;
	color: #317237;
}

/*Adjusted font color. ekarbo */
.selfTriage .actionNodeWorkflow .actionNode .successStatus .successMessage{
	color: #007cc3;
}

/*END COLOR CHANGES*/




/*COMMON CHANGES*/
/*changing sidebar for login to utilize new sidebar. rylawn */
#sidebar .posttext{
	text-align: center;
	font-family: Source Sans Pro, Calibri, Arial, sans-serif;
}

#sidebar .posttext a {
	border: none;
	background-color: #007CC3;
	color: white;
	box-shadow: none;
	cursor: pointer;
	display: block;
	font-weight: 400;
	line-height: 1.5rem;
	margin: 0.5rem 0;
	padding: 0.5rem 0.75rem;
	position: relative;
	text-align: center;
	top: 0;
	white-space: normal;
	text-decoration: none;
}

#sidebar .signup a {
	visibility: hidden;
	padding: 0;
}
/*End*/

/* Hide top notification on medications page for teen ea for amy */
#refills_tab_pane_0 .standardBanner {
	visibility: hidden;
	padding: 0;
}
/*End*/

/* Adjusting font when denying scheduling. rylawn */
.schedulingstoppedcontent p {
	font-family: Arial;
	font-size: 11pt;
}
/*End*/

/*Removing section for google fit connect. rylawn */
.ExternalAccount h2 {
	display: none;
}
/*End*/
/*END COMMON CHANGES*/


/*COMPONENT CHANGES*/
/*Changing images to align with new "whats new" section. rylawn / ekarbo */
	.component .newscard.card {
		background-image: url("../images/quicklinks/health_alert.png");
	}
	
	.component .news .newscard.videoVisits {
		background-image: url("../images/menus/billing.png");
	}

	.component .news .newscard.careEverywhere {
		background-image: url("../images/menus/visits.png");
	}

	.component .news .newscard.devices {
		background-image: url("../images/visits/schedule_existing_provider.png");
	}

	.component .news .newscard.mobileApps {
		background-image: url("../images/menus/messages.png");
	}

	.component .news .newscard.ACP {
		background-image: url("../images/acp/lifecareplanning2.png");
	}
	
	.component .news .newscard.Newsletter{
		background-image: url("../images/newsletter.png");
	}
	
/*END COMPONENT CHANGES*/





/*EXTERNAL PAYMENT CHANGES*/
/** Adjusting height from 21 to 28 to view Pay button. rylawn****/
/** Adjusted the height from from 28 to 30 for the changes made to the terms and to help out the display on an Android and Iphone. Eric **/
/** Adjusted the height from from 30 to 55 so that the ifram is visible on narrow screens, request from Ron update by ekarbo 5/14/20 **/
#extPmtPageFrame{
	border-width: 0px;
	height: 55rem;
	overflow-y: hidden;
	width: 100%;
}

/*Adjusting height to 50 rylawn */
/** Adjusted the height from from 50 to 52 for the changes made to the terms. Eric **/
/** Adjusted the height from from 52 to 55 so that the ifram is visible on narrow screens, request from Ron update by ekarbo 5/14/20 **/
#iFrameLoadingIndicator.mobileExtPmtPage,
#extPmtPageFrame.mobileExtPmtPage{
	height: 55rem;
}

/**** Pay as Guest / Adjusting height from 14 to 28 to view Pay button. rylawn****/
/** Adjusted the height from from 28 to 30 for the changes made to the terms and to help out the display on an Android and Iphone. Eric **/
/** Adjusted the height from from 30 to 55 so that the ifram is visible on narrow screens, request from Ron update by ekarbo 5/14/20 **/
#guestPay-content #extPmtPageFrame,
#guestPay-content #iFrameLoadingIndicator{	
	height: 55rem;
}
#guestPay-content #iFrameLoadingIndicator .v-center{
	top: 5rem;
}
/* Adjusting height to 48 rylawn */
/** Adjusted the height from from 48 to 50 for the changes made to the terms and to help out the display on an Android and Iphone. Eric **/
/** Adjusted the height from from 50 to 55 so that the ifram is visible on narrow screens, request from Ron update by ekarbo 5/14/20 **/
#guestPay-content #extPmtPageFrame.mobileExtPmtPage,
#guestPay-content #iFrameLoadingIndicator.mobileExtPmtPage{
	height: 55rem;
}






/*THEME CHANGES*/
/*Adjusting theme colors. rylawn */
/* Color 1 - Bellin Blue */
img.photo.color1,
.colorpreview.color1,
#proxies .color1:after,
body.color1 #header .menugroup.selected .menuicon:after {
	background-color: #007CC3;
}

.color1 > .userPhoto,
#proxies .color1 .proxyicon,
#proxies a.color1 .proxyicon,
#touchmenu .color1 .proxyicon {
	background-color: #007CC3;
	border-color: #007CC3;
}

body.color1 #header .menugroup li a:not(.button):focus,
body.color1 #header .menugroup li a:not(.button):hover,
body.color1 #localeswitch #morelocales li a:not(.button):hover {
	background-color: #4fbeff;
}

/* Color 2 - Green Grass */
img.photo.color2,
.colorpreview.color2,
#proxies .color2:after,
body.color2 #header .menugroup.selected .menuicon:after {
	background-color: #94a51b;
}

.color2 > .userPhoto,
#proxies .color2 .proxyicon,
#proxies a.color2 .proxyicon,
#touchmenu .color2 .proxyicon {
	background-color: #94a51b;
	border-color: #94a51b;
}

body.color2 #header .menugroup li a:not(.button):focus,
body.color2 #header .menugroup li a:not(.button):hover,
body.color2 #localeswitch #morelocales li a:not(.button):hover {
	background-color: #d7ef2c;
}

/* Color 3 - Deep Water */
img.photo.color3,
.colorpreview.color3,
#proxies .color3:after,
body.color3 #header .menugroup.selected .menuicon:after {
	background-color: #285993;
}

.color3 > .userPhoto,
#proxies .color3 .proxyicon,
#proxies a.color3 .proxyicon,
#touchmenu .color3 .proxyicon {
	background-color: #285993;
	border-color: #285993;
}

body.color3 #header .menugroup li a:not(.button):focus,
body.color3 #header .menugroup li a:not(.button):hover,
body.color3 #localeswitch #morelocales li a:not(.button):hover {
	background-color: #0091EA;
}

/* Color 4 - Beach Sand */
img.photo.color4,
.colorpreview.color4,
#proxies .color4:after,
body.color4 #header .menugroup.selected .menuicon:after {
	background-color: #d3aa6a;
}

.color4 > .userPhoto,
#proxies .color4 .proxyicon,
#proxies a.color4 .proxyicon,
#touchmenu .color4 .proxyicon {
	background-color: #d3aa6a;
	border-color: #d3aa6a;
}

body.color4 #header .menugroup li a:not(.button):focus,
body.color4 #header .menugroup li a:not(.button):hover,
body.color4 #localeswitch #morelocales li a:not(.button):hover {
	background-color: #fdd9a0;
}

/* Color 5 - Forest */
img.photo.color5,
.colorpreview.color5,
#proxies .color5:after,
body.color5 #header .menugroup.selected .menuicon:after {
	background-color: #25330a;
}

.color5 > .userPhoto,
#proxies .color5 .proxyicon,
#proxies a.color5 .proxyicon,
#touchmenu .color5 .proxyicon {
	background-color: #25330a;
	border-color: #25330a;
}

body.color5 #header .menugroup li a:not(.button):focus,
body.color5 #header .menugroup li a:not(.button):hover,
body.color5 #localeswitch #morelocales li a:not(.button):hover {
	background-color: #94a51b;
}

/* Color 6 Charcoal */
img.photo.color6,
.colorpreview.color6,
#proxies .color6:after,
body.color6 #header .menugroup.selected .menuicon:after {
	background-color: #918986;
}

.color6 > .userPhoto,
#proxies .color6 .proxyicon,
#proxies a.color6 .proxyicon,
#touchmenu .color6 .proxyicon {
	background-color: #918986;
	border-color: #918986;
}

body.color6 #header .menugroup li a:not(.button):focus,
body.color6 #header .menugroup li a:not(.button):hover,
body.color6 #localeswitch #morelocales li a:not(.button):hover {
	background-color: #d6cac6;
}

/* Color 7 - Storm */
img.photo.color7,
.colorpreview.color7,
#proxies .color7:after,
body.color7 #header .menugroup.selected .menuicon:after {
	background-color: #424240;
}

.color7 > .userPhoto,
#proxies .color7 .proxyicon,
#proxies a.color7 .proxyicon,
#touchmenu .color7 .proxyicon {
	background-color: #424240;
	border-color: #424240;
}

body.color7 #header .menugroup li a:not(.button):focus,
body.color7 #header .menugroup li a:not(.button):hover,
body.color7 #localeswitch #morelocales li a:not(.button):hover {
	background-color: #918986;
}
/*End*/
/*END THEME CHANGES*/





/*PRELOGIN CHANGES*/
/*Adjusting top padding to 1rem from 0 rylawn */
#features {
	list-style: none;
	padding: 1rem 0 1rem;
}

/*Adding 2 additional feature columnns. rylawn / adding icon-alert for covid-19 ekarbo*/
#features li {
	padding-left: 75px;
	background-repeat: no-repeat;
}
	#features .icon-alert {
		background-image: url("../images/quicklinks/health_alert.png");
		width: 100%;
	}
	
	#features .icon-caution {
		background-image: url("../images/quicklinks/health_reminders.png");
		width: 100%;
	}

	#features .icon-advice {
		background-image: url("../images/quicklinks/medical_advice.png");
	}

	#features .icon-testResults {
		background-image: url("../images/quicklinks/test_results.png");
	}

	#features .icon-medications {
		background-image: url("../images/quicklinks/medications.png");
	}

	#features .icon-calendar {
		background-image: url("../images/quicklinks/appointments.png");
	}
	
	#features .icon-bills {
		background-image: url("../images/quicklinks/account_summary.png");
	}

	#features .icon-virtualvisit {
		background-image: url("../images/quicklinks/evisit.png");
	}
	
	#features .icon-notification {
		background-image: url("../images/quicklinks/notifications_bln.png");
	}
	
	#features .info {
		font-size: 0.9rem;
	}

/*END PRELOGIN CHANGES*/


<use xlink:href="/MyChartREL/en-US/images/library.svg#announcements_alert"></use>


/*END EXTERNAL PAYMENT CHANGES*/





/*ADVANCE CARE PLANNING CHANGES*/
/*removed background color and changed border color to black. rylawn */
.hca-content.card .cardline.hca-activestatus.active {
	border-color: #000000;
}

/*Override Doc Display*//*adjusted color below to white. rylawn*/
.acpContent #viewdocumentwidget span.statusBadge {
	text-align: center;
	font-size: 0.8rem;
	border-radius: 0.25rem;
	color: white;
	border-style: solid;
	border-width: 2px;
	margin: 0.25rem 0.25rem 0.25rem 0;
	padding: 0.125rem 0.5rem;
	position: absolute;
	top: 0;
	right: 0;
}

/*Adjusting background color. rylawn */
.acpContent .pendingDocBadge {
	background-color: #FFA10B;
	border-color: #FFA10B;
	color: #936001;
}

/*Adjusting background color. rylawn */
.acpContent .deniedDocBadge {
	background-color: #D9545B;
	border-color: #D9545B;
	color: #363636;
}

/*adjusted color to bellin green. rylawn */
.acpContent .approvedDocBadge {
	background-color: #94a51b;
	border-color: #94a51b;
	color: #1B5388;
}

/*Hiding HCA and questionnaire sections. rylawn*/
.relationship-content {
	display: none;
}

#no-hcas-message {
	display: none;
}

#hca-list-container {
	display: none;
}

.qtnaire {
	display: none;
}

/* changing the docs section to not have 2 columns. rylawn */
#docs {
	display: inline;
}

/*removing quote images. rylawn */
.top-left-flair {
	display: none;
}

.bottom-right-flair {
	display: none;
}

/* END ADVANCE CARE PLANNING CHANGES*/


/*HISTORY CHANGES*/
/* removing the alercard for history, the text is missleading to patients, requested by Amy. ekarbo 5/19/20*/
.md_histques .alert.card {
	display: none;
}


/*END HISTORY CHANGES */










/*BILLING CHANGES*/
/* Some spacing for the warning messages. Don't add too much spacing between them though. Adjusted color to red, rylawn*/
.apWarningBox > .apWarningBoxMessage {
	padding: 0.5rem 1rem;
	background-color: #D9545B;
}

/*END BILLING CHANGES*/





/*ESTIMATE CHANGES*/

/* The styles for the search bar input (text field and button). changing the margin to allow for paragraph above. rylawn */
div.essSearch input {
	display: inline-block;
	vertical-align: middle;
	margin: 30px 0 0 0;
}

/*Adjusting color to correct green. */
.moneyColor, .essMoneyColor, .HARSAutopay {
	color: #94a51b;
}

/* adding a top margin of 30px to allow for paragraph above. rylawn */
html:not(.mobile) div.essSearch input.button {
	margin-left: 0.5rem;
	margin-top: 30px;
}

/*Hiding things. ekarbo */


#sidebar #related-links-container{
	color: purple;
	font-size: 3rem;
	display: none;
}

#evisit-workflow #reviewStepTitle h2 font {
	color: red;
}


#referrals .tableWrapper tr td.tableRowCustomerService, #custsvc   {
	color: purple;
	display: none;
}

#evisit-workflow #insuranceVerification .card .buttonList.subtle .button[data-action="edit"] {
	color: purple;
	display: none;
}

#echeckin-workflow #insuranceVerification .card .buttonList.subtle .button[data-action="edit"] {
	color: purple;
	display: none;
}

#scheduling-workflow #insuranceVerification .card .buttonList.subtle .button[data-action="edit"] {
	color: purple;
	font-size: 3rem;
	display: none;
}

#coverages-list #insuranceVerification .card .buttonList.subtle .button[data-action="edit"] {
	color: purple;
	font-size: 3rem;
	display: none;
}

/*#essSidebarPrice {
	display: none;
}

#essSidebarIns {
	color: black;
}

#essExcludesList {
	color: black;
}

#essIncludesList {
	color: black;
}
#essScheduledContainer {
	display: none;
}


#essReviewedContainer {
	display: none;
}


#essScheduledSection {
	display: none;
}

#essReviewedSection {
	display: none;
}

#essScheduledSection p {
	display: none;
}
*/
/*END ESTIMATE CHANGES*/




/*CLINICAL CHANGES*/

/*Adjusting background color. rylawn */
.lookup .searchinputs::after {
	background: #94a51b;
	border: 1px solid #49B863;
	content: "";
	height: calc(100% - 2px);
	position: absolute;
	right: 50%;
	width: calc(2rem - 2px);
	z-index: 9;
	top: 0;
}

/*Adjusting background color. rylawn */
.expanded #searchimg {
    position: static;
    height: 2.08rem;
    width: 2.08rem;
    padding: 0.5rem;
    margin-left: 0.5rem;
    background: #94a51b;
    display: inline-block;
}

/*END CLINICAL CHANGES*/

/* changing the docs section to not have 2 columns. rylawn 
.schedulebutton.formsection.formbuttons.floatingButtonContainer.sm-alignCenter.static.stickybanner.continueHidden {
    display: none;
}

.new.schedulebutton.formsection.formbuttons.floatingButtonContainer.sm-alignCenter.static.stickybanner.continueHidden {
    display: inherit;
}

*/