/* 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: 2.0rem;
}