/* 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 > .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 > .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 > 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: 3rem;
  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;
}

/*
	20241211 - BR
	REMOVING THIS SINCE IT IS TOO GLOBAL
	REQUEST TO REMOVE THIS FROM PED TEAM
input.buttoncheck + label.buttoncheck, .isPrelogin .button.tall {
    box-shadow: none;
	text-transform: uppercase;
}
*/
/*  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.svg") no-repeat scroll center center/contain;
  width: 17%;
}

/********************************************/
/*	REMOVE BOX SHADOW FROM BUTTONS			*/
/********************************************/
.button.primary.positive {
  box-shadow: none;
}

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

body.md_showform .section .questiongroup > legend,
body.md_saveform .section .questiongroup > 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 > *:not(.report) thead tr {
  background-color: transparent;
}

body:not(.md_preadmission_ldregistration) div#main .section > *: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 > 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 > 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 & 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 & 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 > 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 > .navigation > a.button {
    width: 100%;
    float: right;
    margin-top: -5.25rem;
  }
  body.embedded .signupsection .content > .navigation .button:first-child {
    margin-top: 3rem;
    width: 100%;
    float: left;
  }
  body.embedded .signupsection .content > .navigation > .validation-summary-errors:not(.hidden) ~ a.button, body.embedded .signupsection .content > .navigation > .errorcontainer:not(:empty) ~ a.button {
    margin-top: -6.5em;
    width: 100%;
    float: right;
  }
  body.embedded .signupsection .content > .navigation > .validation-summary-errors:not(.hidden),
  body.embedded .signupsection .content > .navigation > .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 & 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 > .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&hash=1AC03A77F0EFD3CE883B2F5FEBFDED5E33EBF191");
  width: 220px;
  height: 35px;
  margin: 20px;
}

/********************************************************************/
/*	20210122 - BR													*/
/*	REMOVE LOGO FROM EMBEDDED OPEN SCHEDULING PAGE					*/
/*		THE CLASS IS ADDED IN THE CCF-CUSTOM.JS FILE				*/
/********************************************************************/
body.embedded-nologo::before {
  content: none;
}

/* 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;
  color: #EEE;
}

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

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

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

/********************************************************************/
/*	20220806 - BR													*/
/*	ADD THE SCROLL BAR FOR THE LOCATIONS FILTER	PAGE				*/
/********************************************************************/
@media only screen and (max-width: 768px) {
  .md_openscheduling_standalone .locationstep {
    overflow-y: auto;
    overflow-x: hidden;
    height: calc(100vh - 180px);
    border: solid 2px #EFEFEF;
    border-radius: 5px;
    padding: 10px;
  }
}
/* 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; */
  color: white;
}

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.
*/
/*	MOVE SIDEBAR TO THE BOTTOM OF THE PAGE	*/
.md_stdfile #content {
  display: block;
}

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

/***********************************/
/*       eCheckin css              */
/*                                 */
/***********************************/
div.section.card.echeckin > div > div > div.header,
div.card.helptip.success.large.echeckin.echeckinbanner.noicon div.grid div.row div.col-12 div.header.medium {
  color: #ef4135;
}

/***********  In echeckin page links to be inline instaed of block -inline ************************/
.md_visitdetails_index div.echeckin a {
  display: inline;
}

/***********************************/
/*       print css                */
/*                                 */
/***********************************/
/* fix the print header in print screen   */
div#printExclude {
  display: none !important;
}

/* 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 ******   */
/* BEGIN: Hide by default anything tag with the FeatureSpecific class.  It will be unhidden for people with the necessary feature. */
.FeatureSpecific {
  display: none;
}

/* END: Hide by default anything tag with the FeatureSpecific class.  It will be unhidden for people with the necessary feature. */
/* BEGIN: changes for shareEverywhere */
#ShareCodeSection div.shareBanner img.logo {
  display: none;
}

#ShareCodeSection div.shareBanner {
  font-size: 1.5em;
}

/********************************/
/* Name:    ExternalPayment.css
 * Description: CSS for iFrame on PaymentMethodEntry step
 */
#iFrameLoadingIndicator {
  height: 360px;
}

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

/********************************/
/* Name:    common.css
 * Description: CSS for help text
 */
div.helptext.accessibleLabel {
  font-size: 100%;
}

/********************************/
/* Name:   hide HCA section  advancecareplanning.css */
/* Hide heath Care agent */
/********************************/
#divHCAs {
  display: none !important;
}

#hca-list-container.column_1 {
  display: none;
}

.hca-content {
  display: none !important;
}

.acpContent div.no-content {
  display: none !important;
}

/* Hide the notification in prefernce.css file */
.settingsGroup {
  display: none;
}

/* Hide Noitification section  */
/* in prefernce - Notifications page */
div.section div.content#preferencemain {
  display: block !important;
}

/********************************/
/* Hide Delivery method in RX Refill  */
/* also hidden is the verbiage and icon for pick up at Pharmacy*/
/********************************/
.refill-step #DeliveryMethod .tbContainer .togglebutton {
  display: none !important;
}

/********************************************************************/
/*	PRE CHECK IN													*/
/********************************************************************/
.button.finishlater, .button.continuelater {
  float: right; /* Separate the Finish later from the other buttons */
  color: #0088d9;
  background-color: transparent;
  text-decoration: underline;
}

.button.finishlater:hover, .button.continuelater:hover {
  background-color: #DEDEDE;
}

li > button.finishlater {
  float: none;
}

/********************************************************************/
/*	welcome message for dismiss patient profile 8								   	*/
/********************************************************************/
/*  common.css file */
#main .title h1 {
  overflow: auto;
  white-space: normal;
}

/********************************************************************/
/*	questionnare css                   						   	*/
/********************************************************************/
/*  questions.css file */
.section.questionsContainer .questiongroup .grouptablecontainer {
  display: Block;
}

/********************************************************************/
/*	SCHEDULING BULLET POINT LISTS          						   	*/
/********************************************************************/
.rfv-list {
  list-style-type: square;
  color: #767676;
  font-size: 0.8em;
  font-weight: bold;
  padding-left: 20px;
}

/********************************************************************/
/*	Billing Customer Service BULLET POINT LISTS          						   	*/
/********************************************************************/
.bcs-list {
  list-style-type: square;
  font-weight: normal;
  padding-left: 0px;
}

/********************************************************************/
/*	HIDE THE SMS NOTIFICATION CHECKBOX 								*/
/*		(CONFIRM YOUR NOTIFICATION SETTINGS POPUPp				   	*/
/********************************************************************/
/*	The + label instruction applies only to the label adjacent to the control with id=AllSMSNotifications  */
p.button.buttoncheck #AllSMSNotifications + label {
  display: none !important;
}

/********************************************************************/
/*	INSURANCE CARD SCREEN			 								*/
/*																	*/
/********************************************************************/
/*	Red box		*/
.insuranceVerification .card.addItem.addImages {
  border-color: red !important;
}

/*	Remove icon from Add Insurance Card Photo	*/
.insuranceVerification .addlabel.withUploadIcon::before {
  background-image: none !important;
}

.insuranceVerification .addlabel.withUploadIcon {
  left: 0px !important;
}

.insuranceVerification #addCoverageButton {
  height: 100px;
  background-color: #0078bf;
  border: solid 2px #DEDEDE;
}

.insuranceVerification #addCoverageButton .addlabel {
  color: white;
}

.insuranceVerification #addCoverageButton:hover {
  background-color: #0067ae;
  border-color: #ABABAB;
}

/********************************************************************/
/*	Core My Bills					 								*/
/*																	*/
/********************************************************************/
.core-main iframe {
  border: none;
  height: 800px;
  overflow: auto;
}

/********************************************************************/
/*	AMWELL VIRTUAL VISIT IFRAME          						   	*/
/*																	*/
/********************************************************************/
/****	Override the 75% max-width of the content section		****/
.ccf-ondemand-virtual-body #content {
  max-width: 100%;
  min-height: 500px !important;
}

.ccf-ondemand-virtual-body .fitme.width {
  width: 100%;
}

/****	THE FOLLOWING ARE TO HIDE THE MAIN SCROLLBAR			***/
.ccf-ondemand-virtual-body {
  overflow-y: auto !important;
}

.ccf-ondemand-virtual-body #main {
  min-height: 500px !important;
  /*padding-top: 6.0rem !important; REMOVED SO BODY HEIGHT ADJUSTS WITH HEADER HEIGHT CHANGES*/
  padding-bottom: 0px !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.ccf-ondemand-virtual-body #footer,
.ccf-ondemand-virtual-body .back {
  display: none;
}

/****	IFRAME STYLING											***/
.ccf-ondemand-virtual-body iframe {
  border: none;
  overflow: auto;
}

/****	HIDE THE SIDEBAR (THE + IS USED FOR FINDING A CSS SIBLING)		***/
.ccf-ondemand-virtual-body #main + #sidebar {
  display: none;
}

.ccf-ondemand-virtual-body #content.hasSidebar {
  display: flex !important;
}

/****	STYLING THE SIDEBAR BUTTON  (CURRENTLY HIDDEN)			***/
.ccf-amwell-button-icon {
  width: 48px;
  height: 48px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 0.5rem 0 -2px;
}

.ccf-amwell-button {
  text-align: left;
  display: block;
  padding: 0.6rem 0;
  margin: 0;
  min-height: 2.5rem;
  color: #363636;
  font-size: 16px;
}

.ccf-amwell-button:hover {
  color: #363636;
  text-decoration: none;
  background-color: #EEEEEE;
}

/********************************************************************/
/*	NEW HOME PAGE CLASSES		          						   	*/
/*																	*/
/********************************************************************/
/*	HEADER COLOR	*/
#header:not(:empty).header_graphic .header_color {
  background-color: #FFF;
}

.isInside #locale_container #localeswitch, #logout_container #logout_button {
  background-color: #0078bf !important;
}

#header_extras_proxy .proxyButton {
  border: solid 1px #0078bf;
  color: #0078bf !important;
  font-weight: bold;
  background-color: #FFF !important;
}

#header_extras_proxy .switchPatientsTextOuter:after {
  border-top-color: #0078bf !important;
}

/*	MOVE THE CCF LOGO TO THE MIDDLE WHEN COMPACTING THE HEADER	*/
/*	THIS HAS BEEN COMMENTED OUT FOR VMAY21 SINCE EPIC HAS OVERRIDES THAT CANCELS THIS OUT
.header_graphic #header_logo_by_epic{
	display: block;
	transform: translateX(-50%) !important;
	margin-left: 50% !important;
}

.header_graphic #header_logo{
	transform: none !important;
	left: 0 !important;	
	max-width: 30% !important;
}

.header_graphic.compact #header_logo{
	transform: translateX(-50%) !important;
	left: 50% !important;
}

.header_graphic.compact #header_logo_by_epic{
	display: none !important;	
}
*/
/*	PRIMARY BUTTONS BACKGROUND COLOR	*/
a.primary.primary {
  background-color: #0078bf !important;
}

/*	CARE TEAM CONTAINER BORDER RADIUS		*/
#careteamWrapper li.careteam.listelement {
  border-radius: 0.5rem;
}

/********************************************************************/
/*	EPIC WEBSITE AUDIT CHANGES	          						   	*/
/*																	*/
/********************************************************************/
.healthissuecontainer .card, #MedicationsPageContent .card,
.allergycontainer .card, .immunizationcontainer .card,
.hm-group .card {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#MedicationsPageContent .card .buttonList.right {
  justify-content: center;
}

#MedicationsPageContent .card .buttonList .button {
  flex: none;
  margin: 5px;
  border-radius: 4px;
}

#MedicationsPageContent .button.inlinedelete {
  color: #FFF;
}

#MedicationsPageContent .button.inlinedelete img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(10%) saturate(5762%) hue-rotate(279deg) brightness(113%) contrast(108%);
}

#MedicationsPageContent .button.inlinedelete:hover {
  color: #0078bf;
}

#MedicationsPageContent .button.inlinedelete:hover img {
  filter: brightness(0) saturate(100%) invert(28%) sepia(100%) saturate(978%) hue-rotate(174deg) brightness(104%) contrast(103%);
}

.extensibility iframe {
  width: 100%;
  height: 1000px;
  border: none;
  overflow: hidden;
}

.core-mybills-body #content {
  max-width: 100%;
  min-height: 500px !important;
}

.core-mybills-body {
  overflow-y: auto !important;
}

.core-mybills-body iframe {
  border: none;
  overflow: auto;
}

/********************************************************************/
/*	HIDE CARE TEAM PROFILE PLACEHOLDER IMAGE					   	*/
/*																	*/
/********************************************************************/
#careteamstandalone .profile {
  display: none;
}

/********************************************************************/
/*	HIDE CANADA FIND A NEW PROVIDER								   	*/
/*																	*/
/********************************************************************/
.Canada-site .cardlist .card.addItem {
  display: none;
}

.gray-info-box {
  font-size: 0.95rem;
  border: solid 1px #EFEFEF;
  background-color: #FFF;
  padding: 10px;
  border-radius: 4px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  margin-top: 20px;
}

/********************************************************************/
/*	STDFILE PAGES CUSTOM CSS	          						   	*/
/********************************************************************/
.ccf-stdfile .card-collection {
  width: 100%;
  display: inline-block;
  margin-bottom: 20px;
}

.ccf-stdfile .card-container {
  width: 50%;
  float: left;
  padding: 5px;
}

.ccf-stdfile .resource-card {
  width: 100%;
  background-color: #FFF;
  text-align: center;
  border-radius: 2px;
  padding: 10px;
  display: block;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  text-decoration: none;
}

.ccf-stdfile .resource-card:hover {
  background-color: #EFEFEF;
  font-weight: bold;
}

.ccf-stdfile #sidebar {
  display: none;
}

.ccf-stdfile #footer .mainStyle {
  width: 100%;
}

@media only screen and (max-width: 500px) {
  body {
    min-width: 300px !important;
    font-size: 16px;
  }
  #header:not(:empty) {
    min-width: 300px;
  }
  #header_shortcuts {
    display: none !important;
  }
  #header_menu {
    width: 100% !important;
    max-width: 100% !important;
  }
  .ccf-stdfile .card-container {
    width: 100%;
  }
  .fitme.width {
    min-width: 300px;
    width: 100%;
  }
}
/********************************************************************/
/*	EMBEDDED KIOSK STYLE		          						   	*/
/*																	*/
/********************************************************************/
body.embedded-kiosk {
  width: 100% !important;
}

.embedded-kiosk #content {
  max-width: 1920px;
}

.embedded-kiosk .setOfStepsContainer {
  width: 100%;
}

.embedded-kiosk div.setOfStepsContainer > .slider {
  width: 100% !important;
  left: 0 !important;
}

.embedded-kiosk .stepContainer {
  width: 100% !important;
  height: 750px !important;
  display: block;
}

.embedded-kiosk .filterButtonContainer .filterControlsParent .dayTimeControl {
  width: 10rem;
}

.embedded-kiosk .filterButtonContainer .filterControlsParent .personControl {
  width: 15rem;
}

.embedded-kiosk .filterButtonContainer .filterControlsParent .locationControl {
  width: 20rem;
}

.embedded-kiosk .stepContainer.offscreen {
  display: none;
}

.embedded-kiosk .signupContainer .signupStepsContainer .slider {
  width: 99.5% !important;
}

.embedded-kiosk div.setOfStepsContainer .signupContainer {
  width: 100% !important;
}

.embedded-kiosk div.setOfStepsContainer .signupStepsContainer,
.embedded-kiosk div.setOfStepsContainer .signupStep {
  width: 100% !important;
}

.embedded-kiosk .card .cardline.partial {
  width: 100%;
}

.embedded-kiosk .expandSlots {
  display: inline-block;
}

.embedded-kiosk .slotslist > div {
  width: auto;
  float: left;
}

/********************************************************************/
/*	WALLET CARD STYLING			          						   	*/
/*																	*/
/********************************************************************/
.md_walletcard #sidebar {
  display: none;
}

.md_walletcard #content {
  max-width: 1000px;
}

.md_walletcard .fitme.width {
  min-width: 0px;
  width: 100%;
}

@media only screen and (max-width: 500px) {
  .md_walletcard .card {
    width: 100% !important;
    min-height: 10px !important;
  }
  .md_walletcard .cardlist.column_2 > .card {
    width: 100% !important;
  }
}
/********************************************************************/
/*	PERSONAL INFO STYLING		          						   	*/
/*																	*/
/********************************************************************/
.ccf-card {
  background-color: #FFF;
  box-shadow: 0px 4px 4px -1px rgba(0, 0, 0, 0.2);
  width: 100%;
  margin-bottom: 12px;
  margin-right: 12px;
  padding: 0.5rem;
  display: block;
}

.ccf-card .ccf-label {
  font-size: 1rem;
  color: #0078bf;
  float: left;
  display: block;
}

.ccf-card .ccf-value {
  margin-left: 10px;
  font-size: 1rem;
}

@media only screen and (max-width: 500px) {
  .md_personalinformation_index #main {
    width: 100% !important;
  }
  .md_personalinformation_index #sidebar {
    display: none;
  }
  .md_personalinformation_index .mainStyle {
    width: 100% !important;
  }
}
/********************************************************************/
/*	UPCOMING ORDERS				          						   	*/
/*																	*/
/********************************************************************/
@media only screen and (max-width: 500px) {
  .up-orders #main {
    width: 100%;
  }
  .up-orders #sidebar {
    display: none;
  }
  .up-orders .title #assistiveicons {
    margin-left: 0rem !important;
    width: 5rem !important;
  }
}
/*	UPCOMING ORDERS - SHOW APPOINTMENT TIME ON PRINT-OUT			*/
@media print {
  .UpcomingOrders .OrderGroupActions {
    display: block !important;
  }
}
/********************************************************************/
/*	ADVANCED CARE PLANNING		          						   	*/
/*																	*/
/********************************************************************/
@media only screen and (max-width: 500px) {
  /*

  	.adv-orders .two-column-container .section {
  		display: inline-block;
  		vertical-align: top;
  		width: 100%;
  	}

  	.adv-orders #main, .adv-orders  #sidebar{
  		min-height: 0px !important;
  	}
  */
  /* This will move the sidebar to the bottom of the page	*/
  .md_caredecision_index #content {
    display: block !important;
  }
  .adv-orders #footer {
    padding-top: 15px;
  }
  .adv-orders #sidebar {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .adv-orders .acpContent .section {
    max-width: none;
    width: calc(100% + 40px);
    margin-left: -20px;
  }
  .adv-orders .jumbotron-text-container {
    width: 45%;
    left: 1rem;
  }
  .adv-orders .jumbotron-actions-container {
    left: 50%;
    width: 50%;
  }
  .adv-orders .acpContent .section .header,
  .adv-orders .acpContent .section .content {
    padding-left: 20px;
    padding-right: 20px;
  }
}
/********************************************************************/
/*	VISIT RECORDS (DOWNLOAD MY RECORDS    						   	*/
/*																	*/
/********************************************************************/
@media only screen and (max-width: 500px) {
  .visit-records #content {
    display: block !important; /*	THIS IS TO MOVE SIDEBAR TO BOTTOM OF SCREEN*/
  }
  .visit-records #main, .visit-records #sidebar {
    width: 100%;
  }
  .visit-records #sidebar {
    display: block;
  }
  .visit-records #main, .visit-records #sidebar {
    min-height: 0px !important;
  }
  .visit-records #footer {
    padding-top: 15px;
  }
  .visit-records #footer .mainStyle {
    width: 100%;
  }
  .visit-records #sidebar {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .visit-records .innertabs.navparent {
    max-width: none !important;
    margin: 1rem -15px;
    width: calc(100% + 30px) !important;
  }
  .visit-records .navchild {
    margin-bottom: 0px !important;
  }
  .visit-records .navchild::after {
    border-bottom: solid 1px #0078BF !important;
  }
  .visit-records .membertab {
    border: solid 1px #0078bf;
    background-color: #FFF;
  }
  .visit-records .membertab:first-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
  }
  .visit-records .membertab:last-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
  }
  .visit-records .membertab.selected {
    background-color: #0078bf;
  }
  .visit-records .membertab.selected a {
    color: #FFF;
  }
  .visit-records .membertab a {
    padding: 5px 6px !important;
    max-width: none;
    font-size: 1rem !important;
  }
  .visit-records .singlevisitrowtext > .rowDateTime {
    float: left !important;
    width: 100%;
  }
  .visit-records .component.Popup.large {
    width: 90vw !important;
    margin-left: 5vw !important;
    margin-rught: 5vw !important;
  }
  .visit-records .previewPopupMulti .menu {
    width: 100%;
    display: table-header-group;
  }
  .visit-records .previewPopupMulti .menu .visitlist {
    min-height: 30px !important;
    height: auto !important;
  }
}
/*	THESE ARE TO ADDRESS THE TABS FOR SMALLER SCREENS	*/
@media only screen and (max-width: 385px) {
  .visit-records .membertab a {
    padding: 5px 4px !important;
    font-size: 0.95rem !important;
  }
}
@media only screen and (max-width: 350px) {
  .visit-records .membertab a {
    padding: 5px 2px !important;
    font-size: 0.9rem !important;
  }
}
/********************************************************************/
/*	MY RECORDS (DOWNLOADS OF MY RECORDS)   						   	*/
/*																	*/
/********************************************************************/
@media only screen and (max-width: 500px) {
  .md_released_index #main, .md_released_index #sidebar {
    width: 100%;
  }
  .md_released_index #sidebar {
    display: block;
  }
  .md_released_index #main, .md_released_index #sidebar {
    min-height: 0px !important;
  }
  .md_released_index #footer {
    padding-top: 15px;
  }
  .md_released_index #footer .mainStyle {
    width: 100%;
  }
  .md_released_index #sidebar {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .md_released_index .cardlist.column_2 > .card {
    width: 90%;
    margin-left: 9%;
  }
}
/********************************************************************/
/*	MY RECORDS (SCHEDULE OTHER PREFERENCES)						   	*/
/*																	*/
/********************************************************************/
@media only screen and (max-width: 500px) {
  .md_schedotherprefs #sidebar {
    display: none;
  }
  .md_schedotherprefs .section.indented > .header,
  .md_schedotherprefs .section.indented > .content {
    width: 100%;
  }
}
/********************************************************************/
/*	GROWTH CHARTS				          						   	*/
/*																	*/
/********************************************************************/
/*
@media only screen and (max-width: 500px) {
	.growth-charts #main{
		width: 100%;
	}
	.growth-charts #sidebar{
		display: none;
	}
	.growth-charts .title #assistiveicons{
		margin-left: 0rem !important;
		width: 5rem !important;
	}

}
*/
/********************************************************************/
/*	ADD CONTENT ON HOME PAGE SIDEBAR       						   	*/
/********************************************************************/
#secondary_content1.topAligned {
  margin-top: 0;
  flex: 1 1 30%;
  vertical-align: top;
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.evisit-button-wrapper {
  width: 100%;
  margin-bottom: 10px;
  display: flex;
}

.virtual-visit-sidebar-button {
  /*background-color: #0078bf;	
  width: 100%;
  padding: 1rem;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(0, 120, 191, 0.2);
  border-radius: 10px;
  margin-bottom: 10px;	
  display: flex;
  */
  color: #fff;
  background-color: #F08223;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 10px;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0.6px;
  line-height: 1.4375rem;
  padding: 10px;
  border: 1px solid #F08223;
  border-radius: 10px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.virtual-visit-sidebar-button:hover {
  background-color: #d06001;
  /*background-color: #1189cf;*/
  color: white;
  text-decoration: none;
  box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.5);
}

.virtual-visit-sidebar-button svg {
  height: 50px;
  width: 60px;
}

.virtual-visit-sidebar-button::before {
  /*background-image: url(../../en-US/images/quicklinks/icon-express-care-white.svg);*/
  background-image: url(../../en-US/images/quicklinks/icon-mobile-device-white.svg);
  transition: all 0.3s ease;
  content: " ";
  display: inline-block;
  width: 60px;
  height: 60px;
  min-width: 60px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: 60px 50px;
  margin: 0px 10px 0px 0px;
}

.virtual-visit-sidebar-button:after {
  transition: all 0.3s ease;
  background-image: url(../../Content/images/icon-arrow--white-right.svg);
  content: " ";
  display: inline-block;
  width: 4.5rem;
  height: calc(100% + 20px);
  min-width: 30px;
  background-color: rgba(0, 0, 0, 0.2);
  background-repeat: no-repeat;
  background-size: 25px 25px;
  background-position: 50%;
  margin-left: 10px;
  margin-right: -10px;
}

.virtual-visit-sidebar-text {
  padding-top: 1px;
  padding-left: 60px;
  color: white;
  /*color: #565656;*/
  text-align: left;
}

.evisit-vv-button {
  word-wrap: break-word;
  word-break: break-word;
  margin: 0 0.25rem 0.25rem 0;
  background-color: #ffffff;
  min-width: 2.75rem;
  text-align: center;
  width: auto;
  border-radius: 0.125rem;
  box-shadow: 0 2px 3px rgb(0 0 0/10%);
  cursor: pointer;
  display: inline-block;
  line-height: 1.5rem;
  position: relative;
  padding: 0.25rem 0.75rem;
  vertical-align: top;
  transition-duration: 0.1s;
  transition-property: top, box-shadow;
}

/* We have discovered a potential issue where our post-login logo (logo.png) may revert back to the Epic default. To avoid that, please implement the following into our override.css file for each locale that we will enable with go-live: */
#graphicHeader:not(:empty) #header_logo .header_logo_link {
  background: transparent url("../images/logo.svg") no-repeat scroll center/contain;
  width: 100%;
}

@media only screen and (max-width: 425px) {
  #graphicHeader:not(:empty) #header_logo .header_logo_link {
    width: 80%;
  }
}
/*END */
.features .icon-virtual-visit {
  background-image: url("../images/quicklinks/icon-mobile-device.svg");
  background-size: 45px 45px;
  background-position: 10px 10px;
}

.features .icon-billing {
  background-image: url("../images/quicklinks/icon-bill-pay.png");
  background-size: 45px 45px;
  background-position: 10px 10px;
}

.login-posttext, .login-learn-more {
  margin-top: 30px;
}

.login-posttext p {
  text-align: left;
}

/* 911 VERBIAGE		*/
.ccf-red-bold {
  color: #c9105c;
  font-weight: bold;
}

/********************************************************************/
/*	SIGN UP															*/
/********************************************************************/
.signup-header {
  font-size: 1.1rem;
  text-align: center;
  margin-top: 25px !important;
}

.ccf-link {
  color: #0078bf;
}

.ccf-link:hover {
  text-decoration: underline;
}

.accessPage #showSSN {
  width: auto;
  float: left;
  margin-right: 20px;
}

/********************************************************************/
/*	ADD EMPHASIS ON PRECHECKIN BUTTONS     						   	*/
/********************************************************************/
.button.pullback.unchecked .buttoncheck.required {
  background-color: #0078bf;
  color: #FFF;
}

/********************************************************************/
/*	REMOVE SHADOW FROM BUTTONS		     						   	*/
/********************************************************************/
.button.primary, .button.nextstep, .card .button {
  box-shadow: none !important;
}

/********************************************************************/
/*	MESSAGE MY DOCTOR TO EVISIT		     						   	*/
/********************************************************************/
#ccf-evisit-pay-text {
  width: 100%;
}

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

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

/********************************************************************/
/*	ON MY WAY						    						   	*/
/********************************************************************/
.md_onmyway_index #login {
  border: solid 1px #EFEFEF;
  border-radius: 4px;
  padding: 20px;
  background-color: #FDF061;
}

/********************************************************************/
/*	EVISIT HARDSTOP = PINKEYE FEVER	    						   	*/
/********************************************************************/
.ccf-responsive-400 {
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
  display: inline-flex;
  text-align: left;
}

/********************************************************************/
/*	PROXY INVITE - WIDEN THE DATE INPUT BOX						   	*/
/********************************************************************/
.md_confirmation_confirm #datechooserDOB {
  width: 9rem;
}

/********************************************************************/
/*	MENU SEARCH HINTS											   	*/
/********************************************************************/
.menuitem-searchsynonym.subtle {
  font-size: 0.9rem;
  line-height: 1rem;
}

/********************************************************************/
/*	OPEN SCHEDULING FILTER BUTTTON								   	*/
/********************************************************************/
.isPrelogin a.filtertogglesection,
.mobile .isPrelogin a.filtertogglesection,
.md_scheduling_index a.filtertogglesection,
.mobile .md_scheduling_index a.filtertogglesection {
  background-color: #f28f3a !important;
  color: #FFF !important;
  font-weight: bold;
}

/********************************************************************/
/*	REMOVE UPDATE COVERAGE OPTION - INSURANCE					   	*/
/********************************************************************/
.md_coverages_index .insurance_card_actions_container .buttonList.subtle a:first-child {
  display: none !important;
}

.md_echeckin_index .insurance_card_actions_container .buttonList.subtle a:first-child,
.md_scheduling_ondemandtelehealth .insurance_card_actions_container .buttonList.subtle a:first-child,
.md_scheduling_index .insurance_card_actions_container .buttonList.subtle a:first-child {
  display: none !important;
}

.ccf-bullets li {
  list-style: disc;
  margin-left: 30px;
}

/********************************************************************/
/*	FORMAT FOR TEST RESULTS PRE-TEXT							   	*/
/********************************************************************/
.ccf-more-info-wrap {
  font-size: 1rem;
  color: #555;
  border: solid 3px #EEE;
  border-radius: 5px;
  padding: 10px;
}

.ccf-more-info-btn {
  font-size: 1rem;
  color: #FFF;
  background-color: #0078BF;
  padding: 5px;
  border-radius: 5px;
}

.ccf-more-info-btn:hover {
  background-color: #1189cf;
  color: white;
  text-decoration: none;
}

.ccf-h2 {
  margin-top: 20px;
  font-size: 1.25rem;
  color: #0078BF;
  display: block;
  font-weight: normal;
  line-height: normal;
}

/********************************************************************/
/*	CHANGE BUTTON COLORS TO GREEN								   	*/
/********************************************************************/
.md_scheduling_ondemandtelehealth input[title="Confirm location selection"],
.md_scheduling_ondemandtelehealth button[title="Continue to the next step"],
.md_scheduling_ondemandtelehealth #scheduling-continue,
.md_scheduling_ondemandtelehealth #schedulingstop-button,
.md_scheduling_ondemandtelehealth input[data-id=joinqueue],
.md_scheduling_ondemandtelehealth .button.nextstep.verify,
.md_anonymoustelehealth_index input[title="Confirm location selection"],
.md_anonymoustelehealth_index button[title="Continue to the next step"],
.md_anonymoustelehealth_index #scheduling-continue,
.md_anonymoustelehealth_index #schedulingstop-button,
.md_anonymoustelehealth_index input[data-id=joinqueue],
.md_anonymoustelehealth_index input[data-id=continue],
.md_anonymoustelehealth_index .button.nextstep.verify,
.md_anonymoustelehealth_index .button.primary.positive,
.md_visitdetails_index .banner-actions .nextstep,
.md_visitdetails_index #startvideovisit,
.md_echeckin_index .primary.positive:not(.disabled),
.md_echeckin_index .button.primary.positive:not(.disabled),
.md_echeckin_index .button.sign-now.nextstep,
.md_questionnaire .button.primary.positive.nextstep:not(.disabled),
.md_echeckin_index input[data-id=addeditem],
.md_echeckin_index a[data-id=deleteditem],
.md_echeckin_index a[data-id=unaddeditem] {
  background-color: #249c3d !important;
}

.md_scheduling_ondemandtelehealth input[title="Confirm location selection"]:hover,
.md_scheduling_ondemandtelehealth button[title="Continue to the next step"]:hover,
.md_scheduling_ondemandtelehealth #scheduling-continue:hover,
.md_scheduling_ondemandtelehealth input[data-id=joinqueue]:hover,
.md_scheduling_ondemandtelehealth .button.nextstep.verify:hover,
.md_anonymoustelehealth_index input[title="Confirm location selection"]:hover,
.md_anonymoustelehealth_index button[title="Continue to the next step"]:hover,
.md_anonymoustelehealth_index #scheduling-continue:hover,
.md_anonymoustelehealth_index #schedulingstop-button:hover,
.md_anonymoustelehealth_index input[data-id=joinqueue]:hover,
.md_anonymoustelehealth_index input[data-id=continue]:hover,
.md_anonymoustelehealth_index .button.nextstep.verify:hover,
.md_anonymoustelehealth_index .button.primary.positive:hover,
.md_visitdetails_index .banner-actions .nextstep:hover,
.md_visitdetails_index #startvideovisit:hover,
.md_echeckin_index .primary.positive:not(.disabled):hover,
.md_echeckin_index .button.primary.positive:not(.disabled):hover,
.md_echeckin_index .button.sign-now.nextstep:hover,
.md_questionnaire .button.primary.positive.nextstep:not(.disabled):hover,
.md_echeckin_index input[data-id=addeditem]:hover,
.md_echeckin_index a[data-id=deleteditem]:hover,
.md_echeckin_index a[data-id=unaddeditem]:hover {
  background-color: #48ae5f !important;
}

.md_scheduling_ondemandtelehealth .schedulebuttongroup input[data-id=signup],
.md_echeckin_index button[data-id=savetrip] {
  background-color: #249c3d;
}

.md_scheduling_ondemandtelehealth .schedulebuttongroup input[data-id=signup]:hover,
.md_echeckin_index button[data-id=savetrip]:hover {
  background-color: #48ae5f;
}

div[data-id=joinqueuephoto] {
  background-image: url("https://mychart.ccf.org/Phonebook/H2G/ccfimage.png") !important;
}

/********************************************************************/
/*	STYLIZE LINK FOR WHERE DO I GO FOR CARE IN ONDEMANDTELEHEALTH 	*/
/********************************************************************/
.ccf-button-blue {
  background-color: #0078BF;
  color: #FFF;
  padding: 10px;
  border-radius: 4px;
  box-shadow: 0px 5px 15px 1px rgba(0, 0, 0, 0.5);
}

.ccf-button-blue:hover {
  background-color: #0067AE;
  color: #FFF;
  text-decoration: none;
}

/********************************************************************/
/*	FORMAT BUTTONS IN QUESTIONNAIRES TO MATCH WELCOME - ALSO FOR  	*/
/*		BETTER IDENTIFICATION OF THE SELECTED ITEM					*/
/********************************************************************/
/* Toggle Buttons & Buttonchecks */
label.togglebutton[for] {
  background-color: #0078bf !important;
  border: solid 2px #0078bf !important;
  color: #FFF !important;
}

input:checked + label.togglebutton[for] {
  background-color: #F99100 !important;
  color: #FFF !important;
  border: solid 2px #0078bf !important;
  background-image: url("../images/circle_check_icon.svg");
  background-size: 20px 20px;
  background-repeat: no-repeat;
  padding-left: 25px;
}

.sliderresponseoptions .togglebuttontext {
  color: #0078bf;
}

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

/*	FOR OPENSCHEDULING OPTIONS / CHECK BOXES	*/
.md_openscheduling_index .filter-option-label.buttoncheck,
.md_scheduling_index .filter-option-label.buttoncheck,
.md_openscheduling_index label.buttoncheck,
.md_scheduling_index label.buttoncheck {
  background-color: #0078bf !important;
  color: #FFF !important;
}

.md_openscheduling_index input.buttoncheck:checked + label.buttoncheck,
.md_scheduling_index input.buttoncheck:checked + label.buttoncheck {
  background-color: #F99100 !important;
  color: #FFF !important;
  border: solid 2px #0078bf !important;
}

.md_openscheduling_index .filter-option-label.buttoncheck:hover,
.md_scheduling_index .filter-option-label.buttoncheck:hover,
.md_openscheduling_index label.buttoncheck:hover,
.md_scheduling_index label.buttoncheck:hover {
  background-color: #027ac2 !important;
  color: #FFF !important;
}

/********************************************************************/
/*	ADD SPACING AND HORIZONTAL LINES IN LOG IN FORM				  	*/
/********************************************************************/
.md_login_login .signup,
.md_login_login .login-learn-more {
  margin-top: 35px;
  padding-top: 20px;
  border-top: solid 3px #C6C8C8;
}

/********************************************************************/
/*	FIX LOGO FOR PRELOGIN OPENSCHEDULING							*/
/********************************************************************/
.md_openscheduling_index .header_logo_link,
.md_openscheduling_standalone .header_logo_link,
.md_onmyway_index .header_logo_link,
.md_standalone_signup .header_logo_link {
  height: var(--wp-header-height) !important;
  width: 350px !important;
}

#graphicHeader:not(:empty) .proxyMenuButton {
  background-color: transparent;
}

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

/********************************************************************/
/*	FIX LOGO SIZE (POST-LOGIN										*/
/********************************************************************/
@media only screen and (min-width: 500px) {
  #graphicHeader:not(:empty) #header_go_home {
    width: 350px;
  }
  #graphicHeader:not(:empty) #header_navigation {
    max-width: 100% !important;
  }
}
/********************************************************************/
/*	INTEGRATE CUSTOM FOOTER TO EPICS FOOTER							*/
/********************************************************************/
#mainFooter #Customizable {
  display: inline;
}

/********************************************************************/
/*	BOLD TEXT IN SECTIONS OF SCHEDULING CONFIRMATION PAGE			*/
/********************************************************************/
.md_scheduling_index .apptDateTimeParent,
.md_scheduling_index .apptComments .schedulingReason legend.fieldGroupPrompt {
  font-weight: bold;
}

/********************************************************************/
/*	REFRESH BUTTON FOR VIRTUAL VISIT's JOIN VISIT PAGE				*/
/********************************************************************/
.video-visit-refresh-page {
  background-color: #0078BF;
  color: white;
  padding: 10px;
  border-radius: 5px;
}

/********************************************************************/
/*	REMOVE SCHEDULING TICKET DETAIL (WITH INSTITUTE NAME)			*/
/********************************************************************/
.TicketDetail {
  display: none;
}

.WaitListStatus.TicketDetail {
  display: block;
}