/* BEGIN EPIC DELIVERED THEME CSS */
/* 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 */
/* Prelogin background image and color */
body {
  background: hsl(184.3, 100%, 32.6%) url("../images/prelogin.jpg") no-repeat fixed top center/cover;
}

#content::after {
  background: hsl(184.3, 100%, 32.6%) url("../images/prelogin_blurred.jpg") no-repeat fixed top center/cover;
}

/* 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(184.6,100%,20.4%) */
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(184.6, 100%, 20.4%); /* @color theme */
}

#divAcpQuestionnaire .qnr-container .questiongroup .group-prompt {
  color: hsl(184.6, 100%, 20.4%); /* @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(184.6, 100%, 20.4%); /* @color theme */
}

.md_questionnairelist .header,
.md_mychartquestionnaire_questionnaires .header {
  color: hsl(184.6, 100%, 20.4%); /* @color theme */
}

/* Custom Form question group titles */
body.md_showform .section .questiongroup > legend,
body.md_saveform .section .questiongroup > legend {
  color: hsl(184.6, 100%, 20.4%); /* @color theme */
}

.subheader {
  color: hsl(184.6, 100%, 20.4%); /* @color theme */
}

.highlight {
  background-color: #CC3443;
}

/* @color theme tint - 	rgba(36, 111, 181, 0.08) = hsla(184.6,100%,20.4%,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(184.6, 100%, 20.4%, 0.08), hsla(184.6, 100%, 20.4%, 0.08)), #fff; /* @color theme tint */
}

/* @color link  - #00A1DB = hsl(171.5,100%,20.8%) */
/* Text Elements */
a,
.linkcolor,
.subtle.linkcolor {
  color: hsl(171.5, 100%, 20.8%); /* @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(171.5, 100%, 20.8%) !important; /* @color link */
}

/* @color link hover - #008DC9 ~ hsl(173.6,100%,17.2%) */
.linkcolorOverride:focus, .linkcolorOverride:hover {
  color: hsl(173.6, 100%, 17.2%) !important; /* @color link hover */
}

a:focus,
a:hover,
.linkcolor:focus,
.linkcolor:hover,
#calendar table td.ctrl a:hover {
  color: hsl(173.6, 100%, 17.2%); /* @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,
.statusOpen,
.positiveValue {
  color: #43A559;
}

/* @button 0091EA ~ 0091EB = hsl(178.6,100%,23.9%) */
/* Buttons */
.button,
.button:focus,
.button:hover,
ul.MessageList.list.hoverable.collapsible .SingleMessage .ReplyButton a.button {
  background-color: hsl(178.6, 100%, 23.9%);
}

/* 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(190,100%,9.4%) */
.button.nextstep,
.button.nextstep:focus,
.button.nextstep:hover {
  background-color: hsl(190, 100%, 9.4%);
}

.button.completeworkflow,
.button.completeworkflow:focus,
.button.completeworkflow:hover {
  background-color: hsl(190, 100%, 9.4%);
}

/* @button cancel #D9545B ~ #D9545A  = hsl(357,64%,59%) */
.button.cancelworkflow,
.button.cancelworkflow:focus,
.button.cancelworkflow:hover {
  background-color: hsl(357, 64%, 59%);
}

.button.cancelqnr,
.button.cancelqnr:focus,
.button.cancelqnr:hover {
  background-color: hsl(357, 64%, 59%);
}

.button.inlinedelete,
.button.inlinedelete:focus,
.button.inlinedelete:hover {
  background-color: hsl(357, 64%, 59%);
}

.button.inlineedit,
.button.inlineedit:focus,
.button.inlineedit:hover {
  background-color: hsl(178.6, 100%, 23.9%);
}

.button.inlinesave,
.button.inlinesave:focus,
.button.inlinesave:hover {
  background-color: hsl(190, 100%, 9.4%);
}

.button.disabled,
.button.disabled:focus,
.button.disabled:hover,
.button[disabled],
.button[disabled]:focus,
.button[disabled]:hover {
  background-color: #DBDBDB;
}

/* Toggle Buttons & Buttonchecks */
label.togglebutton[for],
input.buttoncheck + label.buttoncheck {
  background-color: #FFF;
}

/* @button check #BFE1FF ~ #BDE0FF = hsl(184.4,54%,80.4%) */
input:checked + label.togglebutton[for],
input.buttoncheck:checked + label.buttoncheck {
  background-color: hsl(184.4, 54%, 80.4%);
}

input.prettycheck:checked + label:before,
input.buttoncheck:checked + label.buttoncheck:before {
  background-color: hsl(178.6, 100%, 23.9%);
  border-color: hsl(178.6, 100%, 23.9%);
}

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(178.6, 100%, 23.9%);
}

/* Form Fields */
select.selected {
  border-left-color: hsl(184.6, 100%, 20.4%); /* @color theme */
}

/* Subway UI */
.subway,
.subway a,
.subway a:focus,
.subway a:hover {
  color: hsl(184.6, 100%, 20.4%); /* @color theme */
}

.line .trainrail {
  background-color: hsl(184.6, 100%, 20.4%); /* @color theme */
}

/* @color theme tint - rgba(36, 111, 181, 0.5) = hsla(184.6,100%,20.4%,0.5) */
.line .trainrail.future:not(.visited) {
  background-color: hsla(184.6, 100%, 20.4%, 0.5); /* @color theme tint */
}

.stops .trainstation {
  background: linear-gradient(hsla(184.6, 100%, 20.4%, 0.5), hsla(184.6, 100%, 20.4%, 0.5)), #fff; /* @color theme tint */
  border-color: hsl(184.6, 100%, 20.4%); /* @color theme */
}

.stops .now .trainstation {
  background-color: hsl(184.6, 100%, 20.4%); /* @color theme */
}

.stops .future:not(.visited) .trainstation {
  border-color: hsla(184.6, 100%, 20.4%, 0.5); /* @color theme tint */
}

.list.hoverable:not(.collapsable) a.addItem,
.list.hoverable:not(.collapsable) a.addItem:hover {
  color: hsl(171.5, 100%, 20.8%); /* @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(184.6, 100%, 20.4%); /* @color theme */
}

.ReviewMessages .BeforeList .tabs input:checked + label {
  border-bottom-color: hsl(184.6, 100%, 20.4%); /* @color theme */
}

#calendar table td.ctrln,
.urgent,
.PickOrganization .content > p {
  color: hsl(184.6, 100%, 20.4%); /* @color theme */
}

.calendar table tbody td.hi a,
.calendar .selectableevent,
.fullscreen ul.careteam li.selected:before,
.goalslarge li.goalslistelement.selected:before {
  background-color: hsl(184.6, 100%, 20.4%); /* @color theme */
}

/*THINGS THAT ARE BLACK ****************************/
/* @todo #268832 ~ 268731 = hsl(190,100%,9.4%) */
.component .todolistelement .echeckinstatus,
.todotiles .echeckinstatus {
  color: hsl(190, 100%, 9.4%);
}

.component .medicationlistelement .refilldisabledstatus {
  color: #D84000;
}

.goalssmall .goalslist .compliant {
  color: hsl(171.5, 100%, 20.8%); /* @color link */
}

/* @goalslarge #0079B7 ~ #007AB8 = hsl(175.9,100%,13.9%) */
.goalslarge .goalslist .compliant,
.goalslarge .chartgraph .compliant {
  color: hsl(175.9, 100%, 13.9%);
}

.medicationspopup .medcard.selected {
  box-shadow: 0 8px 9px 1px rgba(18, 113, 8, 0.4);
}

/* @redgray1 #737171 - 747272 = hsl(185,39%,32.9%) */
ul.MessageList .MessageSummary .Preview,
ul.MessageList .ExpandedSummary .Viewers .label,
ul.MessageList .SenderDetails .Date {
  color: hsl(185, 39%, 32.9%);
}

.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(171.5, 100%, 20.8%); /* @color link */
}

/* @redgray2 rgba(150, 145, 145, 0.84) ~ rgba(150, 146, 146, 0.84) ~ hsla(185,39.5%,44.9%,0.84) */
.todolistspopup .todotiles {
  box-shadow: 0 2px 5px 0 hsla(185, 39.5%, 44.9%, 0.84);
}

/* @todo-healthadvisory-purple #C786BC ~ #C785BC = hsl(184.6,100%,20.4%) */
.todotiles.healthadvisory:after {
  background-color: hsl(184.6, 100%, 20.4%);
}

/* @todo-appointment-blue #1180FF ~ #0F7FFF = hsl(187.6,100%,30.8%) */
.todotiles.appointment:after {
  background-color: hsl(187.6, 100%, 30.8%);
}

/* @todo-order-morepurple #9657FF ~ #9A5CFF = hsl(231.4,36.8%,18.6%) */
.todotiles.order:after {
  background-color: hsl(231.4, 36.8%, 18.6%);
}

/* @todo-healthadvisory-purple #ECC4E5 ~ #ECC5E6 = hsl(185.4,100%,41.2%) */
.todotiles.healthadvisory.selected {
  box-shadow: 0 9px 18px 2px hsl(185.4, 100%, 41.2%);
}

/* todo-appointment-blue #88BEFC ~ #88BEFC = hsl(184,54.4%,73.3%) */
.todotiles.appointment.selected {
  box-shadow: 0 9px 18px 2px hsl(184, 54.4%, 73.3%);
}

/* @todo-order-morepurple #D9C1FF ~ #D9C2FF = hsl(233.5,54.2%,40.2%) */
.todotiles.order.selected {
  box-shadow: 0 9px 18px 2px hsl(233.5, 54.2%, 40.2%);
}

/* @todoweekcalendarcontent #4e9cc8 ~ #4F9CC9 = hsl(177.8,86.2%,32.7%) */
.todoweekcalendarcontent .event.showtime,
.todoweekcalendarcontent .event.notime .eventinner:before,
.todoweekcalendarcontent .event.notime .eventinner {
  background: hsl(177.8, 86.2%, 32.7%);
}

/* @redgray3 - #ECE4E4 ~ #ECE4E4 = hsl(185,55.6%,78.8%) */
.todotooltip, #weekcalendartooltip,
#staticeventcalendartooltip {
  box-shadow: 0 0 3px 1px hsl(185, 55.6%, 78.8%);
}

/*  @visittypecontainer #5579a9 ~ #557AAA = hsl(189.5,66.5%,27.8%) */
.visittypecontainer a.visitlink.request {
  color: hsl(189.5, 66.5%, 27.8%);
}

/* @color theme tint - 	rgba(36, 111, 181, 0.15) = hsla(184.6,100%,20.4%,0.15)  */
.loginalert .body .offertitle {
  background: linear-gradient(hsla(184.6, 100%, 20.4%, 0.15), hsla(184.6, 100%, 20.4%, 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(184.6, 100%, 20.4%); /* @color theme */
}

/* @color theme tint - 	rgba(36, 111, 181, 0.1) = hsla(184.6,100%,20.4%,0.1)  */
.ba_card_actions_link:hover, .ba_card_actions_link:focus, .ba_card_actions_link:active {
  background-color: hsla(184.6, 100%, 20.4%, 0.1); /* @color theme tint */
  color: hsl(184.6, 100%, 20.4%); /* @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(184.6, 100%, 20.4%); /* @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(178.6, 100%, 23.9%) !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(184.4, 54%, 80.4%);
}

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(178.6, 100%, 23.9%);
}

/* @essManuallySet #4F89D6 ~ 4D88D5 = hsl(189.6,95%,34.7%) */
/* @essManuallySet #F0F4FC - EEF3FC = hsl(194.2,100%,73.9%) */
input.essManuallySet {
  border-color: hsl(189.6, 95%, 34.7%);
  background-color: hsl(194.2, 100%, 73.9%);
}

input.essManuallySet:focus {
  border-color: hsl(189.6, 95%, 34.7%);
}

input.essInvalidEntry {
  border-color: #FF3A35;
  background-color: #FFCECB;
}

input.essInvalidEntry:focus {
  border-color: #FF3A35;
}

.list.hoverable li.essSlideshowCard p.essSlideshowCardMuted a {
  color: hsl(178.6, 100%, 23.9%);
}

/* #endregion */
.list.hoverable li.essSlideshowCard p.essSlideshowCardMuted a {
  color: #0091EA;
}

/*Messaging*/
.ReviewMessages .messageheader .filters {
  background-color: hsla(184.4, 100%, 37.4%, 0.05); /* @color theme tint */
}

/*#region BedsideMessages*/
.messagebackgrounduser {
  background: #D3ECAF;
  border-color: #B8E07C;
}

/*#endregion BedsideMessages*/
/*Member tabs*/
.membertab.selected {
  border-color: hsl(184.6, 100%, 20.4%) hsl(0, 0%, 77%) transparent; /* @color theme */
}

/*#region Scheduling */
.slot {
  background-color: hsl(190, 100%, 9.4%);
}

/* @slot hsl(190.2,100%,26.7%) ~ hsl(190.2,100%,26.7%) = hsl(190.2,100%,26.7%) */
.slot.selected,
html:not(.mobile) .slot:hover,
html:not(.mobile) .slot:focus {
  background-color: hsl(190.2, 100%, 26.7%);
  color: #fff;
}

/* @color theme tint - 	rgba(36, 111, 181, 0.05) = hsla(184.4,100%,37.4%,0.05)  */
.requestheader {
  background-color: hsla(184.4, 100%, 37.4%, 0.05); /* @color theme tint */
}

/* @apptDeptInstructions #EDF7FE ~ #ECF6FE = hsl(182.3,100%,73.9%) */
.apptDeptInstructions .section.flat {
  background-color: hsl(182.3, 100%, 73.9%);
}

.summary .titlebar,
.sidebarlinks .titlebar {
  background-color: hsl(184.6, 100%, 20.4%); /* @color theme */
}

/* @color theme tint - 	rgba(36, 111, 181, 0.1) = hsla(184.6,100%,20.4%,0.1)  */
a.summaryInfo:hover, a.summaryInfo.summaryActive {
  background-color: hsla(184.6, 100%, 20.4%, 0.1); /* @color theme tint */
}

.summaryInfo.summaryActive .subtle.edit, .summaryInfo.summaryComplete .subtle, .summaryInfo.summaryIncomplete .subtle {
  color: hsl(184.6, 100%, 20.4%); /* @color theme */
}

.summaryInfo .subtle.editText {
  color: hsl(178.6, 100%, 23.9%);
}

.summaryInfo:before {
  background-color: hsl(184.6, 100%, 20.4%); /* @color theme */
}

/* summaryInfo #3A9BE5 rgba(58, 155, 229, 0.0) ~ 389AE5 = hsla(181.7,100%,33.7%,0) */
.summaryInfo.summaryActive {
  background-color: hsla(181.7, 100%, 33.7%, 0);
}

.sidebyside .providerstep::after {
  color: hsl(184.6, 100%, 20.4%); /* @color theme */
}

/* @colorhelptip - #E6F8FE ~ #E7F8FE = hsl(171.3,100%,72.9%)  */
.card.helptip.secondarycolor {
  background-color: hsl(171.3, 100%, 72.9%);
}

/* @color theme tint - 	rgba(36, 111, 181, 0.2) = hsla(184.6,100%,20.4%,0.2)  */
.summary {
  border-top: 0.2rem solid hsla(184.6, 100%, 20.4%, 0.2); /* @color theme tint */
}

/* summaryInfo #3A9BE5 rgba(58, 155, 229, 1) ~ 389AE5 = hsla(181.7,100%,33.7%,1) */
.summaryInfo {
  border-top: 0px solid hsla(181.7, 100%, 33.7%, 1);
}

/* summaryInfo #3A9BE5 rgba(58, 155, 229, 0.5) ~ 389AE5 = hsla(181.7,100%,33.7%,0.5) */
.summaryInfo.summaryActive.summaryIncomplete {
  border-top: 0px solid hsla(181.7, 100%, 33.7%, 0.5);
}

/*#region On My Way*/
/* @onmyway hsl(182.9,100%,21.2%) ~ hsl(182.9,100%,21.2%) = hsl(182.9,100%,21.2%) */
#onMyWayPopup .walkInButton:hover:not([disabled]),
#onMyWayPopup .walkInButton:focus:not([disabled]) {
  background-color: hsl(182.9, 100%, 21.2%);
}

/*#endregion*/
/*#region Self Triage*/
/* @selfTriage #97CEEA ~ #95CDE9 = hsl(181.7,100%,33.7%) */
.selfTriage .helperSection.narrowSymptoms:after,
.selfTriage .helperSection.nextSteps:after {
  border-color: hsl(181.7, 100%, 33.7%);
}

.selfTriage .actionNodeWorkflow .actionNode .successStatus .successMessage {
  color: #438359;
}

/* 41A0FF ~ #42A1FF  = hsl(185.5,100%,40.8%) */
.selfTriage .pastTriage .date {
  color: hsl(185.5, 100%, 40.8%);
}

/*#endregion*/
/*#region Self Triage*/
#dt-container .dtbanner {
  background-color: #FEFCD8;
}

/*#endregion*/
/*#region upload widget*/
.upload--limit-reached {
  color: #CC3443;
}

/*#endregion*/
/*#region Campaigns*/
.buttonReplacementText {
  color: #43A559;
}

/*#endregion*/
/* highlight on hover on checkbox*/
.medcard .selection-enabled input[type=checkbox] + label svg:hover {
  fill: hsl(178.6, 100%, 23.9%);
}

/* highlight on tab focus on checkbox*/
/* #9ECAED ~ #9CC8ED = hsl(184.4,54%,80.4%) */
.med-selection-box input[type=checkbox]:focus + label svg {
  box-shadow: 0 0 10px hsl(184.4, 54%, 80.4%);
}

.medcard .selection-enabled input[type=checkbox]:checked + label svg {
  fill: hsl(178.6, 100%, 23.9%);
}

.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;
}

/* highlight on hover on checkbox*/
.medcard .selection-enabled input[type=checkbox] + label svg:hover {
  fill: rgb(0, 145, 234);
}

/* highlight on tab focus on checkbox*/
.med-selection-box input[type=checkbox]:focus + label svg {
  box-shadow: 0 0 10px #9ecaed;
}

.medcard .selection-enabled input[type=checkbox]:checked + label svg {
  fill: rgb(0, 145, 234);
}

.medcard .med-selection-box .selection-disabled svg {
  fill: #8B969D;
}

/*#endregion*/
/* END: HSL BASED COLOR CHANGES FROM colors.css */
/* BEGIN: HSL BASED COLOR CHANGES FROM AdvancedCarePlanning.css */
#divHCAs .divHCATitle img {
  background-color: hsl(184.6, 100%, 20.4%); /* @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(184.6, 100%, 20.4%, 0.15), hsla(184.6, 100%, 20.4%, 0.15)), #fff; /* @color theme tint */
}

/* Receipt-Style */
.receipt .titlebar {
  background: hsl(184.6, 100%, 20.4%) none; /* @color theme */
}

.receipt .receiptsection .receiptline.name {
  color: hsl(184.6, 100%, 20.4%); /* @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 theme.css */
/* Proxy Switcher Colors 
 * These colors impact the proxy icons, menus, and header.
 * They are used to provide the context of which proxy record is being accessed.
 * They do not impact the background image or colors of the main content of the page (except for hovers).
*/
/* Color 1 - Skylight */
/* #3A9BE5 ~ #389AE5 = hsl(206,77%,56%) */
/* #D2EBFE ~ #D2EBFE = hsl(206,96%,91%) */
img.photo.color1,
.colorpreview.color1,
#proxies .color1:after,
body.color1 #header .menugroup.selected .menuicon:after {
  background-color: hsl(190, 100%, 9.4%);
}

.color1 > .userPhoto,
#proxies .color1 .proxyicon,
#proxies a.color1 .proxyicon,
#touchmenu .color1 .proxyicon {
  background-color: hsl(190, 100%, 9.4%);
  border-color: hsl(190, 100%, 9.4%);
}

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: hsl(185, 54.6%, 87.1%);
}

/* Color 2 - Forest */
/* #3FA94B ~ #3EA84A = hsl(127,46%,45%) / #38E54D = hsl(127,77%,56%) */
/* #CAF3CF ~ #C9F3CE = hsl(127,63%,87%) / #D3FED8 = hsl(127,96%,91%) */
img.photo.color2,
.colorpreview.color2,
#proxies .color2:after,
body.color2 #header .menugroup.selected .menuicon:after {
  background-color: hsl(127.3, 76.9%, 55.9%);
}

.color2 > .userPhoto,
#proxies .color2 .proxyicon,
#proxies a.color2 .proxyicon,
#touchmenu .color2 .proxyicon {
  background-color: hsl(127.3, 76.9%, 55.9%);
  border-color: hsl(127.3, 76.9%, 55.9%);
}

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: hsl(127, 95.6%, 91.2%);
}

/* Color 3 - Bubblegum */
/* #DF66D5 ~ #DF68D5 = hsl(305,65%,64%) / #E538D7 = hsl(305,77%,56%) */
/* #FFCCFB ~ #FFCCFB = hsl(305,100%,90%) / #FED3FA = hsl(305,96%,91%) */
img.photo.color3,
.colorpreview.color3,
#proxies .color3:after,
body.color3 #header .menugroup.selected .menuicon:after {
  background-color: hsl(304.9, 76.9%, 55.9%);
}

.color3 > .userPhoto,
#proxies .color3 .proxyicon,
#proxies a.color3 .proxyicon,
#touchmenu .color3 .proxyicon {
  background-color: hsl(304.9, 76.9%, 55.9%);
  border-color: hsl(304.9, 76.9%, 55.9%);
}

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: hsl(305.6, 95.6%, 91.2%);
}

/* Color 4 - Royal */
/* #AE77E5 ~ #AD76E5 = hsl(270,68%,68%)  / #8F38E5 = hsl(270,77%,56%) */
/* #FFCCFB ~ #FFCCFB = hsl(270,100%,92%) / #E8D3FE = hsl(270,96%,91%) */
img.photo.color4,
.colorpreview.color4,
#proxies .color4:after,
body.color4 #header .menugroup.selected .menuicon:after {
  background-color: hsl(270.2, 76.9%, 55.9%);
}

.color4 > .userPhoto,
#proxies .color4 .proxyicon,
#proxies a.color4 .proxyicon,
#touchmenu .color4 .proxyicon {
  background-color: hsl(270.2, 76.9%, 55.9%);
  border-color: hsl(270.2, 76.9%, 55.9%);
}

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: hsl(269.3, 95.6%, 91.2%);
}

/* Color 5 - Ocean */
/* #0DA798 ~ #0CA697 = hsl(174,86%,35%) / #38E5D4 = hsl(174,77%,56%) */
/* #CFF2EE ~ #CFF2EE = hsl(174,57%,88%) / #D3FEFA = hsl(174,96%,91%) */
img.photo.color5,
.colorpreview.color5,
#proxies .color5:after,
body.color5 #header .menugroup.selected .menuicon:after {
  background-color: hsl(174.1, 76.9%, 55.9%);
}

.color5 > .userPhoto,
#proxies .color5 .proxyicon,
#proxies a.color5 .proxyicon,
#touchmenu .color5 .proxyicon {
  background-color: hsl(174.1, 76.9%, 55.9%);
  border-color: hsl(174.1, 76.9%, 55.9%);
}

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: hsl(174.4, 95.6%, 91.2%);
}

/* Color 6 Goldenrod */
/* #BA8B00 ~ #B88A00 = hsl(45,100%,36%) / #E5BA38 = hsl(45,77%,56%) */
/* #EDDDAB ~ #EDDDAB = hsl(45,65%,80%) / #FEF3D3 = hsl(45,96%,91%) */
img.photo.color6,
.colorpreview.color6,
#proxies .color6:after,
body.color6 #header .menugroup.selected .menuicon:after {
  background-color: hsl(45.1, 76.9%, 55.9%);
}

.color6 > .userPhoto,
#proxies .color6 .proxyicon,
#proxies a.color6 .proxyicon,
#touchmenu .color6 .proxyicon {
  background-color: hsl(45.1, 76.9%, 55.9%);
  border-color: hsl(45.1, 76.9%, 55.9%);
}

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: hsl(44.6, 95.6%, 91.2%);
}

/* Color 7 - Autumn */
/* #EC7224 ~ #EC7022 = hsl(23,84%,53%) / #E57B38 = hsl(23,77%,56%) */
/* #FFD0B3 ~ #FFD0B2 = hsl(23,100%,85%) / #FEE3D3 = hsl(23,96%,91%) */
img.photo.color7,
.colorpreview.color7,
#proxies .color7:after,
body.color7 #header .menugroup.selected .menuicon:after {
  background-color: hsl(23.2, 76.9%, 55.9%);
}

.color7 > .userPhoto,
#proxies .color7 .proxyicon,
#proxies a.color7 .proxyicon,
#touchmenu .color7 .proxyicon {
  background-color: hsl(23.2, 76.9%, 55.9%);
  border-color: hsl(23.2, 76.9%, 55.9%);
}

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: hsl(22.3, 95.6%, 91.2%);
}

/* END: HSL BASED COLOR CHANGES FROM theme.css */
/* BEGIN: HSL BASED COLOR CHANGES FROM highconstrast.css */
/* @color link  - #006FCA ~ #0070CC = hsl(182.7,100%,17.8%) */
/* 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(182.7, 100%, 17.8%);
}

[data-altstylesheet="High Contrast"] .linkcolorOverride {
  color: hsl(182.7, 100%, 17.8%) !important; /* @color link */
}

/* @color link hover  -  #005EAC ~ #005FAD = hsl(182.7,100%,11.8%) */
[data-altstylesheet="High Contrast"] a:hover {
  color: hsl(182.7, 100%, 11.8%); /* @color link hover */
}

[data-altstylesheet="High Contrast"] .linkcolorOverride:hover {
  color: hsl(182.7, 100%, 11.8%) !important; /* @color link hover */
}

[data-altstylesheet="High Contrast"] .button,
[data-altstylesheet="High Contrast"] .button:hover,
[data-altstylesheet="High Contrast"] ul.MessageList.list.hoverable.collapsible .SingleMessage .ReplyButton a.button {
  color: #FFF !important; /* @color link button hover */
}

/***/
/* Darken Fill in Progress status test */
[data-altstylesheet="High Contrast"] .component .medicationlistelement .refilldisabledstatus {
  color: #C53B00;
}

/* @color theme shade  -  #1D6CB6 ~ #1C6BB5 = hsl(184.7,100%,18.8%) */
/* Darken sidebar headers */
[data-altstylesheet="High Contrast"] #sidebar .header {
  color: hsl(184.7, 100%, 18.8%); /* @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(182.9,100%,21.2%) */
/* Darken datestamp */
[data-altstylesheet="High Contrast"] .Visits .card .date div,
[data-altstylesheet="High Contrast"] .previewCCD .listelement .date div {
  color: hsl(182.9, 100%, 21.2%);
}

/***/
/* 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(190, 100%, 9.4%);
}

/* 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(184.4,100%,37.4%,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(184.4, 100%, 37.4%, 0.05), hsla(184.4, 100%, 37.4%, 0.05)), #fff; /* @color theme tint */
}

/***/
/* @ToDo calendar -  #257DB1 ~ #257EB1 = hsl(177.5,98.6%,19.8%) */
/* 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(177.5, 98.6%, 19.8%);
}

/***/
/* 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(182.7, 100%, 17.8%);
}

/* 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(182.9, 100%, 21.2%);
}

[data-altstylesheet="High Contrast"] .flyoutitem {
  color: hsl(182.9, 100%, 21.2%);
}

/***/
/* 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(190,100%,9.4%) */
/* Darken autopay badge (new Billing Accounts Summary) */
[data-altstylesheet="High Contrast"] .ba_card_header_paperless {
  border-top-color: hsl(190, 100%, 9.4%);
}

/***/
[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(182.9, 100%, 21.2%);
}

[data-altstylesheet="High Contrast"] .button.nextstep,
[data-altstylesheet="High Contrast"] .button.nextstep:focus,
[data-altstylesheet="High Contrast"] .button.nextstep:hover {
  background-color: hsl(190, 100%, 9.4%);
}

[data-altstylesheet="High Contrast"] .button.completeworkflow,
[data-altstylesheet="High Contrast"] .button.completeworkflow:focus,
[data-altstylesheet="High Contrast"] .button.completeworkflow:hover {
  background-color: hsl(190, 100%, 9.4%);
}

[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: #D14454;
}

[data-altstylesheet="High Contrast"] .button.inlinedelete,
[data-altstylesheet="High Contrast"] .button.inlinedelete:focus,
[data-altstylesheet="High Contrast"] .button.inlinedelete:hover {
  background-color: #D14454;
}

[data-altstylesheet="High Contrast"] .button.inlineedit,
[data-altstylesheet="High Contrast"] .button.inlineedit:focus,
[data-altstylesheet="High Contrast"] .button.inlineedit:hover {
  background-color: hsl(182.9, 100%, 21.2%);
}

[data-altstylesheet="High Contrast"] .button.inlinesave,
[data-altstylesheet="High Contrast"] .button.inlinesave:focus,
[data-altstylesheet="High Contrast"] .button.inlinesave:hover {
  background-color: hsl(190, 100%, 9.4%);
}

[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;
}

[data-altstylesheet="High Contrast"] #main .back .button {
  color: hsl(182.9, 100%, 21.2%);
}

[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(190, 100%, 9.4%);
  border-color: hsl(190, 100%, 9.4%);
}

/***/
/* 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(182.7, 100%, 17.8%);
}

/***/
/* New Scheduling */
/* @slotgreen -  #267d3b ~ #267d3b = hsl(190,100%,9.4%) */
[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(190, 100%, 9.4%);
}

[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(182.9, 100%, 21.2%);
}

[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(190, 100%, 9.4%);
}

/* @onmywaygreenfocus -  #2F9D49 ~ #2F9D49 = hsl(190.2,100%,26.7%) */
[data-altstylesheet="High Contrast"] body #onMyWayPopup .slot:focus {
  background-color: hsl(190.2, 100%, 26.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(178.6, 100%, 23.9%);
}

[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(190, 100%, 9.4%);
}

[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(190, 100%, 9.4%);
}

[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(190, 100%, 9.4%);
}

/***/
/** 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(184.4, 100%, 37.4%, 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(182.7, 100%, 17.8%) !important;
}

[data-altstylesheet="High Contrast"] label.clearButton {
  color: hsl(182.7, 100%, 17.8%) !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"] .refill-workflow .card.refill-disabled .medmessage,
[data-altstylesheet="High Contrast"].medcard .selection-disabled .cardline.medmessage {
  background-color: #666666;
}

[data-altstylesheet="High Contrast"] .refill-workflow .medcard.refill-disabled * {
  color: #666666;
}

[data-altstylesheet="High Contrast"] .refill-workflow .card.refill-disabled .medmessage {
  color: rgb(230, 230, 230);
}

[data-altstylesheet="High Contrast"] #MedicationForm .formbuttons {
  background-color: rgb(255, 255, 255);
}

/*#endregion*/
/*#region Subway UI */
[data-altstylesheet="High Contrast"] .subway.scrollable .nav div {
  background-color: rgb(115, 115, 115) !important;
}

/*#endregion*/
/* END: HSL BASED COLOR CHANGES FROM highconstrast.css */
/* 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. */
.features .icon-paperless {
  background-image: url("../images/quicklinks/paperless.png");
}

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

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

#extPmtPageFrame {
  border-width: 0px;
  height: 1000px;
  overflow-y: hidden;
  width: 100%;
}

#iFrameLoadingIndicator.mobileExtPmtPage, #extPmtPageFrame.mobileExtPmtPage {
  height: 1500px;
}

#guestPay-content #extPmtPageFrame, #guestPay-content #iFrameLoadingIndicator {
  height: 55rem;
}