/* 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. */


/* HFHS HELIOS CSS customizations added below - above is Epic released for current version (i.e. November v2018) */

/* HELIOS: Mark As Complete Button Transparent Until Hover Sherlock 3445913*/
.hm-group .card .buttonList .button.btnMarkAsComplete, .hm-group .card .buttonList .button.btnRequestAppt {
   opacity: 1;
}

/* HELIOS January 2019 - added graphics for 2 new HomePreLogin webpage statements: Health Info & Billing. Feb.2022 added image for Covid HomePreLogin message. */
.features .icon-HFlibrary3 {
		background-image: url("../images/HFquestionmark3.png");
	}
.features .icon-account_summary {
		background-image: url("../images/quicklinks/account_summary.png");
	}
.features .icon-video_visit {
		background-image: url("../images/quicklinks/video_visit.png");
	}
.features .icon-qnr {
		background-image: url("../images/questionnaire.png");
	}
.features .icon-covid_status {
		background-image: url("../images/quicklinks/covid_status.png");
	}
.features .icon-samedaycare {
		background-image: url("../images/quicklinks/HFstethoscope.png");
	}
.features .icon-email {
		background-image: url("../images/quicklinks/email.png");
	}
.features .icon-login {
		background-image: url("../images/quicklinks/change_password.png");
	}
.features .icon-new2myc {
		background-image: url("../images/quicklinks/mychart_folder.png");
	}

/*=====================================================*/
/* HELIOS - CENTERING THE LOGO - commenting out with the June SU 2025. lines 41-57 can be removed completely in 2026 */ 
/*=====================================================*/
/*#graphicHeader:not(:empty) #header_logo {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 3.5rem;
  margin-top: 0.2rem;
  min-width: 41%;
  width: 41%;
}*/
/*#graphicHeader:not(:empty) #header_logo .header_logo_link {
  background: transparent url("../images/logo.svg") no-repeat scroll center/contain;
  display: block;
  height: 100%;
  width: 100%;
}*/

/* HELIOS May 2018 - Sherlock #3794898 - added to change hyperlinks in Test Results (scanned images) to Black font color */
div#scans.section ul li a {
    color:black;
    text-decoration: underline
}

/* HELIOS September 2018 - Sherlock 4019061 - added to change the header configuration to move the logo to the right on AVS - comment out until test in v2018 */
/*.rpt.Universal .mainColumn .headerAVS .headerTopRight img, .rpt.Universal .mainColumn .headerAVS .wholeLineImage img {
margin-left: 620px;
}*/

/* HELIOS October 2018 - added for Pay as Guest button on Login webpage  - comment out until test in v2018 */
/*.posttext .button {
    width: 100%;
}*/

/* HELIOS April 2022 - commented out since duplicate. April 2019 - added to increase Pay as Guest credit card data entry window/frame */
/*#guestPay-content #extPmtPageFrame, #guestPay-content #iFrameLoadingIndicator {
	height: 350px !important;
}

@media only screen and (max-width: 768px) {
	#guestPay-content #extPmtPageFrame, #guestPay-content #iFrameLoadingIndicator {
		height: 425px !important;
	}
}*/

/* HELIOS April 2019 - added to remove graphic column on Home.txt */
.campaignCard.imageCard, .component.news .newscard{
                padding-left: 25px;
}
.component .news .newscard.mobileApps{
                background-image: none;
}

/*=====================================================*/
/*Henry Ford HELIOS CSS Specific CSS updates*/
/*=====================================================*/
/* HELIOS: Mark As Complete Button Transparent Until Hover Sherlock 3445913*/
.hm-group .card .buttonList .button.btnMarkAsComplete, .hm-group .card .buttonList .button.btnRequestAppt {
   opacity: 1;
}

/* HELIOS May 2018 - Sherlock #3794898 - added to change hyperlinks in Test Results (scanned images) to Black font color */
div#scans.section ul li a {
    color:black;
    text-decoration: underline
}

/* HELIOS April 2022 - Sherlock 6668548 - added to increase Pay as Guest credit card data entry window/frame */
/* BEGIN EPP IFRAME RESIZE */
#guestPay-content #extPmtPageFrame,
#guestPay-content #iFrameLoadingIndicator {
height: 40rem;
}
 
#extPmtPageFrame{
border-width: 0px;
height: 40rem;
overflow-y: hidden;
width: 100%;
}

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

/* END EPP IFRAME RESIZE */

/* HELIOS April 2019 - added to remove graphic column on Home.txt */
.campaignCard.imageCard, .component.news .newscard{
                padding-left: 25px;
}
.component .news .newscard.mobileApps{
                background-image: none;
}

/* Removes extra space at the top of stdfile pages. */
.md_stdfile .title {
	display:none !important;
}


/* HELIOS March 21: Hide customer service link on sidebar of the billing account summary page */ 
 
#ba_details_sidebar_customer_service{
    display: none;
}
 
/*=====================================================*/
/* Mimicking Epic's "Card" style */
/*=====================================================*/
.hf-card-list {
	margin: 0.5rem 0;
	width: 100%;
}

/*adding min-height to cards so they always look same height no matter the screen sizing 
and removing underline on anchor*/
.hf-card-list a {
	text-decoration: none;
	min-height: 120px;
}

/*making sure card always looks white when no action takes place*/
.hf-card-list a:link,
.hf-card-list a:visited {
	background-color: #ffffff;
}

/*adding color to card on action*/
.hf-card-list a:hover,
.hf-card-list a:active,
.hf-card-list a:focus {
	background: linear-gradient(hsla(199.7,82.7%,50.2%,0.08), hsla(199.7,82.7%,50.2%,0.08)), #fff
}

/*setsup the flex container on each row*/
.flexbox {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}

/*With flex-grow the width of the container is distributed
equally to all cards and cards can only take up 49% of the 
entire row width*/
.flexbox .hf-card {
	flex-basis: auto;
	flex-grow: 1;
	max-width: 49%;
	
}

/*margin makes sure there is space on all appropriate sides of each card
while padding makes sure the text inside the card aligns appropriately. 
The shadown adds the grey shadow on all sides of the card and the back
ground-color is white for each card*/
.hf-card {
	margin: 0.25rem 0.5%;
    padding: 0.5rem;
    box-shadow: 0px 4px 4px -1px rgba(0, 0, 0, 0.2);
	background-color: #ffffff;
}

/*formatting card title*/
.hf-card .name.large {
	font-size: 1.25rem;
	line-height: 1.5rem;
	color: hsl(204.7,100%,27.6%);
}

/*formatting card text*/
.hf-card .hf-cardline {
	display: block;
    font-size: 0.9rem;
    line-height: 1.1rem;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}

/*making sure the text of each card is a dark grey/black color*/
.hf-cardline {
	color: #363636;
}

/*=====================================================*/
/* STDFILES - GENERAL (Applies to all stdfiles in the en-US/docs folder) */
/*=====================================================*/

/* hide print icons in STDFILES using the ".noprint" class */
.md_stdfile .noprint div.assistiveicon{
	display:none;
}

/* Setting heading font-sizes in STDFILES to match headings around the rest of the site
this comment applies to both the h1 and h2 elements below */
.md_stdfile h1, .md_showForm h1{
	font-size: 1.5rem;
	line-height: 1.5rem;
	color: #00539B;
}

.md_stdfile h2, .md_showForm h2{
	font-size: 1.25rem;
	line-height: 1.75rem;
}

/* Adding basic expected margins for common block level elements */ 
.md_stdfile #main div,
.md_stdfile #main p{
	margin: 0.5rem 0;
}

/*adding some spacing at the bottom of each ordered list*/
.md_stdfile #main ul{
	margin-bottom: 0.5rem;
}

/* Epic button class is not inline-block by default for some reason.
Display block causes width to be 100%;  */
.md_stdfile #main a.button{
	display: inline-block;
}

/*adds appropriate margin to buttons in standard files*/
.md_stdfile .button {
    margin-right: 0.5rem;
}

/*=====================================================*/
/* HELIOS - CUSTOM FORMS - GENERAL (Apply to all Custom Forms) */
/*=====================================================*/

/**
 * .customform - appears on each page load of a custom form
 * .md_showform - appears when the form is first loaded
 * .md_saveform - appears when a submission has been stempted and failed
 */

.customform form .section .content p{
  margin-top:0px;
  margin-bottom: 1rem;
}

.customform .section .content label {
  display: block !important;
}

.customform .section .content div {
  margin: 0.5rem 0;
}

body.customform .section label {
    position: relative;
    top: 1.5rem;
    width: 28%;
    margin-top: -1rem;
    text-align: right;
}

.customform input + label {
    width: 90%;
    text-align: left;
}

.customform input, .customform select, .customform textarea{
    margin-left: 29%;
    width: 70% !important;
    margin-top: 0;
}

.customform label + p {
    display: inline-block;
    width: 70%;
    margin: 0 0 0.5rem 27%;
    padding: 0.25rem;
    line-height: 1.5rem;
}

.customform form .section .content label + p {
  margin: 0 0 0 29%;
}

.customform .section input[type="checkbox"] + label,
body.customform .section .content input[type="checkbox"] + label {
    display: inline-block;
    width: 90%;
    margin: 0 0 0 26.5%;
    padding: 0.25rem;
    line-height: 0.5rem;
    text-align: left;
    -webkit-text-align: start;
    top: -1.35rem;
}

body.customform .section .content input[type="checkbox"] {
    display: inline-block;
    width: auto !important;
    margin: 0 1em 0 24% !important;
    line-height: 0.5rem;
}

body.md_saveform .section label:not(.togglebutton) {
    position: relative;
    top: 1.5rem;
    width: 25%;
    margin-top: -1rem;
}

.customform form .alert {
  margin: 0 1em 0 29%;
}

.customform form .section .content p {
    margin-top: 0px;
    margin-bottom: 1rem;
}

.customform .helptext {
    font-size: 1.1rem;
    color: #6F6F6F;
    margin: 0.25rem 0;
    line-height: 1.3em;
	margin-left: 27% !important;
    width: 73%;
    margin-top: 0;
}

.customform ul {
	list-style: disc;
	padding-left: 40px;
}

#FullProxyReq .button, #FullAllowProxy .button, #MedicalRecordRequest .button {


.eq5d_vas_table {
	background-color: transparent !important;
}

.eq5d_ul{
	list-style-type: disc;
}

.eq5d_li {
	font-size: 1.2rem !important;
	margin-top: 15px;
}