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