/* 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: Hide Open Scheduling icons so that we don't see broken images in IE */
.stepIcon {
  display: none !important;
}

/* END: Hide Open Scheduling icons so that we don't see broken images in IE */
/* Begin Guest Pay EPP iFrame height */
#guestPay-content #extPmtPageFrame, #guestPay-content #iFrameLoadingIndicator {
  height: 45rem !important;
}

#guestPay-content #iFrameLoadingIndicator .v-center {
  top: 5rem;
}

#guestPay-content #extPmtPageFrame.mobileExtPmtPage, #guestPay-content #iFrameLoadingIndicator.mobileExtPmtPage {
  height: 45rem;
}

@media only screen and (max-width: 768px) {
  #guestPay-content #extPmtPageFrame, #guestPay-content #iFrameLoadingIndicator {
    height: 45rem;
  }
}
/* End Guest Pay EPP iFrame height */
/* BEGIN: External Payment Page Resize */
body .mobileExtPmtPage#extPmtPageFrame {
  height: 45rem;
}

#extPmtPageFrame {
  height: 45rem;
}

#iFrameLoadingIndicator.mobileExtPmtPage, #extPmtPageFrame.mobileExtPmtPage {
  height: 45rem;
}

@media only screen and (max-width: 768px) {
  #iFrameLoadingIndicator, #extPmtPageFrame {
    height: 45rem;
  }
}
/**** Auto Pay ****/
#autopay-content #extPmtPageFrame,
#autopay-content #iFrameLoadingIndicator {
  height: 45rem;
}

#autopay-content #iFrameLoadingIndicator .v-center {
  height: 45rem;
}

#autopay-content #extPmtPageFrame.mobileExtPmtPage,
#autopay-content #iFrameLoadingIndicator.mobileExtPmtPage {
  height: 45rem;
}

/* BEGIN: Visit date color setting */
.Visits .date div, .visitdetails .date div {
  color: hsl(290.8, 90.8%, 52.7%);
}