﻿/* 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.PRD {
	display: block !important;}
span.Affiliate.PRD {
	display: inline !important;}
p.Affiliate.PRD {
	display: block !important;}
li.Affiliate.PRD {
	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 */


/* =====================================
Update to main background color 3.18.22
======================================== */

#main, .BeforeList input.SearchList {
background-color: #edf8fc;
}

#sidebar {
background-color: #edf8fc;
color: #565656;
}

/* =============================
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;

}


/* =============================
Sign in/up homeprelogin button color/size - JPC 3/10/22
============================= */

#sidebar > div.signup > a {
	background-color: #007EAA;
    color: #FFFFFF;
	font-size: 1.1rem;
	font-weight: 700;

	}
	
.login input.button {
	font-size: 1.1rem;
	font-weight: 700;

	}

/* =============================
Waitlist link changed to button-MLE 4/4/18
============================= 
*/
.md_visitdetails_index div.waitlist div.updatewaitlistlink {
    width: auto;
	padding: 6px;
    background-color: #007eaa;
}

a#updatewaitlist.link {
	color:#FFFFFF;
}


/* =============================
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;
}

/*==================================
Responsive covid19 banner 
9/14/20 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 {
	margin-top: -17px;
    margin-bottom: -15px;
}
*/

#MyOHurricanePrep {
	display: none;
}

/* =============================
fix external billing page JC 2/12/19
 ============================= */
#guestPay-content #extPmtPageFrame, #guestPay-content #iFrameLoadingIndicator {
	min-height: 24rem;
}

/* ===================================
fix external billing page JC 4/23/24
 ================================== */
 
#extPmtPageFrame {
	min-height: 35rem;
}

/* ===============================
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
======================*/

#FluSeasonMyO2020 {
	display: none
}

#FluSeasonMyO {
	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;
	}
}

/* ==================================
Removes chatbot if the screen is 
under 768px - JPC 5/12/21
=====================================*/
@media screen and (max-width: 900px) {
	.chatBotMyO {
		display: none;
	}
}

@media screen and (max-height: 525px) {
	.chatBotMyO {
		display: none;
	}
}

@media screen and (max-width: 900px) {
	#chatbot-wrapper {
		display: none;
	}
}

@media screen and (max-height: 525px) {
	#chatbot-wrapper {
		display: none;
	}
}

/* ==================================
increasing forgot username and password
link size from 0.8rem - JPC 7-19-21
====================================*/
.links a, .login .recovery {
    font-size: 0.9rem;
}


/* ==================================
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;
}

/* ========================
Remove billing iframe
===========================*/
#MyOBillingPretext {
	display: none;
}

 /* ========================
Hide care credit sidebar - SB 5/2/25
===========================
.myocarecredit {
	display: none;
} */

/* ============================================
homeprelogin buttons and slideshow -CPS 12/2022
===============================================*/

 @media only screen and (min-width: 1301px) {
#sidebar > div.strBanner {
		display: none !important;
	}
 }
@media only screen and (max-width: 1300px) {
	
	#sidebar > div.Affiliate.PRD > div.strMyoGp{
		display: none !important;
	}
	#sidebar > div.Affiliate.PRD > div.strMyoOMW	 {
		display: none !important;
	}
 }
 
 @media screen and (min-width: 1301px) {
 #header:not(:empty).prelogin {
display: none;
}
}

.strMyoOMW > div > a {
	display: block !important;
}

.strMyoOMW > div > a > p {
	margin-left: -15%;
	}

 @media screen and (min-width: 1301px) {
 #header:not(:empty).prelogin {
display: none;
}
 }
 
.strBanner {
	display: none;
	}