/* BEGIN EPIC DELIVERED THEME CSS */
/* Generated by v85.0.7 */
/* 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 only show content on a certain affiliate site, tag it with an Affiliate class, and then another class to unhide just for that affiliate. Use URL Rewrite an affiliate-specific override css file to do the unhiding.*/
.affiliate,
.Affiliate {
  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 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: HomePreLogin CSS tweaks */
ul.features li {
  padding-bottom: 0;
}

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

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

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

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

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

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

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

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

/* END: HomePreLogin CSS tweaks */
/* BEGIN: Custom page disclaimer css */
/* Default card style */
div#Custom_PageDisclaimer div.card {
  padding: 10px;
}

/* Add an optional icon */
div#Custom_PageDisclaimer div.card {
  background-image: url("../images/warning.png");
  background-position: left top;
  background-repeat: no-repeat;
  min-height: 192px;
  padding: 20px 20px 20px 200px;
}

/* Hide all content AFTER the disclaimer */
div#Custom_PageDisclaimer ~ * {
  visibility: hidden;
}

/* Un-Hide the back button */
div#Custom_PageDisclaimer ~ div.back {
  visibility: visible;
}

/* END: Custom page disclaimer css */
/* BEGIN: CSS Ported over from 2015 install */
/* Fix issue with centered bulleted and numbered lists on letters pages */
body.md_letters div#main div.section li {
  text-align: left;
}

/* Hide lonely Modify button at the top of history questionnaire submissions */
form#hxqtnr div.hidden:first-child + div.section div.content:first-child input#makeedits {
  display: none;
}

/* This just causes problems in the released form. */
p {
  white-space: normal;
  word-wrap: normal;
}

/* END: CSS Ported over from 2015 install */
/* BEGIN: Fix image width issue on letters */
body.md_letters .large_img > img {
  width: auto !important;
}

/* END: Fix image width issue on letters */
/* BEGIN: Add a little space after an intro paragraph in the side bar */
div#sidebar > p:first-child {
  margin-bottom: 20px;
}

/* END: Add a little space after an intro paragraph in the side bar */
/* BEGIN: Updating height for Instamed. */
body #extPmtPageFrame {
  border-width: 0px;
  height: 80rem;
  overflow-y: hidden;
  width: 100%;
}

/**** Pay as Guest ****/
body #guestPay-content #extPmtPageFrame,
body #guestPay-content #iFrameLoadingIndicator {
  height: 75rem;
}

body #guestPay-content .formbuttons {
  margin-bottom: 5rem;
}

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

/* END: Updating height for Instamed. */
/* BEGIN: Change logos to SVG */
/* Banner logo */
#logo {
  background-image: url("../images/logo.svg");
  width: 17%;
}

/* END: Change logos to SVG */
/* BEGIN: Change styling of appointment date/time on visit details page */
body.md_visitdetails_index .visitheadercomponent.timecomponent span.primarytext {
  font-weight: bold;
}

/* END: Change styling of appointment date/time on visit details page */
body.publicform span.helptext p {
  font-size: 1.1rem;
  margin: 20px 0px;
  line-height: 2rem;
}