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

/* Custom Roper CSS Below */

/*This button is the pay your bill button on the roper login page.*/
.button.tall.roperpay {
  background-color: #43768F;
}
/*This override adds extra padding to the embedded open scheduling widget iframe.*/
div.openingsData.openingsNoData .errormessage .nodata {
line-height: 1.5rem;
padding: 0 3% 0 0;
}
#guestPay-content #extPmtPageFrame, 
#guestPay-content #iFrameLoadingIndicator {
height: 365px;
}
@media only screen and (max-width: 768px) {
#guestPay-content #extPmtPageFrame,
#guestPay-content #iFrameLoadingIndicator {
  height: 565px;
}
} 
#extPmtPageFrame {
height: 425px;
}
@media only screen and (max-width: 768px) {
#extPmtPageFrame {
  height: 625px;
}
}
/*This is used to hide Javascript code embedded in Strings Node VideoVisitTitleNoMnemonic.*/
.TalktoAProviderTitle{
opacity: 0;
}
/*This is an additional feature to be displayed on the RSFH Prelogin page*/
.features .icon-TalkToAProvider {
background-image: url("../images/quicklinks/video_visit.png");
}
/*This is an additional feature to be displayed on the RSFH Prelogin page*/
.features .icon-notifications {
background-image: url("../images/quicklinks/notifications.png");
}
/*This is an additional feature to be displayed on the RSFH Prelogin page*/
.features .icon-paperless {
background-image: url("../images/quicklinks/paperless.png");
}

/****************************Roper OMW Signup Page Customizations********************************/
/*Hide white space under Find Care Now Title*/
div#onmyway-workflow h2#ReasonForVisitStepHeader{
  display: none;
}
.standardBanner.OMW_Signup{
  background-color: #E57373;
  background-image: url(../images/icon_yield.png);
  border-width: thick;
  border-color: lightgray;
  background-position-y: center;
}
/****************************End of Roper OMW Signup Page Customizations***************************/

/****************************Roper OMW Landing Page Customizations********************************/
/*This will hide any RFV tile on the OMW (FIND CARE NOW) Landing page that we do not want to display since these RFV tiles are set at the system level. 
Each nth child represents which tile to hide starting from left to right.*/
div#onmyway-workflow .reasonforvisitstep li.col-4:nth-child(1), div#onmyway-workflow .reasonforvisitstep li.col-4:nth-child(3){
  display: none !important;
  }
/****************************End of roper OMW Landing Page Customizations***************************/

/*--------BEGIN ODVV Customizations-----------*/
/*This is used to replace the logo for the ODVV FOR ALL MyChart Login icon*/
.telehealthSplashPageActionCardOrgLogoWrapper{
background-image: url('https://mychart.rsfh.com/mychart/en-US/images/H2Gicons/RSFH_H2G_Logo.jpg');
}
.telehealthSplashPageLogoIcon {
background: transparent none no-repeat scroll center center/cover;
border-radius: 100%;
border-style: solid;
border-width: 1px;
display: none;
height: 2.5em;
overflow: hidden;
flex-shrink: 0;
min-width: 100%;
min-height: 100%;
}
/*Hide the County Field*/
select#UserAddress_County {
display: none;
}
.county.col-5 {
opacity: 0;
}
/*--------END of ODVV Customizations-----------*/

/*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_Roper {
  background-image: url("../images/FAQ Images/CommunicationPreferences_Settings_Roper.jpg");
  width: 1000px;
  height: 400px;
  max-width: 100%;
  object-fit: cover;
  background-size: contain;
  background-repeat: no-repeat;
}
.faqImages_commPref3_Roper {
  background-image: url("../images/FAQ Images/CommunicationPreferences_Details_Roper.jpg");
  width: 500px;
  height: 350px;
  max-width: 100%;
  object-fit: cover;
  background-size: contain;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 900px) {
  .faqImages_commPref2_Roper {
    height: 200px;
  }
}
@media only screen and (max-width: 1000px) and (min-width: 600px) {
  .faqImages_commPref2_Roper {
    height: 305px;
  }
}
@media only screen and (max-width: 768px) {
  .faqImages_commPref3_Roper {
    height: 190px;
  }
}
@media only screen and (max-width: 1000px) and (min-width: 600px) {
  .faqImages_commPref3_Roper {
    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: #693065;
  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;
}
/******END: MyChart Login Page Customizations - formatting for passkey and signup icons added by EPIC with vFeb2025******/