/* BEGIN: SPECIAL HIDING PROPERTIES */
/* Hide all affiliate content by default.  We use an !important modifier because longer selector paths later in this file could override this. */

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

/* Show content for this affiliate. An !important modifier is needed to override the !important modifier in the line above. */
div.Affiliate.LSU{
	display: block !important;}
span.Affiliate.LSU{
	display: inline !important;}
p.Affiliate.LSU{
	display: block !important;}
li.Affiliate.LSU{
	display: list-item !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 */

/* =============================
Logos- MLE 1/21/21
============================= */


html #graphicHeader:not(:empty) #header_logo .header_logo_link {
    background: transparent url(../images/logo.png) no-repeat scroll center/contain;

}

/* =============================
Waitlist link changed to button-MLE 4/4/18
============================= 
*/
.md_visitdetails_index div.waitlist div.updatewaitlistlink {
    width: auto;
	padding: 6px;
    background-color: #4168e7;
}

a#updatewaitlist.link {
	color:#FFFFFF;
}

/* Buttons */

.button, ul.MessageList.list.hoverable.collapsible .SingleMessage .ReplyButton a.button {
    background-color: #461d7c;
    color: #ffffff;
}
.button:focus,
.button:hover {
	background-color: #865bbf;
}
/* Fix wrong color on right side of button caused by override of override effects */
.buttoncheck, .buttoncheck:focus, .buttoncheck:hover {background: none;background-color: rgba(0, 0, 0, 0);}

/* @button nextstep #27a95f ~ #249856 = hsl(146, 62%, 37%) update MLE*/
.button.nextstep {
	background-color: hsl(146, 63%, 41%);
}
.button.nextstep:focus,
.button.nextstep:hover {
	background-color: hsl(146, 62%, 37%);
}

.button.completeworkflow {
	background-color: hsl(146, 63%, 41%);
}
.button.completeworkflow:focus,
.button.completeworkflow:hover {
	background-color: hsl(146, 62%, 37%);
}
	
/* @button cancel #d5142a ~ #ba1226  = hsl(353, 82%, 40%) update MLE*/
.button.cancelworkflow {
	background-color: hsl(353, 83%, 46%);
}
.button.cancelworkflow:focus,
.button.cancelworkflow:hover {
	background-color: hsl(353, 82%, 40%);
}

.button.cancelqnr {
	background-color: hsl(353, 83%, 46%);
}
.button.cancelqnr:focus,
.button.cancelqnr:hover {
	background-color: hsl(353, 82%, 40%);
}

.button.inlinedelete {
	background-color: hsl(353, 83%, 46%);
}

.button.inlinedelete:focus,
.button.inlinedelete:hover {
	background-color: hsl(353, 82%, 40%);
}

.button.inlineedit {
	background-color: hsl(146, 63%, 41%);
}

.button.inlineedit:focus,
.button.inlineedit:hover {
	background-color: hsl(146, 62%, 37%);
}

.button.inlinesave {
	background-color: hsl(146, 63%, 41%);
}

.button.inlinesave:focus,
.button.inlinesave:hover {
	background-color: hsl(146, 62%, 37%);
}

.button.disabled,
.button.disabled:focus,
.button.disabled:hover,
.button[disabled],
.button[disabled]:focus,
.button[disabled]:hover {
	background-color: #DBDBDB;
}

/* =============================
ACP remove Talk to an expert MLE 9.20.19
============================= */	

.md_caredecision_index #related-links-container> a:nth-child(3) {
	display:none;
}


/*add border to estimate alert MLE*/
#essProminentWarnings .essInfoCard {
	border:5px;
	border-style: solid;
	border-color:#DF004F;
}

/*==================================
hide mobile billing covid19 banner 
7/20/2020 JC
===================================*/

#billing-mobileC19 {
	display: none;
}

#billing-banner-MyOC19 {
	display: none !important;
}

#LSU-paperless-billing {
	display: none !important;
}

#myo-paperless-billing {
	display: none !important;
}

/*==================================
Removed responsive covid19 banner 
6/9/21 JC
===================================
  #covidMessageCard  {
    width: 49%;
  }

@media screen and (max-width: 768px) {
  #covidMessageCard  {
    width: 99%;
  }
}

 #covidMessageCard > a:focus, a:hover {
    text-decoration: none;
    background: linear-gradient(hsla(209.6,100%,27.8%,0.08), hsla(209.6,100%,27.8%,0.08)), #fff;
  }
*/
/*======================================
Customer Service Message Resources Tabs 
9/08/2020 JC
========================================*/


/* Create four equal columns that floats next to each other */
.myoCScolumn {
  float: left;
  width: 20%;
  padding: 2px;
}

/* Clear floats after the columns */
.myoCSrow:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 900px) {
  .myoCScolumn  {
    width: 50%;
  }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 400px) {
  .myoCScolumn  {
    width: 100%;
  }
}

/* =====================================
Hurricane banner message - JPC 8/25/2020
======================================== */

#MyOHurricanePrep {
	display: none;
}

/* =============================
fix external billing page JC 2/12/19
 ============================= */
#guestPay-content #extPmtPageFrame, #guestPay-content #iFrameLoadingIndicator {
	min-height: 40rem;
}

/* ===================================
fix external billing page JC 4/23/24
 ================================== */
 
#extPmtPageFrame {
	min-height: 40rem;
}

/* ===============================
Removal of website mobile check-in
banner button - JPC 8-19-2020
================================== */

#main > div.popupOwner > div.selfArrivalBanner {
	display: none;
}

#main > div:nth-child(3) > div.Visits.template > div > div > div > div > div.visitcomponent.upcomingvisits.notoolbar > div.content > div.listsection.timeLine > div > div.timeLineDetails.grid > ul > li.soonvisits.card.insulated.col-12.hasArrivalBanner > div.selfArrivalBanner {
	display: none;
}

/* ===================
Remove Flu Banner
======================*/

#FluSeasonMyO {
	display: none;
}

#FluSeasonMyO2020 {
	display: none;
}


/* ==================================
myOOnlyMobile class - add this classS
to hide mobile stuff in website - JPC 4-27-21
====================================*/

.myOOnlyMobile {
	display: none;
}

@media screen and (max-width: 670px) {
	.myOPreloginBanner {
		display: none !important;
	}
}

@media screen and (min-width: 670px) {
	.myOMobilePreloginBanner {
		display: none !important;
	}
}

/* ==================================
chatBotMyO class to hide the chatbot
in LSU - JPC 5-12-21
====================================*/

.chatBotMyO {
	display: none !important;
}

#chatbot-wrapper {
	display: none !important;
}

/* ==================================
Removing delivery comments box and Other
radio selector REQ0040707 - JPC 8-12-21
====================================*/

textarea#DeliveryComments {
	display: none;
}

#DeliveryOptions > div.flatradiogrouper.selectable.selectionMade > p:nth-child(2) {
	display: none;
}

#sidebar > div.strBanner{
		display: none !important;
	}

.strBanner {
	display: none;
}
	
@media only screen and (max-width: 1300px) {	
	#sidebar > div.Affiliate.LSU > div.strLSUGp	 {
		display: none !important;
	}
	#sidebar > div.Affiliate.LSU > div.strLSUOMW {
		display: none !important;
	}
 }
 
 @media screen and (min-width: 1301px) {
 #header:not(:empty).prelogin {
display: none;
}
 }
 
 /* ========================
Hide care credit sidebar - SB 5/2/25
===========================*/
.myocarecredit {
	display: none;
}

/* ============================================
ACP image and size - JPC 7/2025
===============================================*/
 
.jumbotron, .jumbotron-actions-container {
	min-height: 20rem;
}

.jumbotron {
	background: url("../images/ohs/MyO-ACP-jumbotron3.jpg") no-repeat;
	background-position: center center;
    background-size: cover;
}