/* 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. */
/* BEGIN: prelogin page images */
.isPrelogin #features li {
  display: inline-block;
  padding: 1rem 1rem 1rem 6rem;
  vertical-align: top;
  width: 50%;
}

.isPrelogin #features li:before {
  content: "";
  display: block;
  height: 4rem;
  margin: 0 0 -4rem -5rem;
  width: 4rem;
}

#features li:nth-child(3)::before {
  background: rgba(0, 0, 0, 0) url("../images/quicklinks/medical_advice.png") no-repeat center center;
}

#features li:nth-child(4)::before {
  background: rgba(0, 0, 0, 0) url("../images/quicklinks/test_results.png") no-repeat center center;
}

#features li:nth-child(5)::before {
  background: rgba(0, 0, 0, 0) url("../images/quicklinks/medications.png") no-repeat center center;
}

#features li:nth-child(6)::before {
  background: rgba(0, 0, 0, 0) url("../images/quicklinks/appointments.png") no-repeat center center;
}

#features li:nth-child(7)::before {
  background: rgba(0, 0, 0, 0) url("../images/quicklinks/phone.png") no-repeat center center;
}

#features li:nth-child(8)::before {
  background: rgba(0, 0, 0, 0) url("../images/quicklinks/medical_history.png") no-repeat center center;
}

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

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

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

/* END: prelogin page images */
/* BEGIN: footer color*/
body #footer,
body #footer a,
.datatile #wrap > .copyright a,
body.md_showform #footer,
body.md_showform #footer a,
body.md_saveform #footer,
body.md_saveform #footer a {
  color: rgb(0, 145, 234);
}

/* END: Footer color*/
/* BEGIN: Prelogin Logo spacing */
.logo {
  height: 7rem;
}

/* END: Prelogin Logo Spacing */
/* BEGIN: Background Shading */
#main, .BeforeList input.SearchList {
  background-color: rgba(255, 255, 255, 1);
}

#sidebar {
  background-color: rgba(255, 255, 255, 0.9);
}

/* END: Background Shading */
/* BEGIN: Custom Logonbox*/
.embedded .button.completeworkflow, .embedded .button.completeworkflow:focus, .embedded .button.completeworkflow:hover {
  background-color: #0032a0;
}

.embedded .signup {
  display: none;
}

.embedded #footer {
  display: none;
}

/* END: Custom Logonbox*/
/* BEGIN: Resize OS iframe height */
#div.setOfStepsContainer .stepContainer {
  border: none;
  border-radius: 0;
  box-shadow: none;
  display: inline-block;
  height: 720px;
  margin: 0.25rem;
  overflow: hidden;
  padding: 0;
  position: relative;
  vertical-align: top;
  width: 690px;
}

/* END: Resize OS iframe height */
/* BEGIN: Force correct logo */
#graphicHeader:not(:empty) #header_logo .header_logo_link {
  background: transparent url("../images/logo.png") no-repeat scroll center/contain;
}

/* END: Force correct logo */
.se_image_patient {
  width: 120px;
}

/*Subtext style under the "Help us prepare for your arrival" header in the On My Way workflow which is defined in the string Scheduling.OnMyWay.AboutVisitLabel*/
.OnMyWayAboutVisitLabelOverride {
  background-image: none;
  padding: 0.75rem;
  max-width: fit-content;
}

/* BEGIN: Pay a Guest design code */
#extPmtPageFrame, #visitpayment-content #extPmtPageFrame, #visitpayment-content #iFrameLoadingIndicator {
  height: 40rem;
}

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

@media only screen and (max-width: 825px) {
  #payment-content #extPmtPageFrame,
  #payment-content #iFrameLoadingIndicator,
  #guestPay-content #extPmtPageFrame,
  #guestPay-content #iFrameLoadingIndicator {
    height: 60rem;
  }
}
/* END: Pay a Guest design code */