/* 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 */
/* Branded pre-login and post-login logos */
/* END: CONFIGURABLE PRELOGIN LOGO HEIGHT */

/* BEGIN: CONFIGURABLE BACKGROUND COLOR AND BACKGROUND IMAGE */
/* Prelogin background image and color */
body {
    background: none ;
}
#content::after {
    background: none ;
}

/* Postlogin background image and color */
body.isInside {
    background: none ;
}
body.isInside #content::after {
    background: none ;
}
.component.Popup > .titlebar .titlebarblurbackground::before {
    background: none ;
}
.menudetailstable.leftmenu .leftcolumn::before, .goalslarge .goalsleft::before {
    background: none ;
}
/* END: CONFIGURABLE BACKGROUND COLOR AND BACKGROUND IMAGE */

/* BEGIN: MAIN COLOR CHANGES */
/* Primary Text Color */
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: #363636;
}
.md_questionnairelist .header, .md_mychartquestionnaire_questionnaires .header {
	color: #363636;
}
body.md_showform .section .questiongroup > legend, 
body.md_saveform .section .questiongroup > legend {
    color: #363636;
}

.md_caredecision_index #divHCAs .divHCATitle,
.md_caredecision_index .documenttable .documents .document .doctitle {
    color: #363636;
}
.md_caredecision_index #divHCAs .divHCATitle img {
    background-color: rgb(255,25,0);
}

.pageNum {
    color: #363636;
}

.section table caption {
    color: #363636;
}

/* Subway UI */
.subway,
.subway a,
.subway a:focus,
.subway a:hover {
	color: #CC0000;
}

.line .trainrail {
	background-color: #CC0000;
}
.line .trainrail.future:not(.visited) {
	background-color:  rgba(204,0,0,0.5); 
}


.stops .trainstation {
	background-color: #FD494A;
	border-color: #CC0000;
}

.stops .now .trainstation {
	background-color: #CC0000;
}

.stops .future:not(.visited) .trainstation {
	border-color:  rgba(204,0,0,0.5); 
}

/* Table Header Background Color */
body:not(.md_preadmission_ldregistration) div#main .section > *:not(.report) thead tr {
    background-color: transparent;
}
body:not(.md_preadmission_ldregistration) div#main .section > *:not(.report) thead tr th {
    background-color: rgba(204,0,0,0.05);
}

li.listheaderelement {
    background-color: #CC0000;
}

.section table tbody tr.header th:first-child::after, 
.section table tbody tr.header td:first-child::after, 
.section table tfoot tr.amount.header td:first-child::after,
.section table tbody tr.header th:last-child::after,
.section table tbody tr.header td:last-child::after,
.section table tfoot tr.amount.header td:last-child::after {
    background-color: rgba(204,0,0,0.05);
}

tr.clickable.selectedVisitRecord {
    background-color:  #FFF5F5;
}


/* Message Center, Visit Filters */
.Visits .filters,
.ReviewMessages .messageheader .filters {
    background-color: rgba(204,0,0,0.05);
}
/* Reset hyperlink color in Messages */
div.MessageDetails span.Body div.fmtConv div a span {
	text-decoration: inherit !important;
	color: inherit !important;
}


/* Table List Hover Background Color */
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-color: #FFF6F5;
}

/* Open scheduling step number background circles */
.header .stepNumber {
    background-color: #CC0000;
    border-color: #CC0000;
}

/* Calendar selected date background color*/
.highlight {
    background-color: #CC0000;
}
.calendar table td.today a {
	border-color:  #CC0000;
}
.ReviewMessages .BeforeList .tabs a[data-checked="checked"] {
	border-bottom-color: #CC0000;
}
#calendar table td.ctrln,
.urgent,
.PickOrganization .content > p {
	color: #CC0000;
}
.calendar table tbody td.hi a,
.fullscreen ul.careteam li.selected:before,
.goalslarge li.goalslistelement.selected:before {
	background-color: #CC0000;
}


/* Selected card left highlight border color*/
.cardlist.selectable .card.selected::before {
    background-color: #CC0000;
}
a.card.selected::before {
    background-color: #CC0000;
}


/* Direct Scheduling side bar box title bar*/
.summary .titlebar {
    background-color: #CC0000;
}

/* Tab selected */
.membertab.selected {
    border-color: #CC0000 #c5c5c5 transparent;
}

/* Miscellaneous borders */
div.ChargeGroupContainer {
    border-left-color: #CC0000;
}
div.essWarningCard {
    border-left-color: #CC0000;
}

/* Sub Header text color*/
.subheader {
	color: #931E33 ;
}

/* Todo Tiles */
.todotiles.appointment::after {
    background-color: #003B71;
}
.todotiles.appointment.selected {
    box-shadow: 0 9px 18px 2px #0082CC;
}
.todotiles.order::after {
    background-color: #00334B;
}
.todotiles.order.selected {
    box-shadow: 0 9px 18px 2px #0078B5;
}
.todotiles.healthadvisory::after {
    background-color: #00334B;
}
.todotiles.healthadvisory.selected {
    box-shadow: 0 9px 18px 2px #0078B5;
}

/* Text Elements */
a {
	color: #CC0000;
}

a:focus,
a:hover,
.afterList a.loadmore,
#calendar table td.ctrl a:hover,
.list.hoverable div.fmtConv div a:hover {
	color: #AD0000;
	text-decoration: underline;
}

.list.hoverable:not(.collapsable) a.addItem ,
.list.hoverable:not(.collapsable) a.addItem:hover {
    color: #CC0000;
}

.component > a.viewmore {
	color: #CC0000;
}

.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: #CC0000;
}

.date div,
.previewCCD .listelement .date div {
    color: #CC0000;
}

/* Background color of selected day in visit summary popup window */
.previewCCD .previewPopupMulti .listelement.selected {
    background-color: #B8E3EB;
}

/* Visit summary card */
.pastvisit.card .avs.visit-summary-link:hover, .pastvisit.card .notes.visit-summary-link:hover {
	background-color: #FFF6F5;
}
.pastvisit.card .avs.visit-summary-link:hover .visit-summary-text, .pastvisit.card .notes.visit-summary-link:hover .visit-summary-text {
	color: #363636;
	text-decoration: underline;
}
.pastvisit.card .visit-summary-text {
	color: #CC0000;
}

/* After Visit Summary - Notes - Hide Patient Instructions */
div.report div.pgSection div.sectionHeader h1.title.sectionTitle {
	display: none;
}

/* Buttons */
.button,
.button:focus,
.button:hover,
ul.MessageList.list.hoverable.collapsible .SingleMessage .ReplyButton a.button {
	background-color: #00334B; 
}

.button.nextstep {
	background-color: #CC0000;
}
.button.nextstep:focus,
.button.nextstep:hover {
	background-color: #AD0000;
}

.button.completeworkflow {
	background-color: #CC0000;
}
.button.completeworkflow:focus,
.button.completeworkflow:hover {
	background-color: #AD0000;
}

.button.cancelworkflow,
.button.cancelworkflow:focus,
.button.cancelworkflow:hover {
	background-color: #646464;
}

.button.inlinedelete,
.button.inlinedelete:focus,
.button.inlinedelete:hover {
	background-color: #646464;
}

.button.inlineedit,
.button.inlineedit:focus,
.button.inlineedit:hover {
	background-color: #00334B;
}

.button.inlinesave,
.button.inlinesave:focus,
.button.inlinesave:hover {
	background-color: #CC0000;
}


#main .back .button {
    border-color: #00334B;
    color: #00334B;
}

/* Toggle Buttons & Buttonchecks */
input:checked + label.togglebutton[for],
input.buttoncheck:checked + label.buttoncheck {
	background-color: #B8E3EB;
}
/* Mobile buttonchecks */
.mobile p.buttoncheck.checked {
	background-color: #B8E3EB;
	color: #000000;
}
/* The check on the check button */
input.prettycheck:checked + label::before, 
input.buttoncheck:checked + label.buttoncheck::before {
    background-color: #00334B;
    border-color: #00334B;
}


/* But disabled buttons should not change background color */
.button.disabled, 
.button.disabled:focus, 
.button.disabled:hover, 
.button[disabled], 
.button[disabled]:focus, 
.button[disabled]:hover {
    background-color: #dbdbdb;
}
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;
}


/* And button checks should have no background color */
.buttoncheck, 
.buttoncheck:focus, 
.buttoncheck:hover {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}

/* Who's Accessed My Record */
._TopControls ._ViewPickerControl._selected ._ViewPickerTab {
    border-color: #CC0000 #cccccc;
}
.linkcolorOverride, .linkcolorOverride:visited {
    color: #37BAAB !important;
}
.linkcolorOverride:focus, .linkcolorOverride:hover {
    color: #82D9D1 !important;
}
.AccessList .headerRow {
    background-color: rgba(204,0,0,0.05);
    color: #363636;
}

._heading {
    color: #363636;
}

/* END: MAIN COLOR CHANGES */

/* BEGIN: WAIT LIST, FAST PASS */
.loginalert .body .offertitle {
    background: #FCF3F4 none repeat scroll 0 0;
}
/* END: WAIT LIST, FAST PASS */


/* BEGIN: OPEN SCHEDULING CSS */
/* Titles on days */
.stepContainer .openingsData .card > .header {
    background-color: #FCF3F4;
}

/* Remove Embedded scheduling background color/image */
body.embedded,
body.embedded #content::after {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}

/* Background color of drop down slots */
/* non-selected slot, morning */
.stepContainer .openingsData .subslotslist .slotdetailaction, 
.stepContainer .openingsData .slotdetailaction {
    background-color: #363636;
}
/* non-selected slot, afternoon */
.stepContainer .openingsData .subslotslist.pm .slotdetailaction, 
.stepContainer .openingsData .slotdetailaction.pm {
    background-color: #00334B;
}

/* selected slot */
.stepContainer .openingsData .slotslist .slotdetailaction.selected {
    background-color: #CC0000;
}

/* Open Scheduling signup step indicators */
.signupContainer .navigation .stepindicator.current {
	background-color: #CC0000;
}
.signupContainer .navigation .stepindicator {
    border: 2px solid #CC0000;
    background-color: rgba(204, 0, 0, 0.4);
}

/* Open Scheduling Signup Container */
.signupContainer .card.loginContainer {
    background: #fff linear-gradient(to bottom, rgb(216,244,234) 0%, rgba(197,238,224,0.65) 100%) repeat scroll 0 0;
}
/* END: OPEN SCHEDULING CSS */


/* BEGIN: BACK OUT COMMON PRE-2016 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-2016 BUTTON WORKAROUNDS */

/* BEGIN: FIX ECHECK-IN PAYMENT STEP TITLE DISPLAY ON IPHONE 5 AND SIMILAR SMALL SCREENS - QAN: 3912090  */
body.md_echeckin div.StepTitle {
    clear: both;
}
/* END: FIX ECHECK-IN PAYMENT STEP TITLE DISPLAY ON IPHONE 5 AND SIMILAR SMALL SCREENS - QAN: 3912090  */

/* BEGIN: HELP TEXT DISPLAY ISSUE IN CUSTOM FORMS - QAN: 3737878 */
/* The paragraph with the help text class is empty and is followed by the actual paragaph with the help text (with no class) */
body.md_showform .section .content p.helptext + p:not([class]),
body.md_saveform .section .content p.helptext + p:not([class]) {
    margin-left: 27%;
    margin-top: 0;
    width: 73%;
    color: #606060;
    font-size: 0.8em;
    line-height: 1em;
    display: block;
}

/* Hide empty paragraph after the true help text paragraph */
body.md_showform .section .content p.helptext + p:not([class]) + p,
body.md_saveform .section .content p.helptext + p:not([class]) + p {
    display: none;
}
/* END: HELP TEXT DISPLAY ISSUE IN CUSTOM FORMS - QAN: 3737878 */

/* BEGIN: TEXTAREA MESSAGE TEXT COUNTER IS NOT ALIGNED PROPERLY - QAN: 3814674 */
body.md_showform .section textarea + .messagedisplay {
    margin-left: 27%;
    margin-top: 0;
    width: 73%;
}
/* END: TEXTAREA MESSAGE TEXT COUNTER IS NOT ALIGNED PROPERLY - QAN: 3814674 */

/* BEGIN: Fix missing legends on fields without prompts cause overlapping buttons - QAN 3815147 */
body.md_showform .section .question > legend,
body.md_saveform .section .question > legend {
	min-height: 1rem;
} 
/* END: Fix missing legends on fields without prompts cause overlapping buttons - QAN 3815147 */

/* BEGIN: Restore account icon to banner - QAN 3803812 */
#account .menuicon::before {
    margin: 0 0 -1.5rem -0.25rem;
}

#account .menuicon {
    text-indent: 1.5rem;
}
/* END: Restore account icon to banner - QAN 3803812 */

/* BEGIN: Restore hidden patient name in more proxy menu on hover - QAN 3881926 */
.compact #proxies > li > p .grow .iconlabel {
	position: static;	
}
/* END: Restore hidden patient name in more proxy menu on hover - QAN 3881926 */

/* BEGIN: Fix cropped bottom of low hanging letters in proxy drop down menu - QAN 4082981 */
#proxies #moretabs .iconlabel {
    overflow: visible;
}
/* END: Fix cropped bottom of low hanging letters in proxy drop down menu - QAN 4082981 */

/* BEGIN: ENABLE CHANGING TRANSPARENCY LEVELS */

/* Side bar */
#sidebar {
    background-color: rgba(233,233,233,0.7);
}


/* Main Body */
#main, 
.BeforeList input.SearchList {
    background-color: rgba(255,255,255,0.88);
}

/* Banner */
.isInside #header:not(:empty) {
    background: rgba(255,255,255,0) linear-gradient(to right, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.98) 12%, rgba(255,255,255,1) 12.5%) repeat scroll 0 0;
}

/* Menus */
#header .submenu {
    background: rgba(255,255,255,0.98) none repeat scroll 0 0;
}

/* END: ENABLE CHANGING TRANSPARENCY LEVELS */

/* BEGIN: PROXY COLORS */
/* 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 */
img.photo.color1,
.colorpreview.color1,
#proxies .color1:after,
body.color1 #header .menugroup.selected .menuicon:after {
	background-color: #37BAAB;
}

#proxies .color1 .proxyicon,
#proxies a.color1 .proxyicon {
	background-color: #37BAAB;
	border-color: #37BAAB;
}

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

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

#proxies .color2 .proxyicon,
#proxies a.color2 .proxyicon {
	background-color: #CC0000;
	border-color: #CC0000;
}

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

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

#proxies .color3 .proxyicon,
#proxies a.color3 .proxyicon {
	background-color: #003348;
	border-color: #003348;
}

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

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

#proxies .color4 .proxyicon,
#proxies a.color4 .proxyicon {
	background-color: #B8E3EB;
	border-color: #B8E3EB;
}

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

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

#proxies .color5 .proxyicon,
#proxies a.color5 .proxyicon {
	background-color: #FFD216;
	border-color: #FFD216;
}

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

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

#proxies .color6 .proxyicon,
#proxies a.color6 .proxyicon {
	background-color: #8C8C8C;
	border-color: #8C8C8C;
}

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

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

#proxies .color7 .proxyicon,
#proxies a.color7 .proxyicon {
	background-color: #000000;
	border-color: #000000;
}

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

/* END: Proxy Colors */

/* BEGIN: Locale menu */
body div#wrap #localeswitch #morelocales li a:hover:not(.button) {
    background-color: #45A6EC;
}
/* END: LOCALE MENU */


/* BEGIN: HIGH CONTRAST OVERRIDES */
/* Force white background in the main pane */
html[data-altstylesheet="High Contrast"] #main,
html[data-altstylesheet="High Contrast"] .BeforeList input.SearchList {
    background: #fff;
}

/* Darken blue sidebar links and other links that appear on non-white backgrounds */
html[data-altstylesheet="High Contrast"]  #sidebar .recovery a, 
html[data-altstylesheet="High Contrast"]  #sidebar .component.medicationslist .pickupbanner,
html[data-altstylesheet="High Contrast"]  #sidebar .component.medicationslist .pendingupdates,
html[data-altstylesheet="High Contrast"]  .visitinformation a:not(.button),
html[data-altstylesheet="High Contrast"]  .apptDeptInstructions .section.flat a:not(.button),
html[data-altstylesheet="High Contrast"]  .medbottom .medinfocolumn a,
html[data-altstylesheet="High Contrast"]  .softwarning a:not(.button) {
	 color: #298479; 
}



/* Darken sidebar headers */
html[data-altstylesheet="High Contrast"]  #sidebar .header {
	color: #BD1402;
}

/* Darken datestamp */
html[data-altstylesheet="High Contrast"]  .Visits .card .date div,
html[data-altstylesheet="High Contrast"]  .previewCCD .listelement .date div {
	color: #298479;
}


html[data-altstylesheet="High Contrast"]  #sidebar {
	background-color: rgba(255, 255, 255, 0.9);
}


/* Darken edit icon (e.g. add health issue popup) */
html[data-altstylesheet="High Contrast"]  img[src*="edit.png"] {
	background-image: url('../images/edit_HC.png');
}



html[data-altstylesheet="High Contrast"]  .button:not(.buttoncheck),
html[data-altstylesheet="High Contrast"]  .button:not(.buttoncheck):focus,
html[data-altstylesheet="High Contrast"]  .button:not(.buttoncheck):hover,
html[data-altstylesheet="High Contrast"]  ul.MessageList.list.hoverable.collapsible .SingleMessage .ReplyButton a.button {
	background-color: #02253C;
}

html[data-altstylesheet="High Contrast"]  .button.nextstep,
html[data-altstylesheet="High Contrast"]  .button.nextstep:focus,
html[data-altstylesheet="High Contrast"]  .button.nextstep:hover {
	background-color: #1A5954;
}

html[data-altstylesheet="High Contrast"]  .button.completeworkflow,
html[data-altstylesheet="High Contrast"]  .button.completeworkflow:focus,
html[data-altstylesheet="High Contrast"]  .button.completeworkflow:hover {
	background-color:  #1A5954;
}

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

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

html[data-altstylesheet="High Contrast"]  .button.inlineedit,
html[data-altstylesheet="High Contrast"]  .button.inlineedit:focus,
html[data-altstylesheet="High Contrast"]  .button.inlineedit:hover {
	background-color: #02253C;
}

html[data-altstylesheet="High Contrast"]  .button.inlinesave,
html[data-altstylesheet="High Contrast"]  .button.inlinesave:focus,
html[data-altstylesheet="High Contrast"]  .button.inlinesave:hover {
	background-color:  #1A5954;
}

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

html[data-altstylesheet="High Contrast"]  #main .back .button {
	color: #02253C;
}

html[data-altstylesheet="High Contrast"]  body .stepContainer .openingsData .slotslist .slotdetailaction.selected,
html[data-altstylesheet="High Contrast"]  body .lookup .searchinputs:after,
html[data-altstylesheet="High Contrast"]  body .lookup .expanded #searchimg {
	background-color:  #1A5954;
	border-color:  #1A5954;
}
/* END: HIGH CONTRAST OVERRIDES */

/* 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. */

/*Text box colors 11.20.2017*/
html.notile body.isInside.hasNoCommunityLinks.color1.md_testresults_index.ready.tall div#wrap div#content.fitme.width div#main.withSidebar div.TestResults.template div.HPtemplate.Panel.container.component.notoolbar div.content div.container.component.notoolbar.SupportsAnimations div.content div.TestResultsHeader.component.notoolbar div.content div.BeforeTestResultsList input#searchList-2.SearchList {
	background-color: #F5F5F5;
}

.providerTitle {
	display: none;
}

.links {
	text-align: center;
	width: 100%;
}

/* Login page */
.features .icon-resources {
	background-image: url("../images/quicklinks/questionnaire.png");
}
.features .icon-healthRecord {
	background-image: url("../images/quicklinks/Health_Record.png");
}
body.isPrelogin footer#footer div.mainStyle div.badges.sm-alignCenter {
	display: none;
}

/* SSO login button */
html.notile body.loginPage.hasNoCommunityLinks.isPrelogin div#wrap div#content aside#sidebar div.login a.button {
	display: none;
}

/* Hide Upcoming Appointments */
html.notile body.isInside.hasNoCommunityLinks.md_visitslist_index.ready div#wrap div#content.fitme.width div#main.withSidebar div div.Visits.template div.HPtemplate.Panel.container.component.notoolbar div.content div.container.component.notoolbar.SupportsAnimations div.content div.visitcomponent.upcomingvisits.notoolbar div.content div.visitcomponent-header {
	display: none;
}

html.notile body.isInside.hasNoCommunityLinks.md_visitslist_index.ready div#wrap div#content.fitme.width div#main.withSidebar div div.Visits.template div.HPtemplate.Panel.container.component.notoolbar div.content div.container.component.notoolbar.SupportsAnimations div.content div.visitcomponent.upcomingvisits.notoolbar div.content div.listsection {
	display: none;
}

html.notile body.isInside.hasNoCommunityLinks.md_visitslist_index.ready div#wrap div#content.fitme.width div#main.withSidebar div div.Visits.template div.HPtemplate.Panel.container.component.notoolbar div.content div.container.component.notoolbar.SupportsAnimations div.content div.visitcomponent.upcomingvisits.notoolbar div.content div.nodatalistelement {
	display: none;
}

html.notile body.isInside.hasNoCommunityLinks.md_visitslist_index.ready div#wrap div#content.fitme.width div#main.withSidebar div div.Visits.template div.HPtemplate.Panel.container.component.notoolbar div.content div.container.component.notoolbar.SupportsAnimations div.content div.component.notoolbar div.content div div.filters.noprint.extraWide {
	display: none;
}

html.notile body.isInside.hasNoCommunityLinks.md_visitslist_index.ready div#wrap div#content.fitme.width div#main.withSidebar div div.Visits.template div.HPtemplate.Panel.container.component.notoolbar div.content div.container.component.notoolbar.SupportsAnimations div.content div.visitcomponent.pastvisits.CommunityListManager.notoolbar div.content div.pastlist div.spliter {
	display: none;
}

html.notile body.loginPage.hasNoCommunityLinks.isPrelogin div#wrap div#content div#sidebar div.login a.button {
	display: none;
}

/* stretch news boxes on home page */
.component.news .newscard h3 {
	font-weight:bold;
	font-size:1.2em;
}

.component.news .pretext {
	margin-top: 1rem;
}

.component.news .newscard.fluCard {
	background-image: url("../images/Bandaid.png");
	font-size: 14pt;
	min-height: 9rem;
}

.component.news .newscard.firstCard {
	background-image: url("../images/NurseSupport.png");
	font-size: 14pt;
	min-height: 9rem;
}

.component.news .newscard.thirdCard {
	background-image: url("../images/ClosedHand.png");
	font-size: 14pt;
	min-height: 9rem;
}

.component.news .newscard.fourthCard {
	background-image: url("../images/X-Ray.png");
	font-size: 14pt;
	min-height: 9rem;
}

.component.news .newscard.seventhCard {
	background-image: url("../images/ResultChart.png");
	font-size: 14pt;
	min-height: 9rem;
}

.component.news .newscard.legal {
	padding-left: 1rem;
}

.component.news .navy {
	background-color: #192e59;
	color: #FFFFFF;
}

.component.news .navy h3 {
	color: #FFFFFF;
}

.component.news .navy a {
	color: #FFFFFF;
	text-decoration: underline;
}

.component.news .teal {
	background-color: #37baab;
	color: #003348;
}

.component.news .teal h3 {
	color: #003348;
}

.component.news .teal a {
	color: #003348;
	text-decoration: underline;
}

.component.news .red {
	background-color: #cc0000;
	color: #FFFFFF;
}

.component.news .red h3 {
	color: #FFFFFF;
}

.component.news .red a {
	color: #FFFFFF;
	text-decoration: underline;
}

.component.news .blue {
	background-color: #09569e;
	color: #FFFFFF;
}

.component.news .blue h3 {
	color: #FFFFFF;
}

.component.news .blue a {
	color: #FFFFFF;
	text-decoration: underline;
}

.component.news .gray {
	background-color: #eaeaea;
	color: #000000;
}

.component.news .gray h3 {
	color: #000000;
}

.component.news .gray a {
	color: #000000;
	text-decoration: underline;
}

/* add middle alignment. must set height */
.component.news .newscard.valignMiddle::before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

.component.news .newscard.valignMiddle > div {
	display: inline-block;
	vertical-align: middle;
	width: 99%;
}

.component.news .newscard.valignMiddle h3 {
	padding-top:0;
}

/* libraryarticles */
ul#ahsdiseasespecific li, ul#ahsgeneral li {
	float: left;
	margin-right: 5px;
}
ul#ahsdiseasespecific li::after, ul#ahsgeneral li::after {
	content: " | ";
}
ul#ahsdiseasespecific li a, ul#ahsgeneral li a {
	display: inline-block;
	padding:1px 5px 1px 2px;
	border: 1px solid #ffffff;
}
ul#ahsdiseasespecific li a.selected, ul#ahsgeneral li a.selected {
	color: #000000;
	background-color: #FFF6F5;
	/*background-color: #D9F2F1;*/
	text-decoration:underline;
	border: 1px solid #999999;
}

/* careconnections */
.ahscard span.header {
	border:1px solid #eaeaea;
	background-color:rgba(204,0,0,0.05);
	padding-top:0.5rem;
	padding-left:10px; 
	font-size:1.2rem;
}
.ahscard ul, .ahscard p {
	margin-top:5px;
	padding-left:5px;
}
.ahscard.black span.header {
	background-color:#000000;
	color:#FFFFFF;
}
.ahscard.navy span.header {
	background-color:#0B315E;
	color:#FFFFFF;
}

/* COVID page */
.campaignCard.first,
.campaignCard.third {
	padding-left: 9rem;
	background-image: url("../images/MagnGlassBlack.png");
	background-color: #192e59;
	color: #fff;
	min-height: 8rem;
}
.campaignCard.second {
	min-height: 7rem;
}
.campaignCard.first h2,
.campaignCard.third h2 {
	color: #fff;
}
.campaignCard.first a,
.campaignCard.third a {
	color: #FFFFFF;
	text-decoration: underline;
}
.campaignCard ol {
	padding-left: 1rem;
}
.campaignCard.second ol {
	list-style-type: disc;
}

/* Style HTML note in questionnaire look like a question */
.qnr-container [class*="question"] .helptext .reset {
	font-size: 1rem;
	line-height: 1.25rem;
	color: #363636;
}
.qnr-container [class*="question"] .helptext p.reset {
	margin: 1rem 0 1rem 0;
}
.qnr-container [class*="question"] .helptext ul.reset {
	list-style: disc outside none;
	margin-left: 2rem;
}
.qnr-container [class*="question"] .helptext ul.reset li {
	line-height: 1.25rem;
}
.section.questionsContainer .question .answers .tbContainer label[for], .section.questionsContainer .answers .card .tbContainer label[for] {
	text-align: left;
}
/* Reset Questionnaire Pretext and Posttext */
.qnr-container div.fmtConv, .qnr-container div.fmtConv span, 
.qnr-form .posttext div.fmtConv, .qnr-form .posttext div.fmtConv span {
	font-family: inherit !important;
	font-size: 1.1rem !important;
	color: inherit !important;
}

/* Hide MyChart surveys and Consent forms */
.md_mychartquestionnaire_questionnaires table.optionalqnrs tr[data-qnr-id="100700"],
.md_mychartquestionnaire_questionnaires table.optionalqnrs tr[data-qnr-id="100701"],
.md_mychartquestionnaire_questionnaires table.optionalqnrs tr[data-qnr-id="100702"],
.md_mychartquestionnaire_questionnaires table.optionalqnrs tr[data-qnr-id="100008"],
.md_mychartquestionnaire_questionnaires table.optionalqnrs tr[data-qnr-id="100027"],
.md_mychartquestionnaire_questionnaires table.optionalqnrs tr[data-qnr-id="1500000001"] {
	display: none;
}

/* Survey links in sidebar */
.surveyLinks {
	min-height: 80px;
}

.surveyLinks a {
	width: 100%;
	display: block;
	text-align: left;
	padding: 0.6rem 0;
	margin: 0;
	min-height: 2.5rem;
	position: relative;
}

.surveyLinks a img {
	width: 2.5rem;
	height: 2.5rem;
	display: inline-block;
	vertical-align: middle;
	margin: 0 0.7rem 0 0;
}

.surveyLinks a span {
	display: inline-block;
	width: calc(100% - 2.5rem - 0.7rem);
	vertical-align: middle;
}

.surveyLinks a::after {
	width: calc(100% - 2.5rem - 0.7rem); /*Width of image and margin right*/
	background-color: rgba(128,128,128,0.25);
	content: "";
	height: 1px;
	position: absolute;
	bottom: 0;
	right: 0;
}

.surveyLinks a:last-child::after {
	height: 0;
}

/* track my health - space before Now */
form#flowsheetform div.formcontents div#add.section div.content div#PEF-Table.PEF fieldset#reading1.reading.first div#pefread1date.reading.date.odd input#now.button.multi.inlineedit {
	margin: 0 0.25rem;
}
form#flowsheetform div.formcontents div.section > p:first-of-type {
	margin-top: 0.5rem;
}
form#flowsheetform div.formcontents div.section div.alert div.bpinstr {
	text-align: left;
	color: #333333;
}
form#flowsheetform div.formcontents div.section div.alert div.bpinstr ul {
	list-style-type: disc;
	padding-left: 30px
}
.section .content .PEF .headerrow {
	background-color: rgba(204, 0, 0, 0.05);
	color: #cc0000;
}

/* Hide Helpful Resources */
div#helpful-resources-container {
	display: none;
}

/* login widget */
.embedded #main {
	font-size: 0.9rem;
}
.embedded #footer .copyright {
	font-size: 0.812rem;
}

/* notes on registration page */
.helptext span.small {
	font-size: 0.75rem;
}

/* add spacing when patientfooter follows a form */
form + div.patientfooter {
	margin-top: 1.5rem;
}

.jumbotron {
	display: none;
}

#twofactorresend input[type="submit"], #twofactorresend input[type="button"] {
	color: #CC0000;
}

/* Preferences - Hide appointment detail status */
div#preferencemain.content div.ticklers div.additionalinfo div#appointmentupdate {
	display: none;
}