@charset "UTF-8";
/* BEGIN EPIC DELIVERED THEME CSS */
/* Generated by v85.0.10 */
/* READ ME: If you want to create CSS that works differently when applied to iOS versus Android embedded, mobile-optimized pages, you may begin your
            selectors as follows:

                html.mobile[data-ua='PLATFORM']

            Replacing PLATFORM with one of the following four case-senstive values:

                • iOS
                • android
                • othermobile
                • nonmobile

            So changing a button background color on iOS mobile embedded pages might look like this:

                html.mobile[data-ua='iOS'] .button {
	                background-color: red; 
                }
*/
/* BEGIN: SPECIAL HIDING PROPERTIES */
/* If you only want certain HTML content to display on the full web site, tag it with an "OnlySite" class*/
.onlysite,
.onlySite,
.Onlysite,
.OnlySite {
  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: 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 */
/* @color theme - #246FB5 ~ #2470B7 = hsl(207.2,100%,29.8%) */
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(207.2, 100%, 29.8%); /* @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(207.2, 100%, 29.8%); /* @color theme */
  background-color: rgb(255, 255, 255);
}

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

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

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

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

.highlight {
  background-color: #CC3443;
}

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

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

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

a:focus,
a:hover,
.linkcolor:focus,
.linkcolor:hover,
#calendar table td.ctrl a:hover {
  color: hsl(196.2, 100%, 26.7%); /* @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(201.2,100%,33.3%) */
/* Buttons */
.button,
.button:focus,
.button:hover,
ul.MessageList.list.hoverable.collapsible .SingleMessage .ReplyButton a.button {
  background-color: hsl(201.2, 100%, 33.3%);
}

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

.button.completeworkflow,
.button.completeworkflow:focus,
.button.completeworkflow:hover {
  background-color: hsl(85.3, 54.2%, 51.2%);
}

/* @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(201.2, 100%, 33.3%);
}

.button.inlinesave,
.button.inlinesave:focus,
.button.inlinesave:hover {
  background-color: hsl(85.3, 54.2%, 51.2%);
}

.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(206.4,100%,74.3%) */
input:checked + label.togglebutton[for],
input.buttoncheck:checked + label.buttoncheck {
  background-color: hsl(206.4, 100%, 74.3%);
}

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

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(201.2, 100%, 33.3%);
}

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

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

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

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

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

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

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

.list.hoverable:not(.collapsable) a.addItem,
.list.hoverable:not(.collapsable) a.addItem:hover {
  color: hsl(194.2, 100%, 30.2%); /* @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(207.2, 100%, 29.8%); /* @color theme */
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* @color theme tint - 	rgba(36, 111, 181, 0.1) = hsla(207.2,100%,29.8%,0.1)  */
.ba_card_actions_link:hover, .ba_card_actions_link:focus, .ba_card_actions_link:active {
  background-color: hsla(207.2, 100%, 29.8%, 0.1); /* @color theme tint */
  color: hsl(207.2, 100%, 29.8%); /* @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(207.2, 100%, 29.8%); /* @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(201.2, 100%, 33.3%) !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(204.2, 100%, 78.2%);
}

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(201.2, 100%, 33.3%);
}

/* @essManuallySet #4F89D6 ~ 4D88D5 = hsl(212.2,95%,44.1%) */
/* @essManuallySet #F0F4FC - EEF3FC = hsl(216.8,100%,83.3%) */
input.essManuallySet {
  border-color: hsl(212.2, 95%, 44.1%);
  background-color: hsl(216.8, 100%, 83.3%);
}

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

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

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

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

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

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

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

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

/*#region Scheduling */
.button[data-type=workflow]:hover,
.button[data-type=workflow]:focus {
  background-color: hsl(205.5, 100%, 30.6%);
}

.slot {
  background-color: hsl(85.3, 54.2%, 51.2%);
}

/* @slot #2F9D49 ~ #2F9D49 = hsl(85.6,54.4%,35.3%) */
.slot.selected,
html:not(.mobile) .slot:hover,
html:not(.mobile) .slot:focus {
  background-color: hsl(85.6, 54.4%, 35.3%);
  color: #fff;
}

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

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

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

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

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

.summaryInfo .subtle.editText {
  color: hsl(201.2, 100%, 33.3%);
}

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

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

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

/* #3170aa ~ #3170AA = hsl(207,88.4%,30.2%) */
#scheduling-workflow .banner::before {
  background-color: hsl(207, 88.4%, 30.2%);
}

#standardworkflowselector > .separator > p {
  color: hsl(207.2, 100%, 29.8%); /* @color theme */
}

#standardworkflowselector > .separator > .line {
  background-color: #ddd;
}

/* #EBF2F9 ~ #EBF2F9 = hsla(208.3,87%,82.2%,0.2) */
#scheduling-workflow .favoriteContainer {
  background-color: hsla(208.3, 87%, 82.2%, 0.2);
}

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

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

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

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

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

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

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

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

/*#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(201.2, 100%, 33.3%);
}

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

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

.refill-workflow .medications-step .medcard.selected {
  border: 1px solid hsl(201.2, 100%, 33.3%);
}

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

.cardlist.selectable .card.selected:before {
  background-color: hsl(207.2, 100%, 29.8%); /* @color theme */
}

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

.receipt .receiptsection .receiptline.name {
  color: hsl(207.2, 100%, 29.8%); /* @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(210.1, 100%, 32.2%);
}

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

#popupFooter {
  border-color: hsl(211.4, 100%, 33.3%);
}

input.button.sign-later {
  color: hsl(220.3, 100%, 35.1%);
  border: 1px solid hsl(211.4, 100%, 33.3%);
}

.checkboxClickArea {
  border: 1px solid hsl(211.4, 100%, 33.3%);
  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(207.2, 100%, 29.8%, 0.2); /* @color theme tint */
}

li.listheaderelement {
  background-color: hsl(207.2, 100%, 29.8%); /* @color theme */
  color: #FFF;
}

.previewCCD .previewPopupMulti .listelement.selected {
  background-color: hsla(198.1, 100%, 68.2%, 0.5);
}

.listelement .date div {
  color: hsl(208.1, 100%, 50.2%);
}

/* END: HSL BASED COLOR CHANGES FROM documents.css */
/* BEGIN: HSL BASED COLOR CHANGES FROM visits.css */
.Visits .date div, .visitdetails .date div {
  color: hsl(208.1, 100%, 50.2%);
}

.md_visitdetails_index div.providerphotocontainer a:hover .providerphoto {
  border-color: hsl(201.2, 100%, 33.3%);
}

.md_visitdetails_index div.triangle {
  border-color: transparent transparent hsl(204.9, 100%, 83.3%) transparent;
}

.md_visitdetails_index div.visitinformation {
  background-color: hsl(204.9, 100%, 83.3%);
}

label.filterButton {
  color: hsl(194.2, 100%, 30.2%); /* @color link */
}

label.filterButton:hover {
  color: hsl(196.2, 100%, 26.7%); /* @color link hover */
}

label.clearButton {
  color: hsl(201.2, 100%, 33.3%);
}

/* #1E90FF ~ #1F8FFF = hsl(208.3,100%,43.3%) */
.dropdown-content tr:hover td.optionCell > label {
  color: white;
  background-color: hsl(208.3, 100%, 43.3%);
}

.optionCell > input:focus + label {
  color: white;
  background-color: hsl(208.3, 100%, 43.3%);
}

/* END: HSL BASED COLOR CHANGES FROM preferences.css */
/* BEGIN: HSL BASED COLOR CHANGES FROM inside.css */
.group.hover .grouphelptext {
  color: hsl(196.2, 100%, 26.7%); /* @color link hover */
}

/* END: HSL BASED COLOR CHANGES FROM preferences.css */
/* BEGIN: HSL BASED COLOR CHANGES FROM mobile.css */
.mobile .buttoncheck.checked {
  background: hsl(201.2, 100%, 33.3%);
  color: #FFF;
}

.mobile p.buttoncheck.pullback,
.mobile p.buttoncheck.disclaimer {
  background: hsl(201.2, 100%, 33.3%);
  color: #FFF;
}

.mobile p.buttoncheck.pullback.checked {
  background-color: hsl(85.3, 54.2%, 51.2%);
}

.mobile .pmtStep .paymentSummarySection.withSeparator {
  border-bottom: 1px solid hsl(216.8, 100%, 83.3%); /* @color theme tint */
}

/* END: HSL BASED COLOR CHANGES FROM mobile.css */
/* BEGIN: HSL BASED COLOR CHANGES FROM mobile_inside.css */
/**< Main content and universal styling >**/
/* @color theme tint - #F0F4FC ~ #EEF3FC = hsl(216.8,100%,83.3%) */
/* @color theme shade - #3A557B ~ #395479 = hsl(213,69.1%,22.2%) */
.mobile p.separator,
.mobile .section h2,
.mobile .section #confMesg2 legend,
.mobile .section .formsection > legend,
.mobile .md_scheduling_landingpage #main .pretext {
  background: hsl(216.8, 100%, 83.3%) none repeat scroll 0 0; /* @color theme tint */
  color: hsl(213, 69.1%, 22.2%); /* @color theme shade */
}

/****< Questionnaire-specific workflow button behavior >****/
/* @prevstep buttons after hidden next - #0091EA ~ #0091EB = hsl(201.2,100%,33.3%) */
.mobile .formbuttons.qnr-actions .button.nextstep.btnHidden + .button.prevstep:not(.btnHidden) {
  border-color: hsl(201.2, 100%, 33.3%);
  color: hsl(201.2, 100%, 33.3%);
}

/****< Back Enabled; Finish Later Enabled >****/
/* @prevstep buttons after not hidden next  - #1B6DD1 ~ #1B6CD0 = hsl(211.4,100%,33.3%) */
.mobile .formbuttons.qnr-actions .button.nextstep + .button.prevstep:not(.btnHidden) {
  border-color: hsl(211.4, 100%, 33.3%);
  color: hsl(211.4, 100%, 33.3%);
}

/****</ Questionnaire-specific workflow button behavior >****/
/****< Fainter button style, when enabled >****/
.mobile .formbuttons .button.previousstep:not(.disabled),
.mobile .formbuttons .button.prevstep:not(.disabled),
.mobile .formbuttons .button.cancelworkflow:not(.disabled),
.mobile .formbuttons .button.cancelqnr:not(.disabled),
.mobile .formbuttons .button.continuelater:not(.disabled),
.mobile .formbuttons .button.finishlater:not(.disabled) {
  border: 1px solid hsl(211.4, 100%, 33.3%);
  color: hsl(211.4, 100%, 33.3%);
}

/****</ Fainter button style >****/
/* an alert red */
.mobile .section form .alert,
.mobile .vtInformation + .alert,
.mobile .section .dtSelWrapper .alert,
.mobile .md_echeckin form .section .alert,
.mobile .section .subsquestion h4 + .alert,
.mobile .section .validation-summary-errors,
.mobile .section [class*=question] legend + .alert,
.mobile .section [class*=question] legend + .alert.helptext,
.mobile .section [class*=question] .required + .alert,
.mobile .section [class*=question] .hasRequired + .alert {
  background-color: #F75656;
}

/* @radiooptionlabel - #F4F9FF ~ #FAFCFF = hsl(214.3,100%,86.3%) */
.mobile .section .content fieldset .radiooptions label {
  background: hsl(214.3, 100%, 86.3%) none repeat scroll 0 0;
  box-shadow: 0 1px 2px -1px hsl(211.4, 100%, 60.2%), inset 0 0 0 1px hsl(214.3, 100%, 84.3%);
  color: hsl(211.4, 100%, 33.3%);
}

/* @radiooptionlabelbox1 - #88B4EA ~ #8AB5EA = hsl(211.4,100%,60.2%) */
/* @radiooptionlabelbox2 - #EEF5FF ~ #F0F6FF = hsl(214.3,100%,84.3%) */
.mobile .section .content fieldset .radiooptions label:hover {
  background-image: none;
  box-shadow: 0 1px 2px -1px hsl(211.4, 100%, 60.2%), inset 0 0 0 1px hsl(214.3, 100%, 84.3%);
}

.mobile .section .content fieldset .radiooptions label.selected,
.mobile .section .content fieldset .radiooptions label.selected:hover {
  background: hsl(211.4, 100%, 33.3%) none repeat scroll 0 0;
}

/**</ Input Forms >**/
/***< Drawing Question >***/
/* red colors */
.mobile .drawingcontainer .drawingtools .inlinedelete:not([disabled]) {
  background-color: #D55757;
  border-color: #D55757;
  box-shadow: 0 1px 2px -1px hsl(211.4, 100%, 60.2%), 0 0 0 1px #D55757 inset;
}

/***</ Drawing Question >***/
.mobile .history.famhist .famremove .button {
  border: 1px solid hsl(201.2, 100%, 33.3%);
}

/***< Button styling >***/
.mobile .section [class*=question] label.radio,
.mobile .section [class*=question] .questiongroupitem label.radio,
.mobile .section [class*=topic] label.radio,
.mobile #questionnaireform #drawingtools #patterns .pattern {
  background: hsl(214.3, 100%, 86.3%);
  box-shadow: 0 1px 2px -1px hsl(211.4, 100%, 60.2%), inset 0 0 0 1px hsl(214.3, 100%, 84.3%);
}

.mobile .section [class*=question] label.radio,
.mobile .section [class*=question] label.radio a,
.mobile .section [class*=question] .questiongroupitem .radio a,
.mobile .section [class*=topic] .radio a,
.mobile #questionnaireform #drawingtools #patterns .pattern {
  color: hsl(211.4, 100%, 33.3%);
}

.mobile #hxqnrform .radio.selected,
.mobile .section [class*=question] label.radio.selected,
.mobile #questionnaireform #drawingtools #patterns .pattern.selected {
  background: hsl(211.4, 100%, 33.3%);
}

/***</ Button styling >***/
/***< Review Pages >***/
.mobile .section .genqnrreview .editCell .button {
  border: 1px solid #6A8EBA;
}

.mobile .grid_style .gridbox.selected .mark:after {
  background-color: #47AD47;
  border: 1px solid #47AD47;
}

/* Green */
.mobile .grid_style .gridbox.selected {
  background-color: #47AD47;
}

.mobile #creditcardlist tr.selected:after {
  background: #47AD47;
  border: 1px solid #47AD47;
}

.mobile .summary .titlebar {
  background-color: hsl(216.8, 100%, 83.3%); /* @color theme tint */
}

.mobile .summary .titlebar .title {
  color: hsl(213, 69.1%, 22.2%); /* @color theme shade */
}

/**< ESignatures >**/
.mobile #documenttable .document .sign-later {
  border: 1px solid hsl(211.4, 100%, 33.3%);
}

/* @signlaterbutton - #034af3 ~ #024AF2 = hsl(220.3,100%,35.1%) */
.mobile #popupFooter input.button.sign-later {
  border: 1px solid hsl(211.4, 100%, 33.3%);
  color: hsl(220.3, 100%, 35.1%);
}

/**</ ESignatures >**/
/**< Patient Estimates >**/
/* @patientestimate - #246FB5 ~ #2470B7 = hsl(207.2,100%,29.8%) */
/* Make the mobile links to estimates and services the same as the theme color. */
.mobile .md_estimates_getestimateservices .list.hoverable a:not(.button),
.mobile .md_estimates_getestimateservices .list.hoverable p.essCardTitle:not(.button),
.mobile .md_estimates_startestimate .list.hoverable .essCardTitle:not(.button) {
  color: hsl(207.2, 100%, 29.8%);
}

/*</ MODE-SPECIFIC STYLES >---------------------------------------------------*/
/* END: HSL BASED COLOR CHANGES FROM mobile_inside.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. */
/* Start: Hide Value Input Slidebar Question*/
div.sliderdisplayval {
  display: none !important;
}

/*end*/
td.qnr-summary-question-answer.slider-answer span.answertext {
  color: white;
}

/* SMP 07/13/2020 - Instamed External Payment page*/
body #extPmtPageFrame {
  height: 550px;
}

/* SMP 07/13/2020 External Payment Pages */
body .mobileExtPmtPage#extPmtPageFrame {
  height: 830px;
}