/* BEGIN EPIC COMMUNITY MEMBER CUSTOM CSS */
/* Generated by v85.0.14 */
/* Epic recommends any additional CSS customizations be placed in this file, not theme.css. */

/* BEGIN: BACKGROUND IMAGES FOR BODY */
/* Pre Login Background Image  */
/* This file should live in the img folder inside the home folder and be 1920x1080 in size */
.mainBody.standaloneBody,
#Login2FA-Ambience {
  background-image: url("background.png");
}


/* Post Login Background Image  */
/* This file should live in the img folder inside the home folder and be 1920x1080 in size */
.mainBody {
  background-image: url("background.png");
}
.home-icon-quickLinksCard {
  background-image: url("img/white-star-icon-10-small.png");
}
.home-icon-eventMonitorCard {
  background-image: url("img/WhiteMailIcon.png");
}

.watermark-home {
  background-image: none
}
/* Header bar background color */
body.mainBody #header {
  background-color: hsl(252.4deg 48.2% 18.2%);
}
body .FrameHeaderDiv, body.copyright, body.mainBody #content, body.mainBody #innerAppWrap {
    background-color: #D2E8F5;
}
/* The container of the clinical content; the "body" of the page */
body .FrameHeaderDiv,
body.copyright,
body.mainBody #content,
body.mainBody #innerAppWrap {
  background-color: #D2E8F5;
}

/* The home content container */
.home-container {
  background-color: #D2E8F5;
  
/* Menu bar background color */
body.bannerBody .BannerTab.lowered,
body.bannerBody .BannerTab.hovered,
body.mainBody #menu {
  background-color: hsl(194deg 77.27% 38.73%);
}

/* Info Dialog for the Message page, such as for disabled features, Watermark on In Basket  */
/* This file should live in the img folder inside the home folder and be 1920x1080 in size */
.watermark {
  background-image: linear-gradient(to bottom, rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%), url("img/Placeholder-Generic.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.fillerWatermark {
  background-image: url("img/Placeholder-Generic.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
#MsgPageBody .pageDIV {
  background-image: url("img/Placeholder-Generic.png");  
  background-repeat: no-repeat;
  background-position: center center;  
  background-size: cover;
} 
.mainPageDiv{
  background-image: url("img/Placeholder-Generic.png");
}
.ViewExternalMediaWaterMarkImg{
  background-image: url("img/Placeholder-Generic.png");  
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.GapUploadWatermark{
  background-image: linear-gradient(to bottom, rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%), url("img/Placeholder-Generic.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

/* Watermarks on the home page */
.watermark-home-large {
  background-image: url("img/Watermark-Home-Tall.png");
}
.watermark-home {
  background-image: url("img/Watermark-Home-Short.png");
}

/* Unique watermark on the allergies page */
body.Activity form[action*="Allergies.asp"] .watermark {
    background-image: linear-gradient(to bottom, rgba(255,255,255,1) 50%, rgba(255,255,255,.5) 100%), url("img/Watermark-Allergies.png");
}

/* Change astronaut background image */
#contain1.zeroStateWaterMark {
    background-image: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 100%), url("img/Hubble-Zero-State.png");
}

/* Change satellite background image */
#contain1.zeroStateWaterMark div.zeroStateIcon {
  background-image: url("img/Hubble-Zero-State-Icon.png");
}


/* Notification background image */
body#WSmsNotificationBody .smsWaterMarkImg{
  background-image: linear-gradient(to bottom, rgba(255,255,255,1) 50%,rgba(255,255,255,0.65) 100%), url("img/Notification-Watermark.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
body#WSmsNotificationBody .watermark{
  background-image: linear-gradient(to bottom, rgba(255,255,255,1) 50%,rgba(255,255,255,0.65) 100%), url("img/Notification-Watermark.png") !important;
}



/* END: BACKGROUND IMAGES FOR BODY */


/* BEGIN: MAIN BACKGROUND COLOR - UPDATE TO REFLECT BACKGROUND IMAGES */
/* These colors will load before background images, so you will see a flash of it. Match it to the overall color of the intended background image. */

/* Post Login */
.mainBody {
  background-color: hsl(200,81.5%,36.1%);
}

/* Pre Login */
.mainBody.standaloneBody {
  background-color: hsl(200,81.5%,36.1%);
}

/* END: MAIN BACKGROUND COLOR - UPDATE TO REFLECT BACKGROUND IMAGES */

/* BEGIN: LOAD CUSTOM IN BASKET IMAGES FROM HOME FOLDER */
/* Changed images for Inbasket folders to match colors - selected sections */
.ibvNavMsgTypeClosed {
  background-image: url("img/FolderClosed.png");
}
.ibvNavMsgTypeOpen {
  background-image: url("img/FolderOpen.png");
}
.ibvNavMsgTypeClosedHigh {
  background-image: url("img/FolderHighPriority.png");
}
.ibvNavMsgTypeOpenHigh {
  background-image: url("img/FolderHighPriorityOpen.png");
}
/* END: LOAD CUSTOM IN BASKET IMAGES FROM HOME FOLDER */

/* BEGIN: PATIENT ICONS */
/* Push pin icon on patient */
.FrameHeaderPinPinned {
  background-image: url("img/Pinned.png");
}
/* END: PATIENT ICONIS */

/* BEGIN: MOVE LOGO ON LOGO SCREENS LOWER AND AWAY FROM EPIC LOGO */
body.standaloneBody div#epicLoginContent img.image {
    margin-top: 20px;
}
/* END: MOVE LOGO ON LOGO SCREENS LOWER AND AWAY FROM EPIC LOGO */
.links-card {
  background-color: #00866A;
  color: #ffffff;
  font-size: 13px;
}

.em-card {
  background-color: #003B5C;
  color: #ffffff;
}

/* Menu bar background color */
body.bannerBody .BannerTab.lowered,
body.bannerBody .BannerTab.hovered,
body.mainBody #menu {
  background-color: hsl(194deg 79.32% 36.53% / 100%);
}
