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

/* MM changes */

@media only screen and (min-width: 768px) {

}


@media only screen and (max-width: 768px) {


}

/* MK for login logo*/
.logo {
display: block;
height: 5rem !important;
margin: 1rem auto;}


#extPmtPageFrame{
height: 50rem;
/* MK changed the height from 30 to 50 to accomodate the responsive design */
}

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

	#guestPay-content #iFrameLoadingIndicator .v-center {
		top: 5rem;
	}


/*Share Everywhere page formatting issue */
#description .heading {
    margin-top: 9.5rem; 
}

.component.news > .content:not(:empty) {
	overflow: visible;
}

.component.news .newscard,
.campaignCard {
	background: no-repeat scroll 1rem center / 6.5rem auto;	
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 1rem center;
	background-size: 6.5rem auto;
	min-height: 10rem;
	
	padding-bottom: 1rem;
	padding-right: 1rem;
	margin-top: 0.6%;
	margin-bottom: 0.6%;
}

.component.news .newscard {
	display: inline-block;
	margin-left: 0.6%;
	margin-right: 0.6%;
	vertical-align: top;
	width: 49.4%;
	padding-top: .5rem;
}

.campaignCard:not(.imageCard) {
	padding-left: 1rem;
}

.campaignCard.imageCard,
.component.news .newscard {
	padding-left: 9rem;
}

/* Added by MK, emailed Brett for guidance where to add this  */
.component .news .newscard.influenza {
  background-image: url("../images/Flu2018.png"); background-size:75px;
        /*background: no-repeat scroll 1rem center / 6.5rem auto;*/
	display: inline-block;
	margin: 0.6%;
	min-height: 6rem;
	padding: 1rem 1rem 1rem 9rem;
	vertical-align: top;
	width: 98.8%;
    background-color:white;
}

.component .news .newscard.researchstudies {
        background-image: url("../images/quicklinks/researchstudies.png"); background-size:75px;
        /*background: no-repeat scroll 1rem center / 6.5rem auto;*/
	display: inline-block;
	margin: 0.6%;
	min-height: 5rem;
	padding: 1rem 1rem 1rem 9rem;
	vertical-align: top;
	width: 98.8%;
    background-color:white;

}

.component .news .newscard.paymentplan {
        background-image: url("../images/billing/account_details/payments.png"); background-size:75px;
        /*background: no-repeat scroll 1rem center / 6.5rem auto;*/
	display: inline-block;
	margin: 0.6%;
	min-height: 5rem;
	padding: 1rem 1rem 1rem 9rem;
	vertical-align: top;
	width: 98.8%;
    background-color:white;

}
.component .news .newscard.paperless {
  background-image: url("../images/quicklinks/paperless.png");
        /*background: no-repeat scroll 1rem center / 6.5rem auto;*/
	display: inline-block;
	margin: 0.6%;
	min-height: 6rem;
	padding: 1rem 1rem 1rem 9rem;
	vertical-align: top;
	width: 48.2%;
    background-color:white;
}

.component .news .newscard.videoVisits {
	background-position-x: 20px/*rtl:calc(100% - 20px)*/;
	background-image: url("../images/video_visit.png");
}

.component .news .newscard.careEverywhere {
	background-position-x: 20px/*rtl:calc(100% - 20px)*/;
	background-image: url("../images/logo_careeverywhere.png");
}

.component .news .newscard.devices {
	background-position-x: 20px/*rtl:calc(100% - 20px)*/;
	background-image: url("../images/devices.png");
	display: inline-block;
	margin: 0.6%;
	min-height: 10rem;
	padding: 1rem 1rem 1rem 9rem;
	vertical-align: top;
	width: 48.2%;
    background-color:white;
}

.component .news .newscard.mobileApps {
	background-position-x: 20px/*rtl:calc(100% - 20px)*/;
	background-image: url("../images/mobile_tile.png");
}

h2.header {
	
color: black;
}

/* Buttons on homeprelogin sidebar */
.button.tall.newworkflow,
.button.tall.newworkflow:focus,
.button.tall.newworkflow:hover {
	background-color: #003b86;
	color: #FFFFFF;
}

.button.completeworkflow,
.button.completeworkflow:focus,
.button.completeworkflow:hover {
	background-color: hsl(46.9,100%,53.3%);
	/* background-color: hsl(212.3,100%,26.3%); */
	color: #000000;
}

.features {
  list-style: none;
  padding: 0 0 1rem; }
  .features li {
    padding-left: 75px;
    background-repeat: no-repeat; }
  .features .icon-advice {
    background-image: url("../images/quicklinks/medical_advice.png"); background-size:50px;
	background-repeat: no-repeat;	

	
	}
	.features .icon-payguest {
    background-image: url("../images/menus/billing.png"); background-size:50px;}
  .features .icon-testResults {
    background-image: url("../images/quicklinks/test_results.png"); background-size:50px;}
  .features .icon-medications {
    background-image: url("../images/quicklinks/medications.png"); background-size:50px;}
  .features .icon-evisit {
    background-image: url("../images/quicklinks/evisit.png"); background-size:50px;}
  .features .info {
    font-size: 0.9rem; }
  .features .icon-video_visit {
    background-image: url("../images/quicklinks/video_visit.png"); background-size:50px;}




div.BeforeTestResultsList {
  margin-top: 1rem;
  overflow: hidden; 
  content: / "Most tests are released to your account as soon as the results are available. Michigan Medicine is committed to providing timely access to your health information. This means that you may receive test results before your provider has reviewed them. Your test results could include sensitive information. Examples include results related to a cancer diagnosis or genetic testing. If you are not comfortable seeing this information before you have discussed your results with your provider, please wait to view them."
  }
  
  
  
 /*Remove gross green and white button colors */


.button.secondary.positive {
  background-color: #ffffff;
  border: 1px solid currentColor;
  box-shadow: none;
  padding-top: calc(0.375rem - 1px);
  padding-bottom: calc(0.375rem - 1px);
  color: #00274c;
}

.button.secondary.positive:hover, .button.secondary.positive:active {
  background-color: #e6ebf3;
  color: #00274c;
}

/* FAQ page*/
h3.faq {
	padding: 1.5rem 0 0.25rem;
	line-height: 28px;
}

.faq{
	margin: 0 0 .25rem;
}

/*Hide signup button to add sign up to lite mode */
div.signup {
	display:none; 
 }
 
 /*INC2020832 MyChart Message Center Disclaimer */

#ccf-evisit-pay-text{
       width: 100%;
}
 
#ccf-evisit-pay-text, #ccf-cs-disclaimer{
       height: 100%;
       padding: 0.75rem;
    overflow-y: auto;
}
 
#ccf-evisit-pay-text p, #ccf-cs-disclaimer p{
       margin-left: 10px;
       margin-bottom: 20px;
}
 
#ccf-evisit-pay-text .button.primary, #ccf-cs-disclaimer .button.primary{
       width: 100% !important;
}
 
#ccf-evisit-pay-text .other-actions{
       padding-left: 10px; /* USE PADDING, NOT MARGIN, IT ADDS THE SCROLL BAR AT BOTTOM */
}
 
#ccf-evisit-pay-text .ccf-section-header-2{
       font-weight: bold;
       width: 100%;
       display: block;
       margin-top: 40px;
       margin-bottom: 10px;
}
 
.ccf-medadvice-disclaimer{
       width: 100%;
       background-color: yellow;
       font-size: 0.8rem;
       font-weight: bold;
       line-height: 1.0rem;
       padding: 2px;
}
 
.ccf-medadvice-disclaimer button{
       font-weight: bold;
    background-color: #0078BF;
    color: #FFF;
    padding: 2px 10px;
    border-radius: 10px;
}

.evisit-landingpage-details {
	width: 100%;
       
       font-size: 1rem;
	   
       
       line-height: 1.25rem;
       padding: 2px;
	
}

/*RN 820562 MyChart String Overrides Moved to Strings Manager */
.features .icon-calendar {
  background-image: url("../images/quicklinks/account_summary.png");
}

/*Removed LandingPagePostText from scheduling page in Strings. This removes the question icon. */
.LandingPagePostText .icon {
    display: none; 
}

/* Changing the color of the OR at the top of the Schedule an Appt page */
.LandingPageReact .separator {
       color: #003b86;

}

/* High contrast text color */
[data-altstylesheet="High Contrast"] .button:not(.buttoncheck),
[data-altstylesheet="High Contrast"] .button:not(.buttoncheck):focus,
[data-altstylesheet="High Contrast"] .button:not(.buttoncheck):hover,
[data-altstylesheet="High Contrast"] ul.MessageList.list.hoverable.collapsible .SingleMessage .ReplyButton a.button {
	color: white !important;
}

/* Fixes yellow login button for high contrast */
[data-altstylesheet="High Contrast"] .button, 
[data-altstylesheet="High Contrast"] .button:focus, 
[data-altstylesheet="High Contrast"] .button:hover, 
[data-altstylesheet="High Contrast"] ul.MessageList.list.hoverable.collapsible .SingleMessage .ReplyButton a.button {
    background-color: #003b86 !important;
}


/* Replacing green text on Fast Pass offer */
.fastPassFeedItem .newAppt .timeLabel {
  color: #0174bc;
}

.fastPassFeedItem .fastPassOffers .newAppt .visitDate {
  color: #0174bc;
}

/* 2025.07.23 - Fix issue color of footer with new LoginPage.css */
#sidebar,
#sidebarFooter {
  background-color: rgba(255, 255, 255, 0.75);
}

#main,
#mainFooter {
  background-color: rgba(255, 255, 255, 0.88);
}