﻿/* BEGIN EPIC DELIVERED THEME CSS */
/* Generated by v85.0.3 */
/* BEGIN: SPECIAL HIDING PROPERTIES */
/* If you only want certain HTML content to display on mobile, tag it with an "OnlyMobile" class*/
.onlymobile, 
.onlyMobile, 
.Onlymobile, 
.OnlyMobile {
    display: none !important;
}  

/* If you want to only show content on a certain affiliate site, tag it with an Affiliate class, and then another class to unhide just for that affiliate. Use URL Rewrite an affiliate-specific override css file to do the unhiding.*/
.affiliate,
.Affiliate {
    display: none !important;
}

/* If you want to show something only when looking at your own chart, not in proxy mode, tag it with a "selfmode" class. If you want something to only show when looking at someone else's chart, use "proxymode" class. */
.proxyMode,
.proxymode,
.ProxyMode,
.Proxymode {
    display: none !important;
}
/* END: SPECIAL HIDING PROPERTIES */

/* BEGIN: CONFIGURABLE PRELOGIN LOGO HEIGHT */
/* Prelogin logo height is 6rem by default which can cause it to be cropped for many larger logos. Change it here. */
body.isPrelogin .logo {height: 8rem;}
body.isPrelogin .logo {background-position: center top;}   
/* END: CONFIGURABLE PRELOGIN LOGO HEIGHT */

/* BEGIN: CONFIGURABLE BACKGROUND COLOR AND BACKGROUND IMAGE */
/* NOTE: Commenting these out because they override classic print pop up background which is supposed to be white like paper */
/* Prelogin background image and color */
/*
body {
    background: hsl(180,0.5%,36.7%) url("../images/prelogin.jpg") no-repeat fixed top center / cover;
}
#content::after {
    background: hsl(180,0.5%,36.7%) url("../images/prelogin_blurred.jpg") no-repeat fixed top center / cover;
}
*/

/* Postlogin background image and color */
/*
body.isInside {
    background: hsl(180,0.5%,36.7%) url("../images/background.jpg") no-repeat fixed top center / cover;
}
body.isInside #content::after {
    background: hsl(180,0.5%,36.7%) url("../images/background_blurred.jpg") no-repeat fixed top center / cover;
}
.component.Popup > .titlebar .titlebarblurbackground::before {
    background: hsl(180,0.5%,36.7%) url("../images/background_blurred.jpg") no-repeat fixed top center / cover ;    
}
.menudetailstable.leftmenu .leftcolumn::before, 
.goalslarge .goalsleft::before, 
.TRPContainer::before {
    background: hsl(180,0.5%,36.7%) url("../images/background_blurred.jpg") repeat top left;
}
*/
/* END: CONFIGURABLE BACKGROUND COLOR AND BACKGROUND IMAGE */

/* BEGIN: BACK OUT COMMON PRE-2017 BUTTON WORKAROUNDS */
/* This section is to back out some custom CSS many customers have written directly in their custom form XML files using internal style sheets. Without this, these customizations will not look good with the new UI. */

/* Turn off custom checkbox workarounds */
body.md_showform span.radiocontainer label.radiolabel::before,
body.md_showform input.radio + label::before,
body.md_showform input.clearradio + label::before,
body.md_showform td.prob label::before,
body.md_saveform span.radiocontainer label.radiolabel::before,
body.md_saveform input.radio + label::before,
body.md_saveform input.clearradio + label::before,
body.md_saveform td.prob label::before {
    display: none !important;
}

/* Remove custom icons applied to page title */
body.md_showform div#main div.title::before,
body.md_saveform div#main div.title::before,
body.md_showform div.title h1::before,
body.md_saveform div.title h1::before {
    display: none !important;
}

/* END: BACK OUT COMMON PRE-2017 BUTTON WORKAROUNDS */


/* BEGIN: HSL BASED COLOR CHANGES FROM colors.css */


/* BEGIN: Transparency of main body */
#main,
.BeforeList input.SearchList {
	background-color: rgba(255, 255, 255, 0.88);
}
/* END: Transparency of main body */

/* BEGIN: Transparency of side bar */
#sidebar {
	background-color: rgba(255, 255, 255, 0.75);
	color: #606060;
}
/* END: Transparency of side bar */



/* @color theme - #246FB5 ~ #2470B7 = hsl(180,0.5%,36.7%) */
h1,
h2,
h3,
h4,
.header,
.heading,
.hover a.header:focus,
.hover a.header:hover,
.hover a.heading:focus,
.hover a.heading:hover,
.titlebar,
.sectionheader,
.formsection > legend,
table thead tr {
	color:  hsl(180,0.5%,36.7%); /* @color theme */  
}

/* < Slider Colors > */
.section.questionsContainer .question.HORIZSLIDER .sliderball,
.section.questionsContainer .question.VERTSLIDER .sliderball,
.slider-answer .slidersection.HORIZSLIDER .sliderball,
.slider-answer .slidersection.VERTSLIDER .sliderball {
	border-color: hsl(180,0.5%,36.7%); /* @color theme */
	background-color: rgb(255, 255, 255);
}
/* </ Slider Colors > */


#divAcpQuestionnaire .qnr-container .questiongroup .group-prompt {
	color: hsl(180,0.5%,36.7%); /* @color theme */
}

.qnr-container .text-error {
	color: red;
}

/* questionnaire overrides color for header in info popup, fix that here */
.popupiconcontainer > .popupInstructions > span.header {
	color: hsl(180,0.5%,36.7%); /* @color theme */
}


.md_questionnairelist .header,
.md_mychartquestionnaire_questionnaires .header {
	color: hsl(180,0.5%,36.7%); /* @color theme */
}



/* Custom Form question group titles */
body.md_showform .section .questiongroup > legend,
body.md_saveform .section .questiongroup > legend {
	color: hsl(180,0.5%,36.7%); /* @color theme */
}

.subheader {
	color: hsl(180,0.5%,36.7%); /* @color theme */
}

.highlight {
	background-color: #CC3443;
}

/* @color theme tint - 	rgba(36, 111, 181, 0.08) = hsla(180,0.5%,36.7%,0.08)  */
/* Hoverable Lists */
table tr.hover,
table tr td.selected,
table.hoverable tr:hover,
.section .content .hover:not(.button):not(.card),
.list.hoverable:not(.collapsible) a:not(.button):focus,
.list.hoverable:not(.collapsible) a:not(.button):hover,
.list.hoverable:not(.collapsible) li:focus,
.list.hoverable:not(.collapsible) li:hover,
.list.hoverable.collapsible a.collapsed:focus,
.list.hoverable.collapsible a.collapsed:hover,
.list.hoverable.collapsible li.collapsed:focus,
.list.hoverable.collapsible li.collapsed:focus a,
.list.hoverable.collapsible li.collapsed:hover,
.list.hoverable.collapsible li.collapsed:hover a,
.list.hoverable.collapsible li.collapsed a:focus,
.list.hoverable.collapsible li.collapsed a:hover,
.MessageList .SingleMessage.collapsed .inlinedelete:focus,
.SingleIndicator.collapsed.hover,
.listHolder > .listRow.hover,
.listHolder > .listRow.selected,
.clickable:hover,
.clickable:focus,
.clickable a:focus {
	background: linear-gradient(hsla(180,0.5%,36.7%,0.08), hsla(180,0.5%,36.7%,0.08)), #fff; /* @color theme tint */
}


/* @color link  - #00A1DB = hsl(166.7,33.3%,37.1%) */
/* Text Elements */
a,
.linkcolor,
.subtle.linkcolor {
	color: hsl(166.7,33.3%,37.1%); /* @color link */
}

/* Sometimes we have links inside of a hoverable list of cards that we want
   to keep blue (see the saved estimates workflow, screenshots in XDS 279548). */
.linkcolorOverride, .linkcolorOverride:visited {
	color: hsl(166.7,33.3%,37.1%) !important; /* @color link */
}

	/* @color link hover - #008DC9 ~ hsl(169.5,33.3%,33.5%) */
	.linkcolorOverride:focus, .linkcolorOverride:hover {
		color: hsl(169.5,33.3%,33.5%) !important; /* @color link hover */
	}

a:focus,
a:hover,
.linkcolor:focus,
.linkcolor:hover,
#calendar table td.ctrl a:hover {
	color: hsl(169.5,33.3%,33.5%); /* @color link hover */
}


/* Text highlights - some themes may have to override these when hovers are involved */
.alert,
.alertHeader,
.abnormal {
	color: #DF004F;
}

	.abnormal svg.icon {
		fill: currentColor;
	}

.overdue {
	color: #DF004F;
}

.warning {
	color: #D84000;
}

.softwarning {
	background-color: #ffffa1;
}

.warningbgcolor {
	background-color: #FFCECB;
}

.attention,
ul.MessageList .actionButtons .inlinedelete span {
	color: #D9545B;
}

.required:before {
	border-color: #CC3443 transparent transparent;
}

.statusAuthorized, /* Social Care Applications statuses */
.statusOpen, /* Social Care Applications statuses */
.positiveValue {
	color: #43A559;
}

/* @button 0091EA ~ 0091EB = hsl(180,0.5%,36.7%) */
/* Buttons */
.button,
.button:focus,
.button:hover,
ul.MessageList.list.hoverable.collapsible .SingleMessage .ReplyButton a.button {
	background-color: hsl(180,0.5%,36.7%);
}
/* Fix wrong color on right side of button caused by override of override effects */
.buttoncheck, .buttoncheck:focus, .buttoncheck:hover {background: none;background-color: rgba(0, 0, 0, 0);}

/* @button nextstep #52CC6E ~ #52CB6E = hsl(150.6,92.7%,21.6%) */
.button.nextstep,
.button.nextstep:focus,
.button.nextstep:hover {
	background-color: hsl(150.6,92.7%,21.6%);
}

.button.completeworkflow,
.button.completeworkflow:focus,
.button.completeworkflow:hover {
	background-color: hsl(150.6,92.7%,21.6%);
}
	
/* @button cancel #A9AAAA */
.button.cancelworkflow,
.button.cancelworkflow:focus,
.button.cancelworkflow:hover {
	background-color: #A9AAAA;
}

.button.cancelqnr,
.button.cancelqnr:focus,
.button.cancelqnr:hover {
	background-color: #A9AAAA;
}

.button.inlinedelete,
.button.inlinedelete:focus,
.button.inlinedelete:hover {
	background-color: #A9AAAA;
}

.button.inlineedit,
.button.inlineedit:focus,
.button.inlineedit:hover {
	background-color: hsl(180,0.5%,36.7%);
}

.button.inlinesave,
.button.inlinesave:focus,
.button.inlinesave:hover {
	background-color: hsl(150.6,92.7%,21.6%);
}

.button.disabled,
.button.disabled:focus,
.button.disabled:hover,
.button[disabled]:not(.omitdisablestyling),
.button[disabled]:focus:not(.omitdisablestyling),
.button[disabled]:hover:not(.omitdisablestyling) {
	background-color: #DBDBDB;
}

a.link.cancel {
	color: #D9545B;
}

/* Toggle Buttons & Buttonchecks */
label.togglebutton[for],
input.buttoncheck + label.buttoncheck {
	background-color: #FFF;
}

/* @button check #BFE1FF ~ #BDE0FF = hsl(180,33.3%,81.2%) */
input:checked + label.togglebutton[for],
input.buttoncheck:checked + label.buttoncheck {
	background-color: hsl(180,33.3%,81.2%);
}

input.prettycheck:checked + label:before,
input.buttoncheck:checked + label.buttoncheck:before {
	background-color: hsl(180,0.5%,36.7%);
	border-color: hsl(180,0.5%,36.7%);
}

input.buttoncheck:disabled + label,
input.prettycheck:disabled + label:before,
input.buttoncheck:disabled + label.buttoncheck:before {
	background-color: #EAEAEA;
	border-color: #DBDBDB;
}

input.buttoncheck:disabled:checked + label,
input.prettycheck:disabled:checked + label:before,
input.buttoncheck:disabled:checked + label.buttoncheck:before {
	background-color: #F2F2F2;
}


/* Back Button */
#main .back .button,
.Popup li.previouspage .previouspage.button {
	color: hsl(180,0.5%,36.7%);
}




/* Form Fields */

	select.selected {
		border-left-color: hsl(180,0.5%,36.7%); /* @color theme */
	}

/* Subway UI */
.subway,
.subway a,
.subway a:focus,
.subway a:hover {
	color: hsl(180,0.5%,36.7%); /* @color theme */
}

.line .trainrail {
	background-color: hsl(180,0.5%,36.7%); /* @color theme */
}

	/* @color theme tint - rgba(36, 111, 181, 0.5) = hsla(180,0.5%,36.7%,0.5) */
	.line .trainrail.future:not(.visited) {
		background-color: hsla(180,0.5%,36.7%,0.5); /* @color theme tint */
	}



.stops .trainstation {
	background: linear-gradient(hsla(180,0.5%,36.7%,0.5),hsla(180,0.5%,36.7%,0.5)), #fff; /* @color theme tint */
	border-color: hsl(180,0.5%,36.7%); /* @color theme */
}

.stops .now .trainstation {
	background-color: hsl(180,0.5%,36.7%); /* @color theme */
}

.stops .future:not(.visited) .trainstation {
	border-color: hsla(180,0.5%,36.7%,0.5); /* @color theme tint */
}



.list.hoverable:not(.collapsable) a.addItem,
.list.hoverable:not(.collapsable) a.addItem:hover {
	color: hsl(166.7,33.3%,37.1%); /* @color link */
}




/*Old existing code - DO NOT ADD TO THIS, CLEAN IT UP INSTEAD */


/*THINGS THAT ARE THEME COLOR*********************/
.calendar table td.today a {
	border-color: hsl(180,0.5%,36.7%); /* @color theme */
}

.ReviewMessages .BeforeList .tabs input:checked + label {
	border-bottom-color: hsl(180,0.5%,36.7%); /* @color theme */
}

#calendar table td.ctrln,
.urgent,
.PickOrganization .content > p {
	color: hsl(180,0.5%,36.7%); /* @color theme */
}

.calendar table tbody td.hi a,
.calendar .selectableevent,
.fullscreen ul.careteam li.selected:before,
.goalslarge li.goalslistelement.selected:before {
	background-color: hsl(180,0.5%,36.7%); /* @color theme */
}

/*THINGS THAT ARE BLACK ****************************/

/* @todo #268832 ~ 268731 = hsl(0,0%,0%) */
.component .todolistelement .echeckinstatus,
.todotiles .echeckinstatus {
	color: hsl(0,0%,0%);
}

.component .medicationlistelement .refilldisabledstatus {
	color: #D84000;
}

.goalssmall .goalslist .compliant {
	color: hsl(166.7,33.3%,37.1%); /* @color link */
}
/* @goalslarge #0079B7 ~ #007AB8 = hsl(170.8,33.8%,30.2%) */
.goalslarge .goalslist .compliant,
.goalslarge .chartgraph .compliant {
	color: hsl(170.8,33.8%,30.2%);
}


.medicationspopup .medcard.selected {
	box-shadow: 0 8px 9px 1px rgba(18, 113, 8, 0.4);
}

/* @redgray1 #737171 - 747272 = hsl(0,0%,20.8%) */
ul.MessageList .MessageSummary .Preview,
ul.MessageList .ExpandedSummary .Viewers .label,
ul.MessageList .SenderDetails .Date {
	color: hsl(0,0%,20.8%);
}

.multiMonthCalendar .calendarBtns a,
.multiMonthCalendar .calendarBtns a:hover,
.multiMonthCalendar .calendarBtns a:focus,
.multiMonthCalendar li.calendarBackEventBtn:before,
.multiMonthCalendar li.calendarNextEventBtn:after,
.loginalert .body .apptDateDetails,
.BeforeList .top a,
.messagefooter .loadall,
.calendar table td#calcancel a,
.ToDolist li.healthadvisory a.requestappointment:not(.button) {
	color: hsl(166.7,33.3%,37.1%); /* @color link */
}


/* @redgray2 rgba(150, 145, 145, 0.84) ~ rgba(150, 146, 146, 0.84) ~ hsla(0,0%,32.6%,0.84) */
.todolistspopup .todotiles {
	box-shadow: 0 2px 5px 0 hsla(0,0%,32.6%,0.84);
}

/* @todo-healthadvisory-purple #C786BC ~ #C785BC = hsl(310,37.1%,65.1%) */
.todotiles.healthadvisory:after {
	background-color: hsl(310,37.1%,65.1%);
}

/* @todo-appointment-blue #1180FF ~ #0F7FFF = hsl(183,33.3%,47.1%) */
.todotiles.appointment:after {
	background-color:  hsl(183,33.3%,47.1%);
}

/* @todo-order-morepurple #9657FF ~ #9A5CFF = hsl(262.5,100%,67.1%) */
.todotiles.order:after {
	background-color: hsl(262.5,100%,67.1%);
}


/* @todo-healthadvisory-purple #ECC4E5 ~ #ECC5E6 = hsl(309.2,50.6%,84.9%) */
.todotiles.healthadvisory.selected {
	box-shadow: 0 9px 18px 2px hsl(309.2,50.6%,84.9%);
}
/* todo-appointment-blue #88BEFC ~ #88BEFC = hsl(182.7,29%,70.2%) */
.todotiles.appointment.selected {
	box-shadow: 0 9px 18px 2px hsl(182.7,29%,70.2%);
}
/* @todo-order-morepurple #D9C1FF ~ #D9C2FF = hsl(262.6,100%,88%) */
.todotiles.order.selected {
	box-shadow: 0 9px 18px 2px hsl(262.6,100%,88%);
}

/* @todoweekcalendarcontent #4e9cc8 ~ #4F9CC9 = hsl(0,0%,49%) */
.todoweekcalendarcontent .event.showtime,
.todoweekcalendarcontent .event.notime .eventinner:before,
.todoweekcalendarcontent .event.notime .eventinner {
	background: hsl(0,0%,49%);
}


/* @redgray3 - #ECE4E4 ~ #ECE4E4 = hsl(180,0.6%,66.5%) */
.todotooltip, #weekcalendartooltip,
#staticeventcalendartooltip {
	box-shadow: 0 0 3px 1px hsl(180,0.6%,66.5%);
}

/*  @visittypecontainer #5579a9 ~ #557AAA = hsl(0,0%,44.3%) */
.visittypecontainer a.visitlink.request {
	color: hsl(0,0%,44.3%);
}

/* @color theme tint - 	rgba(36, 111, 181, 0.15) = hsla(180,0.5%,36.7%,0.15)  */
.loginalert .body .offertitle {
	background: linear-gradient(hsla(180,0.5%,36.7%,0.15), hsla(180,0.5%,36.7%,0.15)), #fff; /* @color theme tint */
}

/*#endregion Plan of Care Widget Styles*/
/*End of old existing code - DO NOT ADD TO THIS, CLEAN IT UP INSTEAD */

/* #region Billing - Account Summary */

/* The account card action links are large links at the bottom of each card. */
.ba_card_actions_link {
	color: hsl(180,0.5%,36.7%); /* @color theme */
}


	/* @color theme tint - 	rgba(36, 111, 181, 0.1) = hsla(180,0.5%,36.7%,0.1)  */
	.ba_card_actions_link:hover, .ba_card_actions_link:focus, .ba_card_actions_link:active {
		background-color: hsla(180,0.5%,36.7%,0.1); /* @color theme tint */
		color: hsl(180,0.5%,36.7%); /* @color theme */
	}

/* Paperless billing cards have a little corner set to green. */
.ba_card_header_paperless {
	border-top-color: #52CC6E;
	border-right-color: transparent;
}

/* #endregion Billing - Account Summary */

/* #region Billing - account details */
div.ChargeGroupContainer {
	border-left-color: hsl(180,0.5%,36.7%); /* @color theme */
}
/* #endregion Billing - account details */
/* #region Billing - Payment Pages */

.moneyColor,
.essMoneyColor,
.HARSAutopay {
	color: #43A559;
}


.payplanoverdue .paymentplanautocontainer .payplanamount {
	color: #CC3443;
}

/* #endregion */
/* #region Billing - Estimates */

/* #region Billing - Estimates - General */

.essLtrBtn:not(.nextstep) {
	background-color: hsl(180,0.5%,36.7%) !important;
}

/* #endregion */

/* #region Billing - Estimates - Saved Estimates */
div.essSuccessAlert {
	border-left-color: #43A559;
}

	div.essSuccessAlert a.essSuccessAlertClose {
		color: #88AA88;
	}

div.essEstimateCardFooter {
	border-top-color: #EAE5E5;
}

li div.essEstimateCardFooter div:first-child + div {
	border-top-color: #F0EAEA;
}

li.essJustSaved, li.essNew {
	border-color: #BFE1FF;
}

/* Delete button text should turn red when hovering or selecting. */
div.essEstimateCardButtons a:hover span, div.essEstimateCardButtons a:focus span {
	color: #CC3443;
}



/* @essPageSelectorLink #D2EBFE ~ D2EBFE = hsl(206,96%,91%) */
.essPageSelectorLink:not(.selected):not(.disabled):hover {
	background-color: hsl(177.3,29%,85.1%);
}


line.essRangeMidpoint {
	stroke: #43A559;
	fill: #43A559;
}

.line-label--avg {
	color: #43A559;
}

/* A color to call out if a maximum-out-of-pocket line is being hit. */
.essMOOPHit {
	color: #FF7733;
}

div.essWarningCard {
	border-left-color: #CC4433;
}			
@keyframes redFlash {
	from {
		background-color: #CC4433;
	}

	to {
		background-color: #FFFFFF;
	}
}
div.essInfoCard {
	border-left-color: hsl(180,0.5%,36.7%);
}


/* @essManuallySet #4F89D6 ~ 4D88D5 = hsl(0,0%,51%) */
/* @essManuallySet #F0F4FC - EEF3FC = hsl(180,4%,90.2%) */
input.essManuallySet {
	border-color: hsl(0,0%,51%);
	background-color: hsl(180,4%,90.2%);
}

	input.essManuallySet:focus {
		border-color: hsl(0,0%,51%);
	}

input.essInvalidEntry {
	border-color: #FF3A35;
	background-color: #FFCECB;
}

	input.essInvalidEntry:focus {
		border-color: #FF3A35;
	}

.list.hoverable li.essSlideshowCard p.essSlideshowCardMuted a {
	color: hsl(180,0.5%,36.7%);
}

/* #endregion */

.list.hoverable li.essSlideshowCard p.essSlideshowCardMuted a {
	color: #0091EA;
}

/*Messaging*/

.ReviewMessages .messageheader .filters {
	background-color: hsla(180,0.5%,36.7%,0.05); /* @color theme tint */
}



/*#region BedsideMessages*/
.messagebackgrounduser {
	background: #D3ECAF;
	border-color: #B8E07C;
}

/*#endregion BedsideMessages*/



/*Member tabs*/
.membertab.selected {
	border-color: hsl(180,0.5%,36.7%) hsl(0,0%,77%) transparent; /* @color theme */
}


/*#region Scheduling */
.button[data-type=workflow]:hover,
.button[data-type=workflow]:focus {
	background-color: hsl(177.7,27.8%,37.4%);
}

.slot {
	background-color: hsl(150.6,92.7%,21.6%);
}

	/* @slot #2F9D49 ~ #2F9D49 = hsl(151.1,93.1%,5.7%) */
	.slot.selected,
	html:not(.mobile) .slot:hover,
	html:not(.mobile) .slot:focus {
		background-color: hsl(151.1,93.1%,5.7%);
        color: #fff;
	}


/* @color theme tint - 	rgba(36, 111, 181, 0.05) = hsla(180,0.5%,36.7%,0.05)  */
.requestheader {
	background-color: hsla(180,0.5%,36.7%,0.05); /* @color theme tint */
}


/* @apptDeptInstructions #EDF7FE ~ #ECF6FE = hsl(175,24%,90.2%) */
.apptDeptInstructions .section.flat {
	background-color: hsl(175,24%,90.2%);
}

.summary .titlebar,
.sidebarlinks .titlebar {
	background-color: hsl(180,0.5%,36.7%); /* @color theme */
}



/* @color theme tint - 	rgba(36, 111, 181, 0.1) = hsla(180,0.5%,36.7%,0.1)  */
	a.summaryInfo:hover, a.summaryInfo.summaryActive {
		background-color:  hsla(180,0.5%,36.7%,0.1); /* @color theme tint */
	}

.summaryInfo.summaryActive .subtle.edit, .summaryInfo.summaryComplete .subtle, .summaryInfo.summaryIncomplete .subtle {
	color: hsl(180,0.5%,36.7%); /* @color theme */
}

.summaryInfo .subtle.editText {
	color: hsl(180,0.5%,36.7%);
}

.summaryInfo:before {
	background-color: hsl(180,0.5%,36.7%); /* @color theme */
}

/* summaryInfo #3A9BE5 rgba(58, 155, 229, 0.0) ~ 389AE5 = hsla(177.8,10.6%,50%,0) */
.summaryInfo.summaryActive {
	background-color: hsla(177.8,10.6%,50%,0);
}

.sidebyside .providerstep::after {										
	color: hsl(180,0.5%,36.7%); /* @color theme */
}

/* #3170aa ~ #3170AA = hsl(0,0%,37.2%) */
#scheduling-workflow .banner::before {
	background-color: hsl(0,0%,37.2%);
}

#standardworkflowselector > .separator > p {
	color: hsl(180,0.5%,36.7%); /* @color theme */
}

#standardworkflowselector > .separator > .line {
	background-color: #ddd;
}

/* #EBF2F9 ~ #EBF2F9 = hsla(0,0%,89%,0.2) */
#scheduling-workflow .favoriteContainer {
	background-color: hsla(0,0%,89%,0.2);
}

/* @colorhelptip - #E6F8FE ~ #E7F8FE = hsl(164,27.3%,89.2%)  */
.card.helptip.secondarycolor {
	background-color: hsl(164,27.3%,89.2%);														
}

/* @color theme tint - 	rgba(36, 111, 181, 0.2) = hsla(180,0.5%,36.7%,0.2)  */
.summary {
	border-top: 0.2rem solid hsla(180,0.5%,36.7%,0.2); /* @color theme tint */
}


/* summaryInfo #3A9BE5 rgba(58, 155, 229, 1) ~ 389AE5 = hsla(177.8,10.6%,50%,1) */
.summaryInfo {
	border-top: 0px solid hsla(177.8,10.6%,50%,1);
}

/* summaryInfo #3A9BE5 rgba(58, 155, 229, 0.5) ~ 389AE5 = hsla(177.8,10.6%,50%,0.5) */
	.summaryInfo.summaryActive.summaryIncomplete {
		border-top: 0px solid hsla(177.8,10.6%,50%,0.5);
	}



/*#region On My Way*/
/* @onmyway #0778D6 ~ #0778D6 = hsl(177.7,27.8%,37.4%) */
#onMyWayPopup .walkInButton:hover:not([disabled]),
#onMyWayPopup .walkInButton:focus:not([disabled]) {
	background-color: hsl(177.7,27.8%,37.4%);
}

/*#endregion*/

/*#region Self Triage*/

/* @selfTriage #97CEEA ~ #95CDE9 = hsl(0,0%,69%) */
.selfTriage .helperSection.narrowSymptoms:after,
.selfTriage .helperSection.nextSteps:after {
	border-color: hsl(0,0%,69%);
}

.selfTriage .actionNodeWorkflow .actionNode .successStatus .successMessage {
	color: #438359;
}

/* #5D5E5E */
.selfTriage .pastTriage .date {
	color: #5D5E5E;
}

/*#endregion*/


/*#region Self Triage*/
#dt-container .dtbanner {
	background-color: #FEFCD8;
}
/*#endregion*/

/*#region Decision Trees*/
#dt-container .dtbanner {
	background-color: #FEFCD8;
	border-color: #CCC;
}
/*#endregion*/

/*#region upload widget*/
.upload--limit-reached {
	color: #CC3443;
}
/*#endregion*/

/*#region upload widget*/
.upload--limit-reached {
	color: #CC3443;
}
/*#endregion*/

/*#region Campaigns*/
.buttonReplacementText {
	color: #43A559;
										  
}

/*#endregion*/

.refill-workflow .card.refill-disabled .medmessage {
	background-color: #8B969D;
}

.refill-workflow .medcard.refill-disabled * {
	color: #8B969D;
}
.medcard .selection-disabled .cardline.medmessage {
	background-color: #8B969D;
}

.section .rxholder .rx .rxsig.temporary { 
	background-color: #ffffa1;		  
}

.medcard .selection-enabled input[type=checkbox] + label svg {
	fill: #8B969D;	 
}


.medcard .med-selection-box .selection-disabled svg {
	fill: #8B969D;
}
/* END: HSL BASED COLOR CHANGES FROM colors.css */

/* BEGIN: HSL BASED COLOR CHANGES FROM rx.css */

/* highlight on hover on checkbox*/
.medcard .selection-enabled input[type=checkbox] + label svg:hover {
	fill: hsl(180,0.5%,36.7%);
}

/* highlight on tab focus on checkbox*/
/* #9ECAED ~ #9CC8ED = hsl(180,3.4%,71.2%) */
.med-selection-box input[type="checkbox"]:focus + label svg {
    box-shadow: 0 0 10px hsl(180,3.4%,71.2%);
}

.medcard .selection-enabled input[type=checkbox]:checked + label svg {
	fill: hsl(180,0.5%,36.7%);
									  
}

.refill-workflow .medications-step .medcard.selected {
    border: 1px solid hsl(180,0.5%,36.7%);
}

/* END: HSL BASED COLOR CHANGES FROM rx.css */


/* BEGIN: HSL BASED COLOR CHANGES FROM AdvancedCarePlanning.css */
#divHCAs .divHCATitle img {
    background-color: hsl(180,0.5%,36.7%); /* @color theme */
}
.hca-content.card .cardline.hca-activestatus.active {
    background-color: #cce9cf;
    border-color: #99da9e;
}
/* END: HSL BASED COLOR CHANGES FROM AdvancedCarePlanning.css */

/* BEGIN: HSL BASED COLOR CHANGES FROM cards.css */
.card .cardheader
{
	background: linear-gradient(hsla(180,0.5%,36.7%,0.15), hsla(180,0.5%,36.7%,0.15)), #fff;  /* @color theme tint */
}
/* Receipt-Style */
.receipt .titlebar
{
	background: hsl(180,0.5%,36.7%) none; /* @color theme */
}
.receipt .receiptsection .receiptline.name
{
	color: hsl(180,0.5%,36.7%); /* @color theme */
}
/* Help tip style */
.card.helptip
{
	background: url("../images/info.png") no-repeat scroll 0.7rem center #FEFDE5;
	background-size: 2rem 2rem;
}
/* END: HSL BASED COLOR CHANGES FROM cards.css */




/* BEGIN: HSL BASED COLOR CHANGES FROM billing.css */
div.OutstandingBalanceHeader {
	color: hsl(182.4,12.6%,39%);
}
/* END: HSL BASED COLOR CHANGES FROM billing.css */

/* BEGIN: HSL BASED COLOR CHANGES FROM esignwidget.css */
#documenttable .document .sign-later input:focus
{
	border: 3px solid hsl(185.4,10.7%,40.4%);
}

#popupFooter
{
	border-color: hsl(185.4,10.7%,40.4%);
}

input.button.sign-later 
{
	color: hsl(193.2,31.8%,42%);
	border: 1px solid hsl(185.4,10.7%,40.4%);
}

.checkboxClickArea
{
	border: 1px solid hsl(185.4,10.7%,40.4%);
	background-color: #F1F1F1;
}

/* END: HSL BASED COLOR CHANGES FROM esignwidget.css */


/* BEGIN: HSL BASED COLOR CHANGES FROM documents.css */
tr.clickable.selectedVisitRecord
{
	background-color: hsla(180,0.5%,36.7%,0.2); /* @color theme tint */
}
li.listheaderelement {
	background-color: hsl(180,0.5%,36.7%); /* @color theme */
	color: #FFF;
}

.previewCCD .previewPopupMulti .listelement.selected {
	background-color: hsla(170.2,33.9%,75.1%,0.5);
}

.listelement .date div {
	color: #5D5E5E;
}

/* END: HSL BASED COLOR CHANGES FROM documents.css */

/* BEGIN: HSL BASED COLOR CHANGES FROM visits.css */
.Visits .date div, .visitdetails .date div {
    color: #5D5E5E;
}
.md_visitdetails_index div.providerphotocontainer a:hover .providerphoto {
	border-color: hsl(180,0.5%,36.7%);
}
.md_visitdetails_index div.triangle {
	border-color: transparent transparent hsl(175,24%,90.2%) transparent;
}

.md_visitdetails_index div.visitinformation {
	background-color: hsl(175,24%,90.2%);
}
label.filterButton {
	color: hsl(166.7,33.3%,37.1%); /* @color link */
}
	label.filterButton:hover {
		color: hsl(169.5,33.3%,33.5%); /* @color link hover */
	}
label.clearButton {
	color: hsl(180,0.5%,36.7%);
}
/* #1E90FF ~ #1F8FFF = hsl(181.4,33.9%,50.2%) */
.dropdown-content tr:hover td.optionCell > label {
	color: white;
	background-color: hsl(181.4,33.9%,50.2%);
}
.optionCell > input:focus + label {
	color: white;
	background-color: hsl(181.4,33.9%,50.2%);
}

/* END: HSL BASED COLOR CHANGES FROM visits.css */



/* BEGIN: HSL BASED COLOR CHANGES FROM theme.css */




/* BEGIN: HSL BASED COLOR CHANGES FROM highconstrast.css */

/* @color link  - #006FCA ~ #0070CC = hsl(177.9,33.3%,34.1%) */
/* Darken link text */
[data-altstylesheet="High Contrast"] a,
[data-altstylesheet="High Contrast"] .linkcolor,
[data-altstylesheet="High Contrast"] .subtle.linkcolor,
[data-altstylesheet="High Contrast"] #sidebar .recovery a,
[data-altstylesheet="High Contrast"] #sidebar .component.medicationslist .pickupbanner,
[data-altstylesheet="High Contrast"] #sidebar .component.medicationslist .pendingupdates,
[data-altstylesheet="High Contrast"] .visitinformation a:not(.button),
[data-altstylesheet="High Contrast"] .apptDeptInstructions .section.flat a:not(.button),
[data-altstylesheet="High Contrast"] .medbottom .medinfocolumn a,
[data-altstylesheet="High Contrast"] .softwarning a:not(.button) {
	color: hsl(177.9,33.3%,34.1%);
}
[data-altstylesheet="High Contrast"] .linkcolorOverride {
	color: hsl(177.9,33.3%,34.1%) !important; /* @color link */
}

/* @color link hover  -  #005EAC ~ #005FAD = hsl(177.6,34.3%,28%) */
[data-altstylesheet="High Contrast"] a:hover {
	color: hsl(177.6,34.3%,28%); /* @color link hover */
}
[data-altstylesheet="High Contrast"] .linkcolorOverride:hover {
	color: hsl(177.6,34.3%,28%) !important; /* @color link hover */
}
/***/

/* Darken Fill in Progress status test */
[data-altstylesheet="High Contrast"] .component .medicationlistelement .refilldisabledstatus {
	color: #C53B00;
}


/* @color theme shade  -  #1D6CB6 ~ #1C6BB5 = hsl(180,7.3%,35.1%) */
/* Darken sidebar headers */
[data-altstylesheet="High Contrast"] #sidebar .header {
	color: hsl(180,7.3%,35.1%); /* @color theme shade */
}
/* Unless it's on a colored titlebar already */
[data-altstylesheet="High Contrast"] #sidebar .header.titlebar {
	color: #FFF;
}

/* @Darken datestamp  -  #0778D6 ~ #0778D5 = hsl(177.7,27.8%,37.4%) */
/* Darken datestamp */
[data-altstylesheet="High Contrast"] .Visits .card .date div,
[data-altstylesheet="High Contrast"] .previewCCD .listelement .date div {
	color: hsl(177.7,27.8%,37.4%);
}
/***/

/* Darken green text */
[data-altstylesheet="High Contrast"] body .moneyColor,
[data-altstylesheet="High Contrast"] body .essMoneyColor,
[data-altstylesheet="High Contrast"] body .HARSAutopay,
[data-altstylesheet="High Contrast"] body .payplannormal .paymentplanautocontainer .payplanamount.nopayment {
	color: hsl(0,0%,0%);
}

/* Med Refill Workflow Specific*/
[data-altstylesheet="High Contrast"] .rxReviewCards .reviewCostContainer.moneyColor {
	color: black;
}

[data-altstylesheet="High Contrast"] .rxReviewCards {
	border: 1px solid #e0e0e0;
}



/* Lessen the transparent background effect and remove some background colors */
[data-altstylesheet="High Contrast"] #main,
[data-altstylesheet="High Contrast"] .BeforeList input.SearchList,
[data-altstylesheet="High Contrast"] body .card.addItem {
	background-color: #fff;
}

[data-altstylesheet="High Contrast"] #sidebar {
	background-color: rgba(255, 255, 255, 0.92);
}

[data-altstylesheet="High Contrast"] body .signupContainer .card.loginContainer {
	background: #fff;
}

[data-altstylesheet="High Contrast"] body .application {
	background: #fff;
}
/***/
/* @color theme tint - 	rgba(36, 111, 181, 0.05) = hsla(180,0.5%,36.7%,0.05)  */
/* Darken fixed table header cell background (e.g. test result detail past results table)*/
[data-altstylesheet="High Contrast"] body .section .chart .tableOverlay table tr th.fixed {
	background: linear-gradient(hsla(180,0.5%,36.7%,0.05), hsla(180,0.5%,36.7%,0.05)), #fff; /* @color theme tint */
}
/***/

/* @ToDo calendar -  #257DB1 ~ #257EB1 = hsl(0,0%,36.1%) */
/* Darken ToDo calendar items */
[data-altstylesheet="High Contrast"] .todoweekcalendarcontent .event.showtime,
[data-altstylesheet="High Contrast"] .todoweekcalendarcontent .event.notime .eventinner:before,
[data-altstylesheet="High Contrast"] .todoweekcalendarcontent .event.notime .eventinner {
	background: hsl(0,0%,36.1%);
}
/***/
/* Darken inactive side tab (e.g. Download My Record download popup) */
[data-altstylesheet="High Contrast"] div.section div.sidetab ul.sectiontabs li:not(.selected) {
	background: #f1f1f1;
	color: hsl(177.9,33.3%,34.1%);
}





/* Add borders around form elements */
[data-altstylesheet="High Contrast"] input, 
[data-altstylesheet="High Contrast"] select, 
[data-altstylesheet="High Contrast"] textarea,
[data-altstylesheet="High Contrast"] .terms,
[data-altstylesheet="High Contrast"] label.togglebutton[for],
[data-altstylesheet="High Contrast"] input.buttoncheck + label.buttoncheck,
[data-altstylesheet="High Contrast"] .TestResultsHeader .BeforeTestResultsList input.SearchList,
[data-altstylesheet="High Contrast"] .messageheader .BeforeList input.SearchList,
[data-altstylesheet="High Contrast"] .messageheader .BeforeList select,
[data-altstylesheet="High Contrast"] .lookup .searchinputs input[type="text"] {
	border: 1px solid #aaa;
}

[data-altstylesheet="High Contrast"] .messageheader .BeforeList select {
	box-shadow: none;
}
/***/


/* Add borders to card-like elements and tables */
[data-altstylesheet="High Contrast"] .card:not(.SingleResult),
[data-altstylesheet="High Contrast"] .accountBadge,
[data-altstylesheet="High Contrast"] #calendar table,
[data-altstylesheet="High Contrast"] .section table[id],
[data-altstylesheet="High Contrast"] .TestResultsList,
[data-altstylesheet="High Contrast"] ul.MessageList,
[data-altstylesheet="High Contrast"] .HPcell.component > .content,
[data-altstylesheet="High Contrast"] .component.pocdefault > a.viewmore,
[data-altstylesheet="High Contrast"] .stepContainer .filterControl .filterValue,
[data-altstylesheet="High Contrast"] ul li.HARForPayment:first-of-type {
	border: 1px solid #e0e0e0;
}
/***/

/* Popup titlebar */
[data-altstylesheet="High Contrast"] .component.Popup > .titlebar {
	background-color: rgba(255, 255, 255, 0.925);
	border-bottom: 1px solid #e0e0e0;
}
/***/

/* My Conditions condition dropdown */
[data-altstylesheet="High Contrast"] .flyoutprompt {
	background-color: hsl(177.7,27.8%,37.4%);
}

[data-altstylesheet="High Contrast"] .flyoutitem {
	color: hsl(177.7,27.8%,37.4%);
}
/***/


/* Darken edit icon (e.g. add health issue popup) */
[data-altstylesheet="High Contrast"] img[src*="edit.png"] {
	background-image: url('../images/edit_HC.png');
	background-size: contain;
	background-repeat: no-repeat;
	padding: 10px;
	width: 20px;
}
/***/


/* @actiongreen -  #178935 ~ #178735 = hsl(0,0%,0%) */
/* Darken autopay badge (new Billing Accounts Summary) */
[data-altstylesheet="High Contrast"] .ba_card_header_paperless {
	border-top-color: hsl(0,0%,0%);
}
/***/


[data-altstylesheet="High Contrast"] .button:not(.buttoncheck),
[data-altstylesheet="High Contrast"] .button:not(.buttoncheck):focus,
[data-altstylesheet="High Contrast"] .button:not(.buttoncheck):hover,
[data-altstylesheet="High Contrast"] ul.MessageList.list.hoverable.collapsible .SingleMessage .ReplyButton a.button {
	background-color: hsl(177.7,27.8%,37.4%);
}

[data-altstylesheet="High Contrast"] .button.nextstep,
[data-altstylesheet="High Contrast"] .button.nextstep:focus,
[data-altstylesheet="High Contrast"] .button.nextstep:hover {
	background-color: hsl(0,0%,0%);
}

[data-altstylesheet="High Contrast"] .button.completeworkflow,
[data-altstylesheet="High Contrast"] .button.completeworkflow:focus,
[data-altstylesheet="High Contrast"] .button.completeworkflow:hover {
	background-color: hsl(0,0%,0%);
}

/* Red cancel button */
[data-altstylesheet="High Contrast"] .button.cancelworkflow,
[data-altstylesheet="High Contrast"] .button.cancelworkflow:focus,
[data-altstylesheet="High Contrast"] .button.cancelworkflow:hover,
[data-altstylesheet="High Contrast"] .button.cancelqnr,
[data-altstylesheet="High Contrast"] .button.cancelqnr:focus,
[data-altstylesheet="High Contrast"] .button.cancelqnr:hover {
	background-color: hsl(353,61%,54%);
}

/* Red delete button */
[data-altstylesheet="High Contrast"] .button.inlinedelete,
[data-altstylesheet="High Contrast"] .button.inlinedelete:focus,
[data-altstylesheet="High Contrast"] .button.inlinedelete:hover {
	background-color: hsl(353,61%,54%);
}

[data-altstylesheet="High Contrast"] .button.inlineedit,
[data-altstylesheet="High Contrast"] .button.inlineedit:focus,
[data-altstylesheet="High Contrast"] .button.inlineedit:hover {
	background-color: hsl(177.7,27.8%,37.4%);
}

[data-altstylesheet="High Contrast"] .button.inlinesave,
[data-altstylesheet="High Contrast"] .button.inlinesave:focus,
[data-altstylesheet="High Contrast"] .button.inlinesave:hover {
	background-color: hsl(0,0%,0%);
}


/* Fix high contrast button color override standard white */
[data-altstylesheet="High Contrast"] .button, 
[data-altstylesheet="High Contrast"] .button:focus, 
[data-altstylesheet="High Contrast"] .button:hover, 
[data-altstylesheet="High Contrast"] ul.MessageList.list.hoverable.collapsible .SingleMessage .ReplyButton a.button {
    color: white;
}

/* Fix high contrast button override background color in calendars */
[data-altstylesheet="High Contrast"] .multiMonthCalendar .calendarBtns a, 
[data-altstylesheet="High Contrast"] .multiMonthCalendar .calendarBtns a:hover {
    background: none;
    box-shadow: none;
}

[data-altstylesheet="High Contrast"] .button.disabled,
[data-altstylesheet="High Contrast"] .button.disabled:focus,
[data-altstylesheet="High Contrast"] .button.disabled:hover,
[data-altstylesheet="High Contrast"] .button[disabled],
[data-altstylesheet="High Contrast"] .button[disabled]:focus,
[data-altstylesheet="High Contrast"] .button[disabled]:hover {
    background-color: #DBDBDB;
    color: #565656;
}

[data-altstylesheet="High Contrast"] #main .back .button {
	color: hsl(177.7,27.8%,37.4%);
}


[data-altstylesheet="High Contrast"] body .stepContainer .openingsData .slotslist .slotdetailaction.selected,
[data-altstylesheet="High Contrast"] body .lookup .searchinputs:after,
[data-altstylesheet="High Contrast"] body .lookup .expanded #searchimg {
	background-color: hsl(0,0%,0%);
	border-color: hsl(0,0%,0%);
}
/***/
/* Lists */
[data-altstylesheet="High Contrast"] .list.collapsible > * {
	border-color: #AAA;
	border-style: solid solid none;
	border-width: 1px 1px 0;
}

[data-altstylesheet="High Contrast"] .list.collapsible > :last-child {
	border-bottom: 1px solid #AAA;
}

[data-altstylesheet="High Contrast"] .listHolder {
	border: 1px solid #e0e0e0;
}
/***/

/* Scheduling */
[data-altstylesheet="High Contrast"] body .stepcontainer.selectionmade:not(:hover):not(.active) {
	opacity: 1;
	box-shadow: 0 4px 4px -1px rgba(0, 0, 0, 0.2);
}

[data-altstylesheet="High Contrast"] body .slot {
	color: hsl(177.9,33.3%,34.1%);
}
/***/

/* New Scheduling */

/* @slotgreen -  #267d3b ~ #267d3b = hsl(0,0%,0%) */
[data-altstylesheet="High Contrast"] body #scheduling-workflow a.slot:not(:hover),
[data-altstylesheet="High Contrast"] body #selftriage-triage-workflow a.slot:not(:hover) {
	color: #FFF;
	background-color: hsl(0,0%,0%);
}

[data-altstylesheet="High Contrast"] .verificationTab, 
[data-altstylesheet="High Contrast"] .verificationTab:hover, 
[data-altstylesheet="High Contrast"] #scheduling-workflow .summaryInfo .summarySpan > .subtle.editText {
	color: #000;
}

[data-altstylesheet="High Contrast"] a.expandrequestoptions, 
[data-altstylesheet="High Contrast"] a.loadanotherweekbutton {
	color: hsl(177.7,27.8%,37.4%);
}

[data-altstylesheet="High Contrast"] .requestheader {
	background-color: #FFF;
}

/***/

/* On My Way */
[data-altstylesheet="High Contrast"] body #onMyWayPopup .slot:not(:hover) {
	color: #FFF;
	background-color: hsl(0,0%,0%);
}

/* @onmywaygreenfocus -  #2F9D49 ~ #2F9D49 = hsl(151.1,93.1%,5.7%) */
[data-altstylesheet="High Contrast"] body #onMyWayPopup .slot:focus {
	background-color: hsl(151.1,93.1%,5.7%);
}

[data-altstylesheet="High Contrast"] body #onMyWayPopup .slotDropdown {
	border-color: #000;
}

[data-altstylesheet="High Contrast"] body #onMyWayPopup .walkInButton:hover:not([disabled]),
[data-altstylesheet="High Contrast"] body #onMyWayPopup .walkInButton:focus:not([disabled]) {
	background-color: hsl(180,0.5%,36.7%);
}

[data-altstylesheet="High Contrast"] .positiveValue {
	color: #337c43;
}
/***/

/*****************************/
/* Badge Color               */
/*   1.Financial Assistance  */
/*   2.DOCUMENT WIDGET       */
/*****************************/
[data-altstylesheet="High Contrast"] body .case .trackerStatus.Pending .trackerBadge,
[data-altstylesheet="High Contrast"] body .case .trackerStatus.OpenCase .trackerBadge,
[data-altstylesheet="High Contrast"] #viewdocumentwidget .Status span.pendingDocBadge,
[data-altstylesheet="High Contrast"] #viewdocumentwidget .docinfo span.pendingDocBadge {
	background: none;
	border: 1px solid #FFA020;
	color: #000;
}

[data-altstylesheet="High Contrast"] body .case .trackerStatus.Approved .trackerBadge {
	background-color: hsl(0,0%,0%);
}

[data-altstylesheet="High Contrast"] #viewdocumentwidget .Status {
	line-height: 1.5rem;
}

/* Questionnaire List */
[data-altstylesheet="High Contrast"] body.md_mychartquestionnaire_questionnaires .assigned_qnr_description, 
[data-altstylesheet="High Contrast"] body.md_mychartquestionnaire_questionnaires .optional_qnr_description {
	color: #000;
}

[data-altstylesheet="High Contrast"] body.md_mychartquestionnaire_questionnaires .section.questionsContainer .tbContainer > input:focus + label[for] {
	text-decoration: underline;
	border: 1px solid #000;
}
/***/

/* Test Results Widget */
[data-altstylesheet="High Contrast"] .componentDataTable .refRangeGraph .ptMid {
	stroke: hsl(0,0%,0%);
}

[data-altstylesheet="High Contrast"] .componentDataTable .refRangeGraph .ptLeft, .componentDataTable .refRangeGraph .ptRight {
	stroke: #857700;
}

[data-altstylesheet="High Contrast"] .TRPTimelineList .timeLineDetails .testResultAndComponents li.TRPComponentHeader,
[data-altstylesheet="High Contrast"] .dashboardComponentCard {
	border: 1px #d3d3d3 solid;
	border-collapse: collapse;
}

[data-altstylesheet="High Contrast"] .TRPComponentHeader .nameColumn {
	color: #000000;
}
/***/
/* Financial Assistance */
[data-altstylesheet="High Contrast"] body .tracker.Pending .trackerStatus .trackerBadge,
[data-altstylesheet="High Contrast"] body .tracker.OpenCase .trackerStatus .trackerBadge {
	background: none;
	border: 1px solid #FFA020;
	color: #000;
}

[data-altstylesheet="High Contrast"] body .tracker.Approved .trackerStatus .trackerBadge {
	background-color: hsl(0,0%,0%);
}
/***/


/** Health Advisories **/
[data-altstylesheet="High Contrast"] div.hmt-item-card > div.hmt-previously-done > div {
	color: #000000 !important;
}

/**Ellipsis Control **/
[data-altstylesheet="High Contrast"] .ellipsisControl > a.ellipsisControl-caret:after {
	border-top-color: #000000 !important;
}

[data-altstylesheet="High Contrast"] .ellipsisControl.ellipsisControl-no-ellipsis > a.ellipsisControl-caret:after {
	border-top-color: transparent !important;
	border-bottom-color: #000000 !important;
}

/*** VISITS PAGE ***/
/*new extended bar color*/
[data-altstylesheet="High Contrast"] div.filters.extendedBar {
	background-color: hsla(180,0.5%,36.7%,0.05) !important; /*@ color theme tint */
}

/*date on cards*/
[data-altstylesheet="High Contrast"] .noShowCanceledShiftedCard > .date > div {
	color: black !important;
}

[data-altstylesheet="High Contrast"] label.filterButton {
	color: hsl(177.9,33.3%,34.1%) !important;
}

[data-altstylesheet="High Contrast"] label.clearButton {
	color: hsl(177.9,33.3%,34.1%) !important;
}

/* Self-Triage */
[data-altstylesheet="High Contrast"] .selfTriage .landingPage .inProgressStatus .status {
	background: none;
	border: 1px solid #FFA020;
	color: #000;
}

/*#region Medications */
[data-altstylesheet="High Contrast"] .medcard .selection-enabled input[type=checkbox] + label svg,
[data-altstylesheet="High Contrast"] .medcard .med-selection-box .selection-disabled svg {
	fill: #666666;
}

[data-altstylesheet="High Contrast"] #MedicationForm .formbuttons {
	background-color: rgb(255, 255, 255);
}


/*#region Subway UI */
[data-altstylesheet="High Contrast"] .subway.scrollable .nav div {
	background-color: rgb(115, 115, 115) !important;
}
/*#endregion*/

/* Fix esignature Review Later Button Issues */
[data-altstylesheet="High Contrast"] input.button.sign-later, 
[data-altstylesheet="High Contrast"] input.button.sign-later:hover, 
[data-altstylesheet="High Contrast"] input.button.sign-later:focus {
    background-color: white;
    color: hsl(185.4,10.7%,40.4%);
}

/* END: HSL BASED COLOR CHANGES FROM highconstrast.css */

/* RLD white background prelogin */

#main,.BeforeList input.SearchList {
    background-color: #FFFFFF !important;
}

#sidebar {
    background-color: #FFFFFF !important;
	
}

/* END RLD white background prelogin */

/* END EPIC DELIVERED THEME CSS */

/* 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. */




/* CWH logos for prelogin features and postlogin what's new. Edited by TSK 11/11/19 */

#features .icon-advice {
    background: rgba(0, 0, 0, 0) url(../images/quicklinks/appointments.png) no-repeat;
}

#features .icon-testResults {
    background: rgba(0, 0, 0, 0) url(../images/quicklinks/health_record.png) no-repeat;
}

#features .icon-medications {
    background: rgba(0, 0, 0, 0) url(../images/quicklinks/notifications.png) no-repeat;
}

#features .icon-calendar {
    background: rgba(0, 0, 0, 0) url(../images/quicklinks/estimates.png) no-repeat;
}

/* above is prelogin icons, below is post-login "what's new" */

.component .news .newscard.videoVisits {
    background-image: url(../images/quicklinks/notifications.png);
	background-position: 48px;
	background-size: 64px;
}

.component .news .newscard.careEverywhere {
    background-image: url(../images/quicklinks/downloadmyrecord.png);
	background-size: 64px;
	background-position: 48px;
}

.component .news .newscard.devices {
    background-image: url(../images/quicklinks/account_summary.png);
	background-size: 64px;
	background-position: 48px;
}

/* END CWH logos for prelogin features and postlogin what's new */

/* Start CWH - suppress visit selection in bill pay */

.pmtHARSelectionSection {
		display: none;
}

/* END CWH suppress visit selection in billpay */

/* footer logo on RHS of every page */

@media (min-width: 1300px) {
	#sidebar {
		background: url(https://mychart.institute.org/MyChart/en-US/images/IFHLogo.jpg) no-repeat center bottom;
		background-size: 84px;
		border-bottom: 48px solid transparent;
	}
}

/* end footer logo */


/* CWH End-of-Life Planning customizations */

.md_caredecision_index .jumbotron {
	background: none;
}

.md_caredecision_index .jumbotron-text {
	font-style: normal;
	text-shadow: none;
	color: #000000;
	font-size: 1rem;
	font-weight: 100;
}

.md_caredecision_index .jumbotron-text-container {
	width: 60%;
	bottom: 6rem;
}	

.md_caredecision_index .jumbotron-text-flair {
	/*width: 15px;
	height: 15px;*/
	opacity: 1;
	position: absolute;
	background-size: contain;
}

.top-left-flair {
	background: none;
}

.bottom-right-flair {
	background: none;
}




/* end eol planning customizations */


/* begin TSK IFH addition */

/* begin Instamed EPP configuration */
body #extPmtPageFrame {
height: 55em;
overflow-y: visible;
}
body #guestPay-content #extPmtPageFrame {
height: 38rem;
overflow-y: visible;
}
body #guestPay-content.formbuttons {
margin-bottom: 5rem;
}
/* end Instamed EPP configuration */

/* begin hide Financial Assistance comment box */
div#AdditionalInfo {
                display: none;
                visibility: hidden;
}

/* end hide Financial Assistance comment box */

/* begin hide initial appt instructions before scheduling */
.apptDeptInstructions{
                display: none ;
                visibility: hidden ;
}

/* end hide initial appt instructions before scheduling */

/* begin 3/3/20 - Epic recommended insert to make sure /images/logo.png does not get replaced with the Epic default */
#graphicHeader:not(:empty) #header_logo .header_logo_link {
background: transparent url("../images/logo.png") no-repeat scroll center/contain;
display: block;
height: 2.5rem;
width: 100%;
} 
/* end 3/3/20 - Epic recommended insert to make sure /images/logo.png does not get replaced with the Epic default */

/* end TSK IFH addition */









