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

/* apc - make forgot username and forgot password links bold and red */
.login .recovery a {
	color: red;
	font-weight: bold;
}

/* apc - color evisit follow-up conditions, need to insert the html id of the button into the for statement */
div#evisit-chief-complaint label.togglebutton[for*="Follow-Up"]{
	background-color: #FDF9C0
}
div#evisit-chief-complaint label.togglebutton[for*="PCP"]{
	background-color: #FDF9C0
}

/*apc - add pretext before self-signup link on login page */
.loginpage.isprelogin #sidebar .postext:before {
    font-size: 1.25rem;
    color: #005eb8;
    content: 'No Activation Code?';
}
.loginPage.isPrelogin #sidebar .posttext {
	text-align: center;
}

/* apc - add bww logo to open scheduling page */
.md_openscheduling_index .logo {
	background: rgba(0, 0, 0, 0) url("../images/BWWlogo.png") no-repeat scroll center center;	
}
/* BEGIN: Apply a login back ground image on the features list */
ul#features li h2 {
    font-size: 1rem;
}
ul#features li span.info {
    font-size: 0.8rem;
}

ul.features {
    /*background-color: rgba(255, 255, 255, 1.0);*/
    /*background-image: url("../images/loginpic8.jpg");*/
    background-position: right center;
    background-repeat: no-repeat;
    /*border: 1px solid #cccccc;*/
    /*padding: 0 47% 0 0;*/
    width: 100%;
    /*background-size: 65% 116%;*/
}
ul#features li {
	width: 100%;
}
ul#features li::before {
    height: 4rem;
    margin: 0 0 -5rem -5rem;
    width: 4rem;
}
/* END: Apply a login back ground image on the features list */ 

/****************************Mercy Pay as Guest Submit button********************************/
#guestPay-content #extPmtPageFrame, #guestPay-content #iFrameLoadingIndicator {
    height: 365px;
 }
 @media only screen and (max-width: 768px) {
    #guestPay-content #extPmtPageFrame,
  #guestPay-content #iFrameLoadingIndicator {
      height: 565px;
    }
  }
 /****************************End of Pay as Guest submit button***************************/

 /****************************Mercy Billing Summary Pay Bill Submit button********************************/
#extPmtPageFrame {
    height: 425px;
 }
 @media only screen and (max-width: 768px) {
    #extPmtPageFrame {
      height: 625px;
    }
  }
 /****************************End of Billing Summary Pay Bill submit button***************************/

 /****************************Mercy OMW Signup Page Customizations********************************/
 /*This is the OMW Banner on the mychart omw signup page.*/
 .standardBanner.OMW_Signup{
  background-color: #E57373;
  background-image: url(../images/yield_yellow.png);
  border-width: thick;
  border-color: lightgray;
  background-position-y: center;
}

 /*Hide the County Field*/
select#UserAddress_County {
    display: none;
}
.county.col-5 {
    opacity: 0;
}

/*Add verbiage to E-mail Field*/
div#emailAddress_message:after {
    content: "*If you do not have an e-mail address, please use none@email.com";
    font-size: small;
    font-weight: bold;
}
 /****************************End of Mercy OMW Signup Page Customizations***************************/
 
 /*BEGIN: Store Telehealth coding in this section*/
 /*This is used to hide Javascript code embedded in Strings Node VideoVisitTitleNoMnemonic.*/
.TalktoAProviderTitle{
    opacity: 0;
  }
/*END: Store Telehealth coding in this section*/

/*BEGIN: FAQ images customizations - Couldn't get <img> tag to work in FAQ.txt, therefore using CSS customizations to project the images.*/
.faqImages_HW_START{
    background-image: url("../images/FAQ Images/FAQ_HW_START.jpg");
    width: 250px;
    height: 100px;
    max-width: 100%;
    object-fit: cover;
    background-size: contain;
    background-repeat: no-repeat;
}
.faqImages_HW_STOP{
    background-image: url("../images/FAQ Images/FAQ_HW_STOP.jpg");
    width: 215px;
    height: 100px;
    max-width: 100%;
    object-fit: cover;
    background-size: contain;
    background-repeat: no-repeat;
}
.faqImages_commPref1 {
    background-image: url("../images/FAQ Images/CommunicationPreferences_MyChartMenu.jpg");
    width: 350px;
    height: 200px;
    max-width: 100%;
    object-fit: cover;
    background-size: contain;
    background-repeat: no-repeat;
}
.faqImages_commPref2 {
    background-image: url("../images/FAQ Images/CommunicationPreferences_Settings.jpg");
    width: 1000px;
    height: 400px;
    max-width: 100%;
    object-fit: cover;
    background-size: contain;
    background-repeat: no-repeat;
}
.faqImages_commPref3 {
    background-image: url("../images/FAQ Images/CommunicationPreferences_Details.jpg");
    width: 500px;
    height: 350px;
    max-width: 100%;
    object-fit: cover;
    background-size: contain;
    background-repeat: no-repeat;
}
@media only screen and (max-width: 768px) {
    .faqImages_commPref2 {
      height: 145px;
    }
  }
  @media only screen and (max-width: 1000px) and (min-width: 600px) {
    .faqImages_commPref2 {
      height: 305px;
    }
  }
  @media only screen and (max-width: 768px) {
    .faqImages_commPref3 {
      height: 190px;
    }
  }
  @media only screen and (max-width: 1000px) and (min-width: 600px) {
    .faqImages_commPref3 {
      height: 275px;
    }
  }
/*END: FAQ images customizations*/

/******BEGIN: MyChart Login Page Customizations - formatting for passkey and signup icons added by EPIC with vFeb2025******/
.customhelpfeaturescontainer .helpfeatureicon {
  color: #246fb5;
  min-height: 2rem;
  max-height: 2.2rem;
}
body.loginPage.isPrelogin.hasNoCommunityLinks.color1.md_login_login.ready .helpfeaturescontainer{
  display: none !important;
}
.customhelpfeaturescontainer .helpfeature.button.tertiary.neutral{
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 50%;
  margin: 0.5rem auto;
  padding: 0.375rem;
  font-size: 0.9rem;
  text-align: center;
  min-width: min-content;
}
.customhelpfeaturescontainer{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  margin: 0.5rem 0 0;
}
.customhelpfeaturescontainer .helpfeature.button.tertiary.neutral:not(:hover){
  color: #565656;
  display: none;
}
/******END: MyChart Login Page Customizations - formatting for passkey and signup icons added by EPIC with vFeb2025******/

/*BEGIN: Visit Instructions header customizations in direct scheduling confirmation. Located in strings node: Scheduling>Index>AppointmentInstructionsHeader*/
.visitinstructions {
	color: #ff0000;
	font-weight: bold;
	text-decoration: underline;
	font-size: 1.50rem;
}
/*END: Visit Instructions header customizations in visit direct scheduling confirmation. Located in strings node: Scheduling>Index>AppointmentInstructionsHeader*/