<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* Import Google News Cycle Font */
@import url("https://fonts.googleapis.com/css?family=News+Cycle:400,700");
/* 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;
}

.selfMode,
.selfmode,
.SelfMode,
.Selfmode {
  display: inherit !important;
}

/* END: SPECIAL HIDING PROPERTIES */
/* BEGIN: CONFIGURABLE PRELOGIN LOGO HEIGHT */
/* Prelogin logo height is 6rem by default which can cause it to be cropped for many larger logos. Change it here. */
/*
body.isPrelogin .logo {height: 8rem;}
body.isPrelogin .logo {background-position: center top;} 
*/
/* END: CONFIGURABLE PRELOGIN LOGO HEIGHT */
/* BEGIN: CONFIGURABLE BACKGROUND COLOR AND BACKGROUND IMAGE */
/* Prelogin background image and color */
body {
  background: rgba(77, 109, 136, 1) url("../images/prelogin.jpg") no-repeat fixed center center/cover;
}

#content::after {
  /*	background: rgba(77,109,136,1) url("../images/prelogin_blurred.jpg") no-repeat fixed center center / cover ;	*/
}

/* Postlogin background image and color */
/*
body.isInside {
    background: rgba(77,109,136,1) url("../images/background.jpg") no-repeat fixed center top / cover ;
}
body.isInside #content::after {
    background: rgba(77,109,136,1) url("../images/background_blurred.jpg") no-repeat fixed center top / cover ;
}
.component.Popup &gt; .titlebar .titlebarblurbackground::before {
    background: rgba(77,109,136,1) url("../images/background_blurred.jpg") no-repeat fixed center top / cover ;    
}
.menudetailstable.leftmenu .leftcolumn::before, .goalslarge .goalsleft::before {
    background: rgba(77,109,136,1) url("../images/background_blurred.jpg") repeat scroll left top;
}
*/
body.isInside {
  /*    background: #fff;	*/
}

/*
body.isInside #content::after {
    background: #fff  ;
}
*/
.component.Popup &gt; .titlebar .titlebarblurbackground::before {
  background: #fff;
}

.menudetailstable.leftmenu .leftcolumn::before, .goalslarge .goalsleft::before {
  background: #fff;
}

/* END: CONFIGURABLE BACKGROUND COLOR AND BACKGROUND IMAGE */
/* BEGIN: MAIN COLOR CHANGES */
html {
  font-family: Lato, Helvetica, Arial, sans-serif;
  color: #555;
  line-height: 1.6875rem;
  -webkit-font-smoothing: antialiased;
  font-size: 100%;
}

/* 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 &gt; legend, table thead tr {
  color: #384D5F;
}

input, select, textarea {
  font-family: Lato, Helvetica, Arial, sans-serif;
}

/*  BEGIN PRELOGIN STYLES */
/* prelogin.css file */
.logo {
  background-position: left;
  height: 6rem;
  margin: 1.5rem 0rem;
}

.md_generatecode_index .logo {
  height: 18rem;
  margin: 0;
}

/* BEGIN common.css */
body.loginPage li h2.header {
  color: #0078BF;
  Font-Family: News Cycle, Helvetica, Arial, sans-serif;
  font-size: 26px;
  padding: 0.5rem 0 0.5rem;
}

.hm-group h2.header {
  Font-Family: News Cycle, Helvetica, Arial, sans-serif;
  font-size: 26px;
  padding-top: 1rem;
}

#main .title {
  margin-top: 1rem;
  margin-bottom: 0.75rem;
}

body.isPrelogin #main .title {
  margin-top: 0;
}

/* keep titles from overlapping .login-info-wrapper contents */
/* MyChart ID, MRN, and PCP */
body.md_apptcancelpage #main .title,
body.md_audit #main .title,
body.md_ceauthorization #main .title,
body.md_custsvc #main .title,
body.md_default #main .title,
body.md_demog #main .title,
body.md_fshreportlist #main .title,
body.md_immunizations #main .title,
body.md_letters #main .title,
body.md_medrefill #main .title,
body.md_msgoptions #main .title,
body.md_passwd #main .title,
body.md_patinfo #main .title,
body.md_personalize #main .title,
body.md_remotecharts #main .title,
body.md_snapshot #main .title,
body.md_showForm #main .title,
body.md_showrep #main .title,
body.md_termpage #main .title,
body.md_walletcard #main .title {
  margin-top: 2.5rem;
}

.features .info {
  font-size: 16px;
}

body.loginPage {
  line-height: 1.6875rem;
}

body.loginPage p {
  font-size: 18px;
}

/* This is very global. Was that intended? */
p:first-of-type {
  margin-top: 0px;
}

body.loginPage p:first-of-type {
  margin-top: 0;
}

#main .title #assistiveicons {
  margin: 0 0 0 -6.5rem;
  padding: 0.7rem 0.5rem 0;
  width: 6rem;
}

#main .title .assistiveicon {
  margin-left: 0.5rem;
}

input.buttoncheck + label.buttoncheck {
  box-shadow: none;
}

/*  END PRELOGIN STYLES */
/* BEGIN STYLES FOR THE INSIDE PAGES */
/* Dashboard page */
#main .title h1 {
  color: #384d5f;
  font-family: News Cycle, Helvetica, Arial, sans-serif;
}

#logo {
  background: transparent url("../images/logo.png") no-repeat scroll center center/contain;
  width: 17%;
}

/* Questionaire List */
.md_questionnairelist .header {
  color: #384D5F;
}

body.md_showform .section .questiongroup &gt; legend,
body.md_saveform .section .questiongroup &gt; legend {
  color: #384D5F;
}

.md_caredecision_index #divHCAs .divHCATitle,
.md_caredecision_index .documenttable .documents .document .doctitle {
  color: #384D5F;
}

.md_caredecision_index #divHCAs .divHCATitle img {
  background-color: rgb(49, 95, 153);
}

.pageNum {
  color: #384D5F;
}

.section table caption {
  color: #384D5F;
}

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

.line .trainrail {
  background-color: #384D5F;
}

.line .trainrail.future:not(.visited) {
  background-color: rgba(56, 77, 95, 0.5);
}

.stops .trainstation {
  background-color: #6C8CA6;
  border-color: #384D5F;
}

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

.stops .future:not(.visited) .trainstation {
  border-color: rgba(56, 77, 95, 0.5);
}

/* Table Header Background Color */
body:not(.md_preadmission_ldregistration) div#main .section &gt; *:not(.report) thead tr {
  background-color: transparent;
}

body:not(.md_preadmission_ldregistration) div#main .section &gt; *:not(.report) thead tr th {
  background-color: rgba(56, 77, 95, 0.05);
}

li.listheaderelement {
  background-color: #384D5F;
}

.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(56, 77, 95, 0.05);
}

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

/* Message Center, Visit Filters */
.Visits .filters,
.ReviewMessages .messageheader .filters {
  background-color: rgba(56, 77, 95, 0.05);
}

/* Request Headers */
.requestheader {
  background-color: rgba(56, 77, 95, 0.05);
}

/* Table List Hover Background Color */
table tr.hover, table tr td.selected, table.hoverable tr:hover, .section .content .hover:not(.button), .list.hoverable:not(.collapsible) a:focus:not(.button), .list.hoverable:not(.collapsible) a:hover:not(.button), .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 {
  background-color: #eee;
}

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

/* Calendar selected date background color*/
.highlight {
  background-color: #384D5F;
}

.calendar table td.today a {
  border-color: #384D5F;
}

.ReviewMessages .BeforeList .tabs input:checked + label {
  border-bottom-color: #384D5F;
}

#calendar table td.ctrln,
.urgent,
.PickOrganization .content &gt; p {
  color: #384D5F;
}

.calendar table tbody td.hi a,
.fullscreen ul.careteam li.selected:before,
.goalslarge li.goalslistelement.selected:before {
  background-color: #384D5F;
}

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

a.card.selected::before {
  background-color: #384D5F;
}

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

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

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

div.essWarningCard {
  border-left-color: #384D5F;
}

/* Sub Header text color*/
.subheader {
  color: #3E3E3E;
}

/* Todo Tiles */
.todotiles.appointment::after {
  background-color: #1180FF;
}

.todotiles.appointment.selected {
  box-shadow: 0 9px 18px 2px #88BEFC;
}

.todotiles.order::after {
  background-color: #9657FF;
}

.todotiles.order.selected {
  box-shadow: 0 9px 18px 2px #D9C1FF;
}

.todotiles.healthadvisory::after {
  background-color: #C786BC;
}

.todotiles.healthadvisory.selected {
  box-shadow: 0 9px 18px 2px #ECC4E5;
}

/* Text Elements */
a {
  color: #0078bf;
}

a:focus,
a:hover,
.afterList a.loadmore,
#calendar table td.ctrl a:hover {
  color: #0078bf;
}

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

.component &gt; a.viewmore {
  color: #0078bf;
}

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

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

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

/* Colors */
/* Blue buttons */
/*
a.button, div.button, input.button, .button,
ul.MessageList.list.hoverable.collapsible .SingleMessage .ReplyButton a.button,
.button.nextstep,
.button.inlineedit,
.button.inlinesave {
    background-color: #0078bf;
    border-color: #0078bf;
}
 */
/* Blue hover &amp; focus */
/*
    .button:focus, .button:hover,
    .button.nextstep:focus,
    .button.nextstep:hover,
    .button.inlineedit:focus,
    .button.inlineedit:hover,
    .button.inlinesave:focus,
    .button.inlinesave:hover {
        background-color: #0088d9;
        border-color: #0088d9;
    }
*/
/* Orange buttons */
.headerlink .button.nextstep,
.button.completeworkflow,
.button.inlinedelete {
  background-color: #f08122;
  border-color: #f08122;
}

/* Orange hover &amp; focus */
.headerlink .button.nextstep:focus,
.headerlink .button.nextstep:hover,
.button.completeworkflow:focus,
.button.completeworkflow:hover,
.button.inlinedelete:focus,
.button.inlinedelete:hover {
  background-color: #f28f3a;
  border-color: #f28f3a;
  color: #fff;
}

/* Workflow cancel buttons */
.button.cancelworkflow,
.button.cancelworkflow:focus,
.button.cancelworkflow:hover,
.button.cancel,
.button.cancel:focus,
.button.cancel:hover,
.button[value=Cancel],
.button[value=Cancel]:focus,
.button[value=Cancel]:hover,
input[name=formCancel],
input[name=formCancel]:focus,
input[name=formCancel]:hover {
  background-color: transparent;
  border-color: transparent;
  color: #0078bf;
  text-decoration: underline;
}

/* Back buttons */
/*
#main .back .button,
.button.previousstep,
.button.prevstep,
body.embedded .slotDetailsContainer .apptDetailsControlsContainer .prevMainStep,
body.embedded .signupContainer .signupStepsContainer .signupStep .prevMainStep,
.stepContainer .signupStep .navigation .button:first-child {
    background-color: #fff;
    border-width: 1px;
    border-style: solid;
    border-color: #ddd;
    color: #0078bf;
}

    #main .back .button:hover,
    body.embedded .slotDetailsContainer .apptDetailsControlsContainer .prevMainStep:hover,
    body.embedded .signupContainer .signupStepsContainer .signupStep .prevMainStep:hover,
    .stepContainer .signupStep .navigation .button:first-child:hover {
        background-color: #f1f5f8;
        border-color: #ddd;
        color: #0078bf;
    }

*/
@media only screen and (max-width: 699px) {
  body.embedded .button,
  body.embedded .stepContainer.slotDetailsContainer.scrollable .apptDetailsControlsContainer .button,
  body.embedded #main .signupContainer .signupStep.landing .continueAsGuestContainer .button,
  body.embedded #main .signupContainer .signupStep.landing .content &gt; div .button {
    border-width: 1px;
    border-style: solid;
    border-color: #ddd;
    border-radius: 3px;
    padding: 0.65625rem 1.125rem;
  }
  body.embedded .stepContainer.slotDetailsContainer div.apptDetailsControlsContainer .button.scheduleaction, body.embedded #main .signupContainer .signupStep.landing .proxylistcontainer .button.nextstep, body.embedded #main .signupContainer .signupStep.landing .continueAsGuestContainer .button.nextstep {
    margin-top: -6.5rem;
  }
  body.embedded .signupsection .content &gt; .navigation &gt; a.button {
    width: 100%;
    float: right;
    margin-top: -5.25rem;
  }
  body.embedded .signupsection .content &gt; .navigation .button:first-child {
    margin-top: 3rem;
    width: 100%;
    float: left;
  }
  body.embedded .signupsection .content &gt; .navigation &gt; .validation-summary-errors:not(.hidden) ~ a.button, body.embedded .signupsection .content &gt; .navigation &gt; .errorcontainer:not(:empty) ~ a.button {
    margin-top: -6.5em;
    width: 100%;
    float: right;
  }
  body.embedded .signupsection .content &gt; .navigation &gt; .validation-summary-errors:not(.hidden),
  body.embedded .signupsection .content &gt; .navigation &gt; .errorcontainer:not(:empty) {
    margin-top: -8em;
  }
}
/* Disabled buttons should not change background color on hover */
.button.disabled,
.button.disabled:focus,
.button.disabled:hover,
.button[disabled],
.button[disabled]:focus,
.button[disabled]:hover {
  background-color: #ddd;
  border-color: #ddd;
  color: #555555;
}

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

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

/* Mobile buttonchecks */
.mobile p.buttoncheck.checked {
  background-color: #d3dee8;
  color: #000000;
}

/* The check on the check button */
input.prettycheck:checked + label::before,
input.buttoncheck:checked + label.buttoncheck::before {
  background-color: #0078bf;
  border-color: #0078bf;
}

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

/*  color.css  label color */
label, .label, .inlinelabel, .formsection fieldset legend {
  color: #0078bf;
}

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

/* END: WAIT LIST, FAST PASS */
/* BEGIN: OPEN SCHEDULING CSS */
/* Titles on days */
.stepContainer .openingsData .card &gt; .header {
  background-color: #ddd;
}

/* important heights for the embedded Scheduling iframe */
body.embedded::before {
  content: "";
  display: block;
  background-image: url("https://my.clevelandclinic.org/-/scassets/images/org/logo/logo-ccf.ashx?la=en&amp;hash=1AC03A77F0EFD3CE883B2F5FEBFDED5E33EBF191");
  width: 220px;
  height: 35px;
  margin: 20px;
}

/* 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: #0078bf;
}

/* non-selected slot, afternoon */
.stepContainer .openingsData .subslotslist.pm .slotdetailaction,
.stepContainer .openingsData .slotdetailaction.pm {
  background-color: #0078bf;
}

.stepContainer .openingsData .slotslist .slotdetailaction:focus,
.stepContainer .openingsData .slotslist .slotdetailaction:hover {
  background-color: #0088d9;
}

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

/* Back Button */
body.embedded .button:not(.disabled) {
  background-color: #0078bf;
}

/* Schedule Button */
body.embedded .nextstep:not(.disabled),
body.embedded .completeworkflow:not(.disabled) {
  background-color: #0078bf;
  border: 1px solid #0078bf;
}

/* Open Scheduling signup step indicators */
.signupContainer .navigation .stepindicator.current {
  background-color: #fff;
}

.signupContainer .navigation .stepindicator {
  border-color: #0078bf;
  background-color: #0078bf;
}

body.embedded .slotDetailsContainer .apptDetailsControlsContainer .prevMainStep {
  padding: 0.65625rem 1.125rem;
}

/* Open Scheduling Signup Container */
.signupContainer .card.loginContainer {
  background: #fff linear-gradient(to bottom, rgb(250, 255, 250) 0%, rgba(230, 250, 230, 0.65) 100%) repeat scroll 0 0;
}

/* END: OPEN SCHEDULING CSS */
/* BEGIN: NEW SCHEDULING */
/* The "OR" between panels on the first page of steps */
.sidebyside .providerstep::after {
  color: #384D5F;
}

/* The text color of active, and hover, or past, steps at the top of new direct scheduling */
.summaryInfo.summaryActive .subtle.edit,
.summaryInfo.summaryComplete .subtle,
.summaryInfo.summaryIncomplete .subtle {
  color: rgb(56, 77, 95);
}

/* The Edit Text Hyperlink */
.summaryInfo .subtle.editText {
  color: #0078bf;
}

/* The background color of active, and hover, steps at the top of new direct scheduling */
a.summaryInfo:hover, a.summaryInfo.summaryActive {
  background-color: rgba(56, 77, 95, 0.1);
}

/* The background color of the past steps, which appears like it is a top border */
.summaryInfo::before {
  background-color: rgba(56, 77, 95, 1);
}

/* The border at the top of the future steps */
.summary {
  border-top: 0.2rem solid rgba(56, 77, 95, 0.2);
}

/* Background color of time slots */
.slot {
  background-color: #52CC6E;
}

/* Background color of time slots that are selected, or hovered */
.slot.selected,
html:not(.mobile) .slot:hover,
html:not(.mobile) .slot:focus {
  background-color: #2F9D49;
}

/* Direct Scheduling side bar box title bar*/
.sidebarlinks .titlebar {
  background-color: #384D5F;
}

/* END: NEW SCHEDULING */
/* BEGIN: ENABLE CHANGING TRANSPARENCY LEVELS */
/* Side bar */
#sidebar {
  background-color: rgba(255, 255, 255, 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 (our color here is called Blue) */
img.photo.color1,
.colorpreview.color1,
#proxies .color1:after,
body.color1 #header .menugroup.selected .menuicon:after {
  background-color: #0078bf;
}

#proxies .color1 .proxyicon,
#proxies a.color1 .proxyicon {
  background-color: #0078bf;
  border-color: #0078bf;
}

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

/* Color 2 - Forest (our color here is called Green) */
img.photo.color2,
.colorpreview.color2,
#proxies .color2:after,
body.color2 #header .menugroup.selected .menuicon:after {
  background-color: #00843d;
}

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

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

/* Color 3 - Bubblegum (our color here is called Gray) */
img.photo.color3,
.colorpreview.color3,
#proxies .color3:after,
body.color3 #header .menugroup.selected .menuicon:after {
  background-color: #384d5f;
}

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

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

/* Color 4 - Royal (our color here is called Purple) */
img.photo.color4,
.colorpreview.color4,
#proxies .color4:after,
body.color4 #header .menugroup.selected .menuicon:after {
  background-color: #5c2161;
}

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

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

/* Color 5 - Ocean (our color here is called Orange) */
img.photo.color5,
.colorpreview.color5,
#proxies .color5:after,
body.color5 #header .menugroup.selected .menuicon:after {
  background-color: #f08122;
}

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

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

/* Color 6 Goldenrod (our color here is called Red) */
img.photo.color6,
.colorpreview.color6,
#proxies .color6:after,
body.color6 #header .menugroup.selected .menuicon:after {
  background-color: #a61f56;
}

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

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

/* Color 7 - Autumn (our color here is called Yellow) */
img.photo.color7,
.colorpreview.color7,
#proxies .color7:after,
body.color7 #header .menugroup.selected .menuicon:after {
  background-color: #f7c612;
}

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

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

/* END: Proxy Colors */
/* BEGIN: Locale menu */
body div#wrap #localeswitch #morelocales li a:hover:not(.button) {
  background-color: #D2EBFE;
}

/* 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: #006FCA;
}

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

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

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: #0078bf; /* #0778D6; */
}

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

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

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

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

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

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

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

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: #178935;
  border-color: #178935;
}

/* Fix calendar date button background color */
html[data-altstylesheet="High Contrast"] .multiMonthCalendar .calendarBtns a,
html[data-altstylesheet="High Contrast"] .multiMonthCalendar .calendarBtns a:hover {
  background: none;
}

/* 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. */
/*****************************************************************************/
/***  News for you                                                         ***/
/*****************************************************************************/
/*KS
		Home.txt articles; hides the proxy context articles and displays the primary
		account articles.
*/
span.proxy_articles {
  display: none !important;
}

span.main_articles {
  display: inline !important;
}

#main .section #content span ul.ccbulleted li {
  text-align: left !important;
}

/* End mychart articles*/
/*  card.css  high light the button text with CCF blue  */
.card .name {
  color: #0078bf;
}

.card .large.name {
  color: #0078bf;
}

/* unhide the hover over buttons */
.card .buttonList .button {
  opacity: 1;
  padding: 0.46875rem 0.9375rem;
}

.card .buttonList .button.inlinedelete {
  background-color: #f08122;
  border-color: #f08122;
}

/*  END of card.css   */
/* BEGIN component.css overrides */
/* removes extra space between title and alerts */
/* styles the font */
.component .titlebar {
  font-family: News Cycle, Helvetica, Arial, sans-serif;
}

/* END component.css overrides */
/* DrConnect overrides */
.checkbox--agree__wrapper, .notice {
  padding-top: 1rem;
}

.checkbox--agree {
  width: 20px;
  margin-left: 2px;
  padding: 2px 5px 2px 5px;
  border-width: 0px;
  border-style: none;
  text-align: left;
  display: inline;
}

.required-field {
  color: red;
  margin-left: auto;
  margin-right: auto;
  text-align: right;
}

/* BEGIN scheduling.css &amp; visits.css */
.apptDeptInstructions .section.flat,
.md_visitdetails_index div.visitinformation {
  background-color: #f1f5f8;
}

/* END scheduling.css */
/* BEGIN test_results.css overrides */
.BeforeTestResultsList .SearchImage {
  position: relative;
  margin-left: 180px;
  top: -35px;
}

/* END test_results.css overrides */
/* Appointment Reminders Notification page */
.appointment-reminder-notification-form {
  margin: 2rem 0;
}

.appointment-reminder-notification-form span {
  padding-right: 10px;
  white-space: nowrap;
  display: inline-block;
}

.appointment-reminder-notification-form-buttons {
  text-align: center;
  margin-top: 1rem;
}

.checkbox-input {
  margin-right: 5px;
  display: inline;
}

/* EpicWP.css overrides */
/* Back and Next buttons */
.signupStep .navigation .button:first-child {
  left: -10px;
  top: -6px;
}

.signupStep .navigation .button:last-child {
  right: 6px;
  top: -6px;
}

.stepContainer .signupStep .navigation .button:first-child {
  left: 0px;
  top: -8px;
}

.stepContainer .signupStep .navigation .button:last-child {
  right: 0px;
  top: -10px;
}

/* END EpicWP.css overrides */
/* Terms and Conditions page styles */
.tncpage ol {
  margin-top: 1rem;
}

.tncpage li {
  margin-left: 1rem;
  margin-bottom: 10px;
}

.tncpage .tnctitle, .tncpage .heading {
  font-weight: bold;
}

.tncpage .tnca {
  margin-left: 0px !important;
}

.tncpage .footer {
  font-size: 0.8rem;
  text-align: center;
}

/* Change the LOGOUT Button to bold and blue color  */
/*  color.css  */
div a span.menuname.subtle {
  color: #0078bf;
}

/*  common.css  */
.subtle {
  font-size: 1rem;
  line-height: 2rem;
  /* font-weight: bold;  removed for self triage  */
}

/* END  **********Change the LOGOUT Button to bold and blue color ******   */
/********************************************************************/
/*	SCHEDULING BULLET POINT LISTS          						   	*/
/********************************************************************/
.rfv-list {
  list-style-type: square;
  color: #767676;
  font-size: 0.8em;
  font-weight: bold;
  padding-left: 20px;
}

/*Prelogin page video visit icon */
.features .icon-video {
  background-image: url("../images/quicklinks/video.png");
}

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

/********************************************************************/
/*	CUSTOM FORMS  APPOINTMENT REQUEST &amp; REFERRAL REQUEST        						   	*/
/********************************************************************/
.questiongroup &gt; .row &gt; [class*=col-] &gt; legend {
  padding: 0px 0px 14px 0px;
}

body.md_showform .questiongroup &gt; .row &gt; [class*=col-] &gt; legend, body.md_saveform .questiongroup &gt; .row &gt; [class*=col-] &gt; legend {
  color: BLACK;
}

.grid &gt; .row &gt; .col-4 {
  color: #0078bf;
}

/********************************************************************/
/*	Inside Logo       						   	*/
/********************************************************************/
#graphicHeader:not(:empty) #header_logo .header_logo_link {
  background: transparent url("../images/logo.png") no-repeat scroll center/contain;
}


/********************************************************************/
/*	Payment page		          						   	*/
/********************************************************************/

#extPmtPageFrame {
    height: 46rem;
}

/********************************************************************/
/*	Fix billing Guest pay page     						   	*/
/**************************************/
#guestPay-content #extPmtPageFrame, #guestPay-content #iFrameLoadingIndicator {
  height: 20rem;
}

/********************************************************************/
/*	MEDICAL ADVICE DISCLAIMER POPUP 								*/
/********************************************************************/
#ccf-evisit-pay-text {
  width: 100%;
}

#ccf-evisit-pay-text, #ccf-cs-disclaimer {
  height: 100%;
  padding: 0.75rem;
  overflow-y: auto;
  font-size: 0.9rem;
}

#ccf-evisit-pay-text p, #ccf-cs-disclaimer p {
  margin-left: 10px;
  margin-bottom: 20px;
}

#ccf-evisit-pay-text .button.primary, #ccf-cs-disclaimer .button.primary {
  width: 100% !important;
}

#ccf-evisit-pay-text .other-actions {
  padding-left: 10px; /* USE PADDING, NOT MARGIN, IT ADDS THE SCROLL BAR AT BOTTOM */
}

#ccf-evisit-pay-text .ccf-section-header-2 {
  font-weight: bold;
  width: 100%;
  display: block;
  margin-top: 40px;
  margin-bottom: 10px;
}

.ccf-medadvice-disclaimer {
  width: 100%;
  background-color: yellow;
  font-size: 0.8rem;
  font-weight: bold;
  line-height: 1rem;
  padding: 2px;
}

.ccf-medadvice-disclaimer button {
  font-weight: bold;
  background-color: #0078BF;
  color: #FFF;
  padding: 2px 10px;
  border-radius: 10px;
}

/********************************************************************/
/*	STANDARD BULLET POINTS		          						   	*/
/********************************************************************/
.ccf-bullets li {
  list-style-type: disc;
  margin-left: 30px;
}

/********************************************************************/
/*	FIX HEADER MENU BUTTON COLORS									*/
/********************************************************************/
#graphicHeader:not(:empty) #logout_button{
	background-color: #0078BF;
}

/********************************************************************/
/*	FIX HEADER MENU BUTTON COLORS									*/
/********************************************************************/
/*LOGOUT BUTTON		*/
#graphicHeader:not(:empty) #logout_button{
	background-color: #0078BF;
}


/* PROXY BUTTON		*/
#graphicHeader:not(:empty) .proxyMenuButton{
	background-color: #0078BF;
	border: solid 2px #0078BF;
}
#graphicHeader:not(:empty) .currentlySelectedNameInner{
	color: #FFF;
}

#graphicHeader:not(:empty) #home_button{
	background-color: #0078BF;
}

#graphicHeader:not(:empty) #header_menu{
	background-color: #DDD;
}

#graphicHeader:not(:empty) #header_menu_name{
	color: #555;
}

[data-altstylesheet="High Contrast"] #graphicHeader:not(:empty) #header_menu_name {
    color: white;
}


</pre></body></html>