﻿/* END EPIC DELIVERED THEME CSS */
/* 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. */
.component .news .newscard.devices {
  background-image: url("../images/icon_SMS_larger.png");
}

.component .news .newscard.videoVisits {
  background-image: url("../images/video_visit.png");
  margin-right: 0px;
  margin-left: 0px;
}

.component .news .newscard.mobileApps {
  background-image: url("../images/mobile_tile.png");
  margin-right: 0px;
  margin-left: 0px;
}

.component .news .newscard.upload {
  background-image: url("../images/Upload.png");
  margin-right: 0px;
  margin-left: 0px;
}

.component .news .newscard.download {
  background-image: url("../images/Download.png");
  margin-right: 0px;
  margin-left: 0px;
}

/* Red titles */
/* @color theme - #246FB5 ~ #2470B7 = hsl(209,66.8%,42.6%) */
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: #CC3443;
}

/* SLG 4529712 - reverting scheduling banner color to gray */
#scheduling-workflow .banner::before {
  background-color: hsl(200, 12%, 93%);
}

/* MSL Clinic List SLG 4517598 */
th.clinicCity {
  text-align: left;
  padding: 0.5rem;
  background: #eef5fb;
}

/* MSL SLG 5030015*/
p.SLG5030015 {
  text-align: left;
}

/* MSL ZCN#5329285: MyChart / Your Organization's Custom MyChart Logo Can Be Overwritten by the Default Logo (XTN# 1016841) */
#graphicHeader:not(:empty) #header_logo .header_logo_link {
  background: transparent url("../images/logo.png") no-repeat scroll center/contain;
}

/* External Payment Page START */
/* VNM SLG 9408848*/
/* MSL SLG 10568643*/
#extPmtPageFrame {
  height: 30rem;
}

#guestPay-content #extPmtPageFrame,
#guestPay-content #iFrameLoadingIndicator {
  height: 30rem;
}

@media only screen and (max-width: 1080px) {
  #guestPay-content #extPmtPageFrame,
  #guestPay-content #iFrameLoadingIndicator {
    height: 50rem;
  }
}
@media only screen and (max-width: 1080px) {
  #iFrameLoadingIndicator,
  #extPmtPageFrame {
    height: 50rem;
  }
}
@media only screen and (max-width: 1080px) {
  #iFrameLoadingIndicator.mobileExtPmtPage, #extPmtPageFrame.mobileExtPmtPage {
    height: 50rem;
  }
}
/* Removing redundant styling
@media only screen and (max-width: 768px) {
  #guestPay-content #extPmtPageFrame,
  #guestPay-content #iFrameLoadingIndicator {
    height: 47.5rem;
  }
} */
/* External Payment Page END */
