/* BEGIN EPIC DELIVERED THEME CSS */
/* Generated by v85.0.17 */
/* 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 show something only when looking at your own chart, not in proxy mode, tag it with a "selfmode" class. If you want something to only show when looking at someone else's chart, use "proxymode" class. */
.proxyMode,
.proxymode,
.ProxyMode,
.Proxymode {
  display: none !important;
}

/* END: SPECIAL HIDING PROPERTIES */
/* BEGIN: CONFIGURABLE PRELOGIN LOGO HEIGHT */
/* Prelogin logo height is 6rem by default which can cause it to be cropped for many larger logos. Change it here. But we be aware 
    that your changes can affect the responsive design layout on small screens. Bottom line: the logo must be height-matched to its
    container to get a good result on both sides of the responsive breakpoint. */
body.isPrelogin .logo {
  height: 6.5rem;
}

body.isPrelogin .logo {
  background-position: center top;
}

/* END: CONFIGURABLE PRELOGIN LOGO HEIGHT */
/* BEGIN: CONFIGURABLE BACKGROUND COLOR AND BACKGROUND IMAGE */
/* NOTE: Commenting these out because they override classic print pop up background which is supposed to be white like paper */
/* Prelogin background image and color */
/*
body {
    background: hsl(209,66.8%,42.6%) url("../images/prelogin.jpg") no-repeat fixed top center / cover;
}
#content::after {
    background: hsl(209,66.8%,42.6%) url("../images/prelogin.jpg") no-repeat fixed top center / cover;
}
*/
/* Postlogin background image and color */
/*
body.isInside {
    background: hsl(209,66.8%,42.6%) url("../images/background.jpg") no-repeat fixed top center / cover;
}
body.isInside #content::after {
    background: hsl(209,66.8%,42.6%) url("../images/background_blurred.jpg") no-repeat fixed top center / cover;
}
.component.Popup > .titlebar .titlebarblurbackground::before {
    background: hsl(209,66.8%,42.6%) url("../images/background_blurred.jpg") no-repeat fixed top center / cover ;    
}
.menudetailstable.leftmenu .leftcolumn::before, 
.goalslarge .goalsleft::before, 
.TRPContainer::before {
    background: hsl(209,66.8%,42.6%) url("../images/background_blurred.jpg") repeat top left;
}
*/
/* END: CONFIGURABLE BACKGROUND COLOR AND BACKGROUND IMAGE */
/* BEGIN: BACK OUT COMMON PRE-2017 BUTTON WORKAROUNDS */
/* This section is to back out some custom CSS many customers have written directly in their custom form XML files using internal style sheets. Without this, these customizations will not look good with the new UI. */
/* Turn off custom checkbox workarounds */
body.md_showform span.radiocontainer label.radiolabel::before,
body.md_showform input.radio + label::before,
body.md_showform input.clearradio + label::before,
body.md_showform td.prob label::before,
body.md_saveform span.radiocontainer label.radiolabel::before,
body.md_saveform input.radio + label::before,
body.md_saveform input.clearradio + label::before,
body.md_saveform td.prob label::before {
  display: none !important;
}

/* Remove custom icons applied to page title */
body.md_showform div#main div.title::before,
body.md_saveform div#main div.title::before,
body.md_showform div.title h1::before,
body.md_saveform div.title h1::before {
  display: none !important;
}

/* END: BACK OUT COMMON PRE-2017 BUTTON WORKAROUNDS */
/* BEGIN 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. */
.card .buttonList .button {
  opacity: 1 !important;
}

div.arrivaltime div.popupInstructions {
  white-space: pre-wrap !important;
  width: 700px !important;
}

#deliveryoptionshelp {
  display: block;
}

fieldset.hasposttext.leftlabel.forlist.hidden + p.helptext.infieldset #deliveryoptionshelp {
  display: none !important;
}

/* BEGIN CUSTOMER-SPECIFIC CUSTOM CSS  */
/* change color of Log Out button & text: */
#banner #bannertext {
  color: #FFFFFF;
}

#banner a.button {
  color: #FFFFFF;
}

#banner a.button:hover {
  color: #FFFFFF;
}

#banner a.button,
#banner a.button,
.button.inlinedelete,
.button.inlinedelete {
  background-color: #CC0000;
}

#banner a.button:hover,
#banner a.button:focus,
.button.inlinedelete:hover,
.button.inlinedelete:focus {
  background-color: #FF0000;
}

/* hide Clinic information in Patient Info activity: */
div#info div.content span + p + span + p + span + p + span + p + span,
div#info div.content span + p + span + p + span + p + span + p + span + p {
  display: none;
}

div#info div.content span + p + span + p + span + p + span + p + span + p + span,
div#info div.content span + p + span + p + span + p + span + p + span + p + span + p {
  display: block;
}

#loginlogo {
  display: none;
}

/* BEGIN CUSTOMER-SPECIFIC CUSTOM CSS  */
#pickuptime {
  display: none;
}

/*END: This is to override the rx refill request pickup time window: */
/* Begin: Fix printing issue with blank pages */
body.menuontop {
  min-height: 0 !important;
}

/* End: Fix printing issue with blank pages */
/* Begin: Fix header display overflow in AVS */
#main > div.section > div > table:nth-child(1) > tbody > tr > td.rz_5 > div.table_wrapper {
  overflow: hidden;
}

/* End: Fix header display overflow in AVS */
/* end affiliate site config*/
/* BEGIN CUSTOMER-SPECIFIC CUSTOM CSS */
.quickLinks.vertical a[data-id=evisitbutton] {
  display: none !important;
}

/* END: This is to add image to the news cards on Whats New in MyChart */
html.embedded.poppedOut > body.embedded {
  height: auto !important;
}

.campaignCard:not(.imageCard) {
  padding-left: 1rem;
}

.campaignCard.imageCard, .component.news .newscard {
  padding-left: 9rem;
}

.component .news .newscard.videoVisits {
  background-position-x: 20px;
  background-image: url("../images/immunizations.png");
}

.component .news .newscard.newFeatures {
  background-position-x: 20px;
  background-image: url("../images/phone.png");
}

.component .news .newscard.careEverywhere {
  background-position-x: 20px;
  background-image: url("../images/health_reminders.png");
}

.component .news .newscard.devices {
  background-position-x: 20px;
  background-image: url("../images/access_proxyinformation.png");
}

.component .news .newscard.mobileApps {
  background-position-x: 20px;
  background-image: url("../images/mobile_tile.png");
}

.component .news .newscard.billing {
  background-position-x: 20px;
  background-image: url("../images/payment_check.png");
}

.features {
  list-style: none;
  padding: 0 0 1rem;
}

.features li {
  padding-left: 75px;
  background-repeat: no-repeat;
}

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

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

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

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

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

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

.features .info {
  font-size: 0.9rem;
}