/* 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 */
:root {
    --bg-color: #fff;
    --button-text-color: #fff;
    --filter-hover-bg-color: #fff;
    --filter-active-bg-color: #f0f0f0;
    --footer-color: #5e5e5e;
    --primary-color: #800000;
    --primary-color-hover: #c00000;
    --primary-color-active: #ca4949;
    --disabled-color: #d9d9d9;
    --disabled-text-color: #5e5e5e;
    --disabled-link-color: #737373;
    --alternative-color: #007396;
    --alternative-color-hover: #0093c0;
    --alternative-color-active: #3eb1c8;
	--ia-chatbot-main: #8c0424;
    --ia-chatbot-secondary: #8f2525;
    --maroon: #800000;
    --maroon-hover: #bf0000;
    --maroon-active: #ca4a49;
    --dark-grey-stone: #737373;
    --grey-stone: #a6a6a6;
    --light-grey-stone: #d9d9d9;
    --updated-light-grey: #f5f5f6;
    --font-family: Gotham SSm A, Gotham SSm B, Gotham, Helvetica, sans-serif;
    --line-height: 1.2em;
    --scroll-behavior: smooth !important;
	--box-borders: #a6a6a6;
	--button-borders: #800000;
	--graybg: #f5f5f6;
}

/** Pre-Login / Bulletin Board **/	

body#main {
	font-family: var(--font-family);
}

body.isPrelogin .logo {
	background-position: center;  
	height: 8rem;
	margin: 2rem auto;
}
body.midlogin:before {
	background: none;
}

.features .icon-account {
     background-image: url("../images/customimages/statements.png");
}
.features .icon-advice {
     background-image: url("../images/customimages/medical_advice.png");
}
.features .icon-calendar {
     background-image: url("../images/customimages/appointments.png");
}
.features .icon-guestpay {
     background-image: url("../images/customimages/payments.png");
}
.features .icon-covidstatus {
	 background-image: url("../images/customimages/covid_status.png");
}
.features .icon-evisit {
	 background-image: url("../images/customimages/evisit.png");
}
.features .icon-opennotes {
	 background-image: url("../images/customimages/providernotes.png");
}
.features .icon-medications {
	 background-image: url("../images/customimages/medications.png");
}
.features .icon-testResults {
	 background-image: url("../images/customimages/test_results.png");
}
.features .icon-estimates {
	 background-image: url("../images/customimages/priceestimates.png");
}
.features .icon-covidstatus {
	 background-image: url("../images/customimages/covid.png");
}
.features .icon-imaging {
	 background-image: url("../images/customimages/imaging_view.png");
}
.features .icon-virtualurgent {
	 background-image: url("../images/customimages/videovisit_female.png");
}


/**Main Page **/
#main, body:not(.isPrelogin) #footer, #content.midlogin #footer, #mainFooter, .BeforeList input.SearchList, .md_termsconditions_index {
	background-color: var(--bg-color);
}
.shortcutButtons#shortcut-buttons:before {
	background-image: none;
    mask-image: none;
    background-color: #ffffff;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1), 0 4px 10px 0 rgba(0, 0, 0, 0.1);
}
.shortcutButtons .shortcutButtonList .shortcutButton a:hover, .shortcutButtons .shortcutButtonList .shortcutButton a:focus {
	border: 1px solid #000;
	padding: calc(.25rem - 1px);
}

#graphicHeader:not(:empty) #header_logo .header_logo_link {
	background: transparent url("../images/ucmhomelogo.svg") no-repeat scroll left/contain;
}
html {
	font-family: var(--font-family);
	color: #000;
}

body.graphicHeader:not(.isPrelogin):after, body.md_selftriage_load:after, body.md_landingpage_loadlandingpagedecisiontrees:after, 
body.md_selftriage_errorpage:after, body.graphicHeader.md_crossdeploymentscheduling_schedulefromtoken:after, 
body.graphicHeader.md_openscheduling_index:after, body.graphicHeader.md_openscheduling_standalone:after, 
body.graphicHeader.md_anonymoustelehealth_index:after, body.md_telemedicinehome_guestvisit:after, body.graphicHeader.md_onmyway_index:after, 
body.graphicHeader.md_standalone_signup:after, body.graphicHeader.md_anonymousscheduling_generateerrorviewfromtoken:after, 
body.graphicHeader.md_bedlogin_index:after, body.graphicHeader.md_react_index:after, body.graphicHeader.md_react_host:after {
	background: var(--bg-color);
}
.shortcutButtons#shortcut-buttons:before {
	box-shadow: none;
}
.homepageHeadingRow h1 {
	font-weight: 900;
}
.UCMpretext {
	font-size: 13pt;
	font-weight: normal;
	line-height: 1.25rem;
	color: #000;
	padding-top: .75rem;
}
.careteam .listelement.opacity20 {
	background-color: #fff;
	border: 1px solid #000;
}


/** Tables **//
._TableHeaders {
	border-bottom: 5px solid var(--primary-color);
}

.section > *:not(.report) thead tr._TableHeaders,
table.photo.noedit thead tr {
	background-color: var(--bg-color);
	border-bottom: 5px solid var(--primary-color);
}
.section > *:not(.report) tr:first-child th._TableHeadCell {
	background-color: var(--bg-color);
}


/** Headers & Font **/
.h2, .h3, .h4, .h5, .h6, h2, h3, h4, h5, h6, h2.header {
	font-weight: 600;
	font-family: var(--font-family);
	line-height: normal;
}
.h1 {
	font-size: 2rem;
	font-weight: 900;
	line-height: 1.2;
}
h1.header:not(.paddedtitle), .header.large:not(.paddedtitle) {
	font-size: 2rem;
	font-weight: 900;
	line-height: 1.2;
}
h1.header.paddedtitle, .header.large.paddedtitle {
	line-height: 1.5rem;
}
h3._heading {
	font-weight: normal;
}
h3.header {
	font-weight: 600;
}
h2._heading {
	font-weight: 600;
	color: #800000;
}

.headerTitle, ._PageTitle .titleGroup ._heading, h1._heading  {
	font-weight: 900;
}
#main .title h1 {
	font-weight: 900;
}

/* Side Bar */
#sidebar, #sidebarFooter {
	background-color: #fff;
	color: black;
}
._PageTitle.valance {
	background-color: var(--bg-color);
}

.PersonalInformation .RelatedLinksSidebar {
	background-color: var(bg-color);
}
.quickLinks.vertical a::after {
	width: 100%;
}
#content.hasSidebar #sidebar {
	box-shadow: none;
}

/** Buttons **/
.button, ._link.primary.positive, ._command.primary.positive {
	border-radius: 8px;
	transition: background-color .1s,color .1s;
}

/** Primary Button **//
.button:hover {
	background: var(--primary-color-hover);
}

.button:active {
	background: var(--primary-color-active);
}
.button.primary.positive:hover {
	background-color: var(--primary-color-hover);
}
.button.primary.positive:active {
	background: var(--primary-color-active);
}
.button.nextstep:hover, .button.completeworkflow:hover,  .button.inlinesave:hover, ._link.primary.positive:hover, ._command.primary.positive:hover, .button.primary.neutral:hover {
	background: var(--primary-color-hover);
}

.button.nextstep:active, .button.completeworkflow:active, .button.inlinesave:active, ._link.primary.positive:active, ._command.primary.positive:active, .button.primary.neutral:active  {
	background: var(--primary-color-active);
}
.formbuttons.multiStep .button:not(.hidden, [disabled], [aria-disabled=true], .disabled):first-child.nextstep:hover, .formbuttons.multiStep 
.button:not(.hidden, [disabled], [aria-disabled=true], .disabled):first-child.nextstep:active, .formbuttons.multiStep .button:not(.hidden, [disabled], [aria-disabled=true], 
.disabled):first-child.completeworkflow:hover, .formbuttons.multiStep .button:not(.hidden, [disabled], [aria-disabled=true], .disabled):first-child.completeworkflow:active, 
.formbuttons.multiStep .button:not(.hidden, [disabled], [aria-disabled=true], .disabled):first-child.inlinesave:hover, .formbuttons.multiStep .button:not(.hidden, [disabled], [aria-disabled=true], 
.disabled):first-child.inlinesave:active, .formbuttons.multiStep .button:not(.hidden, [disabled], [aria-disabled=true], .disabled):first-child.positive:hover, .formbuttons.multiStep 
.button:not(.hidden, [disabled], [aria-disabled=true], .disabled):first-child.positive:active {
	background: var(--primary-color-hover);
}
._ActionGroup.type-dialog ._actionable:not([disabled], [aria-disabled=true], .disabled):hover, ._ActionGroup.type-dialog ._actionable:not([disabled], [aria-disabled=true], .disabled):active {
	background-color: #dbdbdb;
	color: #565656;
	text-decoration: none;
	border-color:#dbdbdb;
}
#schedulingstop-button:hover {
	background: var(--primary-color-active);
}
.button.cancelworkflow:hover,  .button.inlinedelete:hover, .button.walkInButton:hover {
	background: var(--primary-color-hover);
}
.button.cancelworkflow:active, .button.inlinedelete:active, .button.walkInButton:active {
	background: var(--primary-color-active);
}
.OMWpretext {
	font-size: 13pt;
	font-weight: normal;
	line-height: normal;
	color: #565656;
	padding-top: .8em;
}

/** Secondary Button **/
.button.secondary  {
	background-color: var(--bg-color);
	color: var(--primary-color);
}
.button.secondary:hover, .button.secondary.positive:hover, .button.secondary.neutral:hover, ._link.secondary.negative:hover,  ._command.secondary.negative:hover, .button.secondary.neutral:hover, 
#main .back .button:hover {
	background-color: var(--bg-color);
	color: var(--primary-color-hover);
	/**font-weight: bold;**/
}

.button.secondary:active, .button.secondary.positive:active, 
.button.secondary.neutral:active,
._link.secondary.negative:active, ._command.secondary.negative:active,
#main .back .button:active {
	background-color: var(--bg-color);
	color: var(--primary-color-active);
	font-weight: bold;
}
	

.shortcutButtons .shortcutButtonList .shortcutButton a {
	background-color: var(--bg-color);
	
}
.shortcutButtons .shortcutButtonList .shortcutButton a:hover, .shortcutButtons .shortcutButtonList .shortcutButton a:focus {
	background-color: var(--bg-color);
}

/** Other Buttons **/
.tbContainer label.togglebutton[for], .button.buttoncheck label.togglebutton[for] {
	border-radius: 28px;
	color: var(--primary-color);
	border-color: var(--primary-color);
}

.tbContainer input.togglebutton, .button.buttoncheck input.togglebutton,
input.invalid:not(:focus), select.invalid:not(:focus), textarea.invalid:not(:focus),
input[type=radio] {
	color: var(--primary-color);
}

.formbuttons.multiStep .button:not(.hidden):not([style*="display: none"]) ~ .button:not(.hidden, [disabled], [aria-disabled=true], .disabled) {
	border-color: var(--primary-color);
	color: var(--primary-color);
}

.tbContainer input.togglebutton:not(:disabled):active + label.togglebutton[for],  
.button.buttoncheck input.togglebutton:not(:disabled):active + label.togglebutton[for], .button.buttoncheck input.togglebutton:not(:disabled) + label.togglebutton[for]:active,
.tbContainer input.togglebutton:not(:disabled) + label.togglebutton[for]:hover, .button.buttoncheck input.togglebutton:not(:disabled) + label.togglebutton[for]:hover,
.tbContainer input.buttoncheck:not(:disabled) + label.buttoncheck:hover, .button.buttoncheck input.buttoncheck:not(:disabled) + label.buttoncheck:hover,
.formbuttons.multiStep .button:not(.hidden):not([style*="display: none"]) ~ .button:not(.hidden, [disabled], [aria-disabled=true], .disabled).cancelworkflow:hover, 
.formbuttons.multiStep .button:not(.hidden):not([style*="display: none"]) ~ .button:not(.hidden, [disabled], [aria-disabled=true], .disabled).cancelworkflow:active, 
.formbuttons.multiStep .button:not(.hidden):not([style*="display: none"]) ~ .button:not(.hidden, [disabled], [aria-disabled=true], .disabled).inlinedelete:hover, 
.formbuttons.multiStep .button:not(.hidden):not([style*="display: none"]) ~ .button:not(.hidden, [disabled], [aria-disabled=true], .disabled).inlinedelete:active, 
.formbuttons.multiStep .button:not(.hidden):not([style*="display: none"]) ~ .button:not(.hidden, [disabled], [aria-disabled=true], .disabled).negative:hover, 
.formbuttons.multiStep .button:not(.hidden):not([style*="display: none"]) ~ .button:not(.hidden, [disabled], [aria-disabled=true], .disabled).negative:active,
.formbuttons.multiStep .button:not(.hidden):not([style*="display: none"]) ~ .button:not(.hidden, [disabled], [aria-disabled=true], .disabled):hover, 
.formbuttons.multiStep .button:not(.hidden):not([style*="display: none"]) ~ .button:not(.hidden, [disabled], [aria-disabled=true], .disabled):active {
	background-color:#fff;
	border-color: var(--primary-color-active);
	color: var(--primary-color-active);
}
.tbContainer input.togglebutton:checked + label.togglebutton[for], .button.buttoncheck input.togglebutton:checked + label.togglebutton[for],
.tbContainer input.togglebutton:not(:disabled) + label.togglebutton[for]:active,
.tbContainer input.togglebutton:checked + label.togglebutton[for]:hover {
	background-color: var(--primary-color-active);
	border-color: var(--primary-color-active);
	color: var(--button-text-color);
	box-shadow: none;
}

.tbContainer input.buttoncheck:not(:disabled):active + label.buttoncheck, .tbContainer input.buttoncheck:not(:disabled) + label.buttoncheck:active, 
.button.buttoncheck input.buttoncheck:not(:disabled):active + label.buttoncheck, .button.buttoncheck input.buttoncheck:not(:disabled) + label.buttoncheck:active {
	box-shadow: inset 0 0 0 1px var(--primary-color-active);
}
@media (hover: hover) and (pointer: fine) {
	.tbContainer input.buttoncheck:not(:disabled) + label.buttoncheck:hover, .button.buttoncheck input.buttoncheck:not(:disabled) + label.buttoncheck:hover {
		background-color:#fff;
		border-color: var(--primary-color-hover);
		color: var(--primary-color-hover);
	}
}
input.prettycheck:checked + label:before, input.buttoncheck:checked + label.buttoncheck:before {
	background-color: var(--primary-color-active);
	border-color: var(--primary-color-active);
}

.tbContainer input.buttoncheck:checked + label.buttoncheck, .button.buttoncheck input.buttoncheck:checked + label.buttoncheck {
	background-color: var(--bg-color);
	border-color: var(--primary-color-active);
}

.button[disabled][class][class], .button[disabled][class][class]:focus, .button[disabled][class][class]:hover, 
.button[disabled][class][class]:active, .button[aria-disabled=true][class][class], 
.button[aria-disabled=true][class][class]:focus, .button[aria-disabled=true][class][class]:hover, 
.button[aria-disabled=true][class][class]:active, .button.disabled[class][class], 
.button.disabled[class][class]:focus, .button.disabled[class][class]:hover, .button.disabled[class][class]:active,
.button.disabled[class][class]:checked {
	background-color: #dbdbdb;
	color: #565656;
	text-decoration: none;
	border-color:#dbdbdb;
}
.tbContainer input.togglebutton:disabled:checked + label.togglebutton[for],
.button.buttoncheck input.togglebutton:disabled:checked + label.togglebutton[for] {
	background-color: #dbdbdb;
	color: #565656;
	text-decoration: none;
	border-color:var(--primary-color-active);
}
._Choice ._input:checked + ._DataEntryLabel {
	background: var(--bg-color);
	color: var(--primary-color-active);
	border: 1px solid var(--primary-color-active);
}
._Choice.check-button ._input:checked + ._DataEntryLabel::before {
	background-color: var(--primary-color-active);
	border-color: var(--primary-color-active);
}

._Choice ._DataEntryLabel {
	border: 1px solid var(--primary-color);
	color: var(--primary-color);
	background: var(--bg-color);
}
._Choice ._input:not(:disabled) + ._DataEntryLabel:hover {
	color: var(--primary-color-hover);
	background: var(--bg-color);
	border-color: var(--primary-color-hover);
}
._Choice.confirmation ._input:checked + ._DataEntryLabel::before {
	background-color: var(--primary-color-active);
	color: var(--button-text-color);
	border-color: var(--primary-color-active);
}
._Choice.confirmation ._input:not(:disabled) + ._DataEntryLabel:hover {
	background: var(--bg-color);
	color: var(--primary-color-hover);
	border: 1px solid var(--primary-color-hover);
}
._Choice ._input:not(:disabled):active + ._DataEntryLabel, ._Choice ._input:not(:disabled) + ._DataEntryLabel:active {
	box-shadow: inset 0 0 0 1px var(--primary-color-active);
}
.PillButton:focus.informative, .PillButton:hover.informative {
	background: var(--primary-color-hover);
}
.PillButton:focus, .PillButton:hover {
	box-shadow: 0 0 0 1px var(--primary-color-hover);
}

._ActionGroup.type-item.flavor-subtle ._actionable:focus, ._ActionGroup.type-item.flavor-subtle ._actionable:hover, ._ActionGroup.type-item.flavor-subtle ._actionable:active {
	background-color: var(--bg-color);
	color: var(--primary-color-hover);
}
._actionable:active {
	background: var(--bg-color);
	color: var(--primary-color-active);
}

.Popup .toolbar .buttons .button ~ .button:not([disabled], [aria-disabled=true], .disabled):hover,
.Popup .toolbar .buttons .button ~ .button:not([disabled], [aria-disabled=true], .disabled).inlinedelete:hover,
.Popup .toolbar .buttons .button ~ .button:not([disabled], [aria-disabled=true], .disabled).cancelworkflow:hover,
.Popup .toolbar .buttons .button ~ .button:not([disabled], [aria-disabled=true], .disabled).inlinedelete:active {
	background-color: var(--bg-color);
	color: var(--primary-color-hover);
}
.Popup .toolbar .buttons .button ~ .button:not([disabled], [aria-disabled=true], .disabled):active,
.Popup .toolbar .buttons .button ~ .button:not([disabled], [aria-disabled=true], .disabled).cancelworkflow:active,
.Popup .toolbar .buttons .button ~ .button:not([disabled], [aria-disabled=true], .disabled).inlinedelete:active,
.Popup .toolbar .buttons .button ~ .button:not([disabled], [aria-disabled=true], .disabled).negative:active {
	background-color: var(--bg-color);
	color: var(--primary-color-active);
}

/**Pop Up Windows**/
._PopupContainer ._TitleBar {
	background-color: var(--bg-color);
	border-bottom: 8px solid #000;
}


/** Misc Cards	**/
.list.hoverable:not(.collapsible,.quickLinks,.careteam) li:focus, 
.list.hoverable:not(.collapsible,.quickLinks,.careteam) ul:not(.helptext,.row) 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  {
	border: 1px solid #800000;
	background-color: #fff;
}

.list.hoverable ul.helptext li:hover {
	background-color: var(--bg-color);
	color: var(--primary-color-hover);
}
.list.quickLinks.hoverable li:hover {
	background: none;
	fill: var(--primary-color-hover);
	color: var(--primary-color-hover);
}

.list.hoverable.quickLinks a:not(.button,.helpful-resource-elem):hover {
	color: var(--primary-color-active);
	background: none;
	font-weight: bold;
}
.quickLinks a svg:hover {
	fill: var(--primary-color-active);
}

a:focus, a:hover, .linkcolor:focus, .linkcolor:hover, clickable a:focus, .clickable:hover a {
	color: var(--alternative-color);
}

.card .buttonList.subtle .button:focus, .card .buttonList.subtle .button:hover, .card .buttonList.subtle .button:active {
	color: var(--primary-color-hover);
	background-color: #fff;
	font-weight: bold;
}

.videoCard .individualVideo:hover {
	background-color: var(--updated-light-grey);
}
.FlowsheetListItem:hover, .LinkListItem:hover {
	background-color: var(--bg-color);
	color: var(--primary-color-hover);
	border: 1px solid var(--primary-color-hover);
}
.list.hoverable:not(.collapsible,.quickLinks,.careteam) a:not(.button,.quickLinks,.careteam):hover {
	background: var(--bg-color);
	color: var(--primary-color-hover);
	border: 1px solid var(--primary-color-hover);
}	

._link.secondary.neutral:hover, ._link.secondary.neutral:active, ._command.secondary.neutral:hover, ._command.secondary.neutral:active {
	background-color: var(--bg-color);
	color: var(--primary-color-hover);
	border: 1px solid var(--primary-color-hover);
}
.providerphoto.small {
	background-color: var(--grey-stone);
}


/** Forms **/

input:is(:-webkit-autofill, :autofill){
	background-color: var(--grey-stone);
}

.geolocationContainer .chip, .slotStepChipCarousel .chip {
	background: var(--bg-color);
	border: var(--primary-color);
	color: var(--primary-color);
}
	
/** Footer **/

.terms {
	overflow-y:hidden;
}


/**Schedule an Appointment**/

.isPrelogin #content {
	box-shadow: none;
}

.isPrelogin #scheduling-workflow .PromotedSpecialties:before, #scheduling-workflow .landingPage .specialties .banner:before {
	border: 1px solid #d9d9d9;
    background: var(--bg-color);
    border-radius: 6px;
    margin-left: -3.25rem;
    width: calc(100% + 6.5rem);
}


.LandingPageReact .ticketsFavorites::before {
	border: 1px solid #d9d9d9;
	background: none;
	border-radius: 6px;
	margin-left: -3.25rem;
	width: calc(100% + 6.5rem);
}
.SchedulingOption .action:hover  {
	border: 1px solid var(--primary-color);
	background-color: var(--bg-color);
}
.appointmentdetailsinfopane .providerphotocell .providerphotoandtitle .paddedtitle {
	line-height: 1.5rem:
}
.cardlist.selectable.multiselect .card.selected, .cardlist.selectable.autoadvance .card.selected {
	border: 2px solid var(--primary-color-active);
}
.progressiveDisclosureText .mainText.expandableMainText:hover {
	background-color: var(--bg-color);
	border: 1px solid var(--primary-color-hover);
}

.slot.selected, .slotgroup.preview .slot, html:not(.mobile) .slot:hover, html:not(.mobile) .slot:focus {
	background-color: var(--bg-color);
	color: var(--primary-color-hover);
	border: 1px solid var(--primary-color-hover);
}
.slotsstep .schedulinginstructions .helptip, .confirmationstep .schedulinginstructions .helptip {
	border-left: 20px solid #ffa400;
	border-radius: 0;
	background-image: none;
	border-right: none;
	border-top: none;
	border-bottom: none;
}
.card.helptip {
	border-radius: 0;
	padding: 1rem;
	background: none;
}
.locationstep .card.helptip.helpicon {
	background-image: none;
}


/** Appointments & Visits **/
.Visits .filters {
	background-color: var(--bg-color);
}

.Visits .filters .filter {
	border: 1px solid #dbdbdb;
}
.visitactionbanner.checkinwatermark:before {
	background-image: none;
}
.md_visitdetails_index .telemedicine, .md_visitdetails_index .visitactionbanner {
	background-color: transparent;
	border-bottom: 1px solid #dbdbdb;
}
.Visits .date div, .visitdetails .date div {
	color: #000;
}
.pastvisit.card .unviewed-indicator {
	background-color: var(--primary-color-active);
}

/** Guest Estimates**/
body.isPrelogin.md_guestestimates_selectservicearea a.logo,
body.isPrelogin.md_guestestimates_acceptdisclaimer a.logo,
body.isPrelogin.md_guestestimates_getestimateservices a.logo,
body.isPrelogin.md_guestestimates_selectinsurance a.logo,
body.isPrelogin.md_guestestimates_getestimatedetails a.logo,
body.isPrelogin.md_guestpay_payasguest a.logo {
	background: transparent url("../images/ucmlogo.png") no-repeat scroll center center;
	content: none;
	min-height: 125px;
}

/** Alerts & Banners**/
.emergencyDisclaimer .progressiveDisclosureText .mainText {
	background-color: var(--bg-color);
	color: var(--primary-color-hover);
}

.standardBanner.informationalType,
.standardBanner.successType {
	background-color: var(--bg-color);
}

._ViewPicker ._HighlightBadge,
.ConversationPreview .flagUnread {
	background-color: var(--alternative-color);
}

.alert, .alertHeader, .abnormal {
	color: #c00000;
}

.PillButton.informative .pillBtnText {
	background: var(--bg-color);
}

/** Health Summary **/
.Header {
	background: inherit;
}

/** Preventive Care 
.card .buttonList.subtle .button:focus, .card .buttonList.subtle .button:hover, .card .buttonList.subtle .button:active {
	background-color: var(--primary-color);
	color: #fff;
}**/

/** Messaging Center **/
.ConversationListPicker ._ControlHighlight {
	line-height: 1.25rem;
}
.ConversationHeader .headingFlexedInfo {
	background: var(--bg-color);
}
.ConversationDetails .ConversationHeader {
	border-bottom: 8px solid #000;
	margin-bottom: 6px;
}
.ConversationPreview.unread .senderName {
	font-weight: unset;
}
.ConversationPreview .flagUnread {
	background-color: var(--primary-color-active);
}
.Drawer .drawerContent {
	background: var(--bg-color);
}
.drawerContent .selectionOption:focus, .drawerContent .selectionOption:hover {
	background: var(--bg-color);
	color: var(--primary-color-hover);
	border: 1px solid var(--primary-color-hover);
	padding: calc(.5rem - 1px);
	padding-right: 2rem;
}

/** Letters **/
.LettersList .LettersListElement:focus, .LettersList .LettersListElement:hover {
	background: var(--bg-color);
	border: 1px solid var(--primary-color-hover);
}


/** Test Results **/
.ResultList .resultListGrid .ResultListElement .ResultListCardHeader .CardIcon .unviewedIndicator {
	background: var(--primary-color-active);
}
.SettingsMenu .settingsContainer {
	background: var(--bg-color);
}
.ResultList .resultListGrid .ResultListElement:focus, .ResultList .resultListGrid .ResultListElement:hover {
	background: var(--bg-color);
	color: var(--primary-color-hover);
	border: 1px solid var(--primary-color-hover);
}
/** Sharing Hub **/
.Triage {
	background: var(--bg-color);
}
.MidTriageCard:hover, .ActivityLink:hover  {
	background: var(--bg-color);
	color: var(--primary-color-hover);
	border: 1px solid var(--primary-color-hover);
}


/** Education **/
.EducationTile:hover {
	background-color: var(--bg-color);
	color: var(--primary-color-hover);
	border: 1px solid var(--primary-color-hover);
}
.ChapterHeader, .PageDetails .contentArea .main .header {
	background-color: var(--bg-color);
	border-bottom: 8px solid #000;
}
.Page:hover {
	background-color: var(--bg-color);
	color: var(--primary-color-hover);
	border: 1px solid var(--primary-color-hover);
}
.TrackUnderstandingButtons {
	background: var(--bg-color);
	border: 1px solid #000;
}

/** Account Settings **/
.SettingsCard:hover {
	background-color: var(--bg-color);
	color: var(--primary-color-hover);
	border: 1px solid var(--primary-color-hover);
}

/** On My Way**/
.departmentMapStep .header.large:not(.paddedtitle) {
	line-height: 1;
	font-size: 1.25rem;
}
.departmentMapStep .listHolder .header:not(.small,.medium) {
	font-weight: 900;
	font-size: 1rem;
	font-family: var(--font-family);
	line-height:1;
}
form.walkInForm .header, .detailsSection .header.medium {
	font-weight: 600;
	font-size: 1rem;
	color: var(--primary-color);
}
.waitTimeString {
	font-weight: 600;
}
.waitTimeStringLabel {
	font-weight: 600;
	font-size: 1rem;
	color: var(--primary-color);
}

//* Track My Health *//

.FiltersMenu-TMH {
	background-color: var(--bg-color);
}

._ChoiceGroup.check-button-lite ._Choice ._input:checked + ._DataEntryLabel::before {
	background-color: var(--primary-color-active);
	border-color: var(--primary-color-active);
}


/** Document Styles**/

//** UCM Styles **//


//** Screen Size **//
@media screen and (max-width: 13000px) {
	
	.urgcols {
		width: 100%;
	}
	img.virtualic {
		display: none !important;
	}
}	
@media screen  and (max-width: 768px) {
.UCMpretext {
	Color: inherit;
	}
	
.shortcutButtons#sticky-shortcut-buttons:before,
.shortcutButtons:before,
.shortcutButtons#sticky-shortcut-buttons:after,
.shortcutButtons:after {
	background: var(--primary-color);
	filter: none;
}