/*Custom Advertisement Card Images*/
.newscard.precheckin {
  background-position-x: 16px /*rtl:calc(100% - 20px)*/;
  background-image: url("../images/icon_echeckin.png"); }
  
.newscard.covid19 {
  background-position-x: 16px /*rtl:calc(100% - 20px)*/;
  background-image: url("../images/icon_covid-sticker.png"); }
  
.newscard.proxysharemyrecord {
  background-position-x: 16px /*rtl:calc(100% - 20px)*/;
  background-image: url("../images/SharingHub/familyfriendaccess.svg"); }
	
.newscard.medicareenrollment {
  background-position-x: 16px /*rtl:calc(100% - 20px)*/;
  background-image: url("../images/quicklinks/health_reminders.png"); }
  
.newscard.covid19vaccine {
  background-position-x: 16px /*rtl:calc(100% - 20px)*/;
  background-image: url("../images/access_immunizations.png"); }
  
.newscard.covid19testing {
  background-position-x: 16px /*rtl:calc(100% - 20px)*/;
  background-image: url("../images/lab_resulted.png"); }
  
.newscard.scheduleradiologyexam {
  background-position-x: 16px /*rtl:calc(100% - 20px)*/;
  background-image: url("../images/ptatxray.png"); }
  
.newscard.videovisits {
  background-position-x: 16px /*rtl:calc(100% - 20px)*/;
  background-image: url("../images/mr_telemed_connect.png"); }
  
.newscard.mychartnotes {
  background-position-x: 16px /*rtl:calc(100% - 20px)*/;
  background-image: url("../images/mychartnotes.png"); }
  
.features .icon-dollars {
    background-image: url("../images/MyChart_Pre-login_Icons_64x64_082621_v03-billpay.png"); }
	
.features .icon-calendar {
    background-image: url("../images/MyChart_Pre-login_Icons_64x64_082621_v03-appointments.png"); }
	
.features .icon-videovisits {
	background-image: url("../images/MyChart_Pre-login_Icons_64x64_082621_v03-videovisits.png"); }
	
.features .icon-advice {
    background-image: url("../images/MyChart_Pre-login_Icons_64x64_082621_v03-communicate.png"); }
	
.features .icon-testResults {
    background-image: url("../images/MyChart_Pre-login_Icons_64x64_082621_v03-testresults.png"); }
	
.features .icon-medications {
	background-image: url("../images/MyChart_Pre-login_Icons_64x64_082621_v03-prescriptionsrefills.png"); }
	
.features .icon-radiologyexams {
	background-image: url("../images/MyChart_Pre-login_Icons_64x64_082621_v03-radiologyexams.png"); }
	
.features .icon-requestaccess {
	background-image: url("../images/MyChart_Pre-login_Icons_64x64_082621_v03-requestaccess.png"); }

/* Custom Header for Ask Medical Records page */
h1.amrheader {
color: hsl(330.7,100%,34.9%);
font-size: 1.5rem;
line-height: 1.5rem;
}

/* Custom Button Color for Begin Video Visit */
.button.nextstep.telemedfdi {
background-color: hsl(327.9,100%,39.6%);
}

/* Custom Background Color for Begin Video Visit Text */
span.vvalertmsg {
color: #b20057;
background-color: yellow;
}

/* Custom Placement of Send Button for AMR Pages */
input.button.amr {
	width: 100%
}

/* Calendar for Open Scheduling */
@media only screen and (max-width: 699px) {
div.setOfStepsContainer div.openingsControls .filterControlContainer, div.setOfStepsContainer .progressbar {
/*  display: none; */} 
}

/* Secondary Positive Button Color */
.button.secondary.positive {
background-color: #FFFFFF;
color: #003769;
}

/* Active Secondary Positive Button Color */
.button.secondary.positive:hover, .button.secondary.positive:active {
  background-color: #e6ebf0;
  color: #003769;  
}
  
/* Mobile Postlogin Background Color */
#_BrandingSettings-Colors {
--WPColor-ThemedFadedContainerBack:rgba(148, 197, 227, 1);
}

/* Open Scheduling Widget Vertical Size Fix */
#openSchedulingFrame.customwidget {
height: 100%;
}

html body.embedded .stepContainer {
height: 100%;
}

/* Style Customization for FAQ Page */
span.red {
color: red;
}

span.monte {
color: #d0006c;
}

span.blue {
color: #94c5e3;
}

/* Style Customization for Error Message */
span.emergencytext {
color:red;
}

h2.schedulingstoppedtitle.header {
font-weight: Bold;
color: #003769;
}

/* Instamed Implementation */
body #extPmtPageFrame {
height: 100rem;
width: 80rem;
}
body #guestPay-content #extPmtPageFrame {
height: 100rem;
width: 80rem;
overflow-y: visible;
}
body #guestPay-content .formbuttons {
margin-bottom: 5rem;
}

/* PrinterHeader Logo Size Correction */
img[src="MontefioreEinstein_Logo_Revised_2022_RGB.png"] {
	width: 25%;
	height: auto;
}

/* Disable Mobile Option for Paperless Billing */
/*p.prettycheck.container {
	display: none;
	}*/
	
/* Display Medication Notice */
div.right.buttonListContainer.noprint {
	<p> Check your medication container to see if you have refills remaining before making this request. </p>
}

/* Custom Background Color for Begin Video Visit Text */
div.billingsummarydescription {
font-size: 1rem;
color:red;
}

/*Style Customization to Turn Hyperlink Black */
span.blacktextrequest a {
	color:black;
}

/*MyChart Patient Experience Optimization_MCPXEXT-5_Mobile Main Login Content section CSS*/
@media only screen and (max-width: 699px) {
div.mainLoginContentBody ul.features.row li.icon-calendar.col-6 {
  width: 100%;
  margin-bottom: 0px;
}

div.mainLoginContentBody ul.features.row li.icon-advice.col-6 {
  width: 100%;
  margin-bottom: 0px;
}

div.mainLoginContentBody ul.features.row li.icon-radiologyexams.col-6 {
  width: 100%;
  margin-bottom: 0px;
}

div.mainLoginContentBody ul.features.row li.icon-medications.col-6 {
  width: 100%;
  margin-bottom: 0px;
}

div.mainLoginContentBody ul.features.row li.icon-requestaccess.col-6 {
  width: 100%;
  margin-bottom: 0px;
}

div.mainLoginContentBody ul.features.row li.icon-dollars.col-6 {
  width: 100%;
  margin-bottom: 0px;
}
}

/*MyChart Patient Experience Optimization_MCPXEXT-5_Feature Text bullet points need to deviate from the default CSS*/
#featuretext ul{
	list-style: inside;
	list-style-position: outside;
	padding-left: 25px;
}

#featuretext li{
	padding-left: 15px;
}

#featuretext ol{
	padding-left: 15px;
}

/*MyChart Patient Experience Optimization_MCPXEXT-5_Update MyChart Prompt Box seen during Guest Pay if patient has a MyChart Account to login to*/
form#guestPay-content div.subwayStep div#divPmtAmount.Step div#divSigninPrompt.MyChartPromptBox{
	background-color: #ffffff;
	margin-left: 0px;
	margin-top: 50px;
	margin-right: 75px;
	margin-bottom: 50px;
}

/*MyChart Patient Experience Optimization_MCPXEXT-5_Update MyChart Prompt Box seen during Guest Pay if patient has a balance to pay but no MyChart Account*/
form#guestPay-content div.subwayStep div#divPmtAmount.Step div#divMyChartPrompt.MyChartPromptBox{
	background-color: #ffffff;
	margin-left: 0px;
	margin-top: 50px;
	margin-right: 75px;
	margin-bottom: 50px;
}

/*MyChart Patient Experience Optimization_MCPXEXT-5_Guest Pay Guarantor Account Number and Guarantor Last Name Labels with Tooltip with statement image*/
.AdjRow {
  display: flex;
  width: 50%
}

.AdjColumn {
  flex: 50%;
  padding: 5px;
}

.PayAsGuestRow {
  display: flex;
  width: 68%
}

@media only screen and (max-width: 699px) {
.PayAsGuestRow {
  display: block;
  width: 100%;
}
}

.PayAsGuestColumn {
  flex: 50%;
  padding-top: 15px;
}

.PayAsGuestToolTip span {
    position: absolute;
	top: 125px;
    width: 6px; 
	height: 6px;
    opacity: 0;
    transition: 500ms all;
	z-index: 10000;
}

@media only screen and (max-width: 699px) {
.PayAsGuestToolTip span {
    position: absolute;
	top: 25px;
	right: 0px;
    width: 6px; 
	height: 6px;
    opacity: 0;
    transition: 500ms all;
	z-index: 10000;
}
}

.PayAsGuestToolTip:hover span {
    opacity: 1;
	width: 500px;
	height: 150px;
}

/*MyChart Patient Experience Optimization_MCPXEXT-5_Update Recover Your Username page so First Name and Last Name fields are not half width & add padding to space fields*/
form#recoveryForm div.formcontents div.formsection.halfwidth{
	width: 100%;
	margin-top: 26px;
}

@media only screen and (max-width: 699px) {
form#recoveryForm div.formcontents div.formsection.halfwidth{
	width: 100%;
}
}

/*MyChart Patient Experience Optimization_MCPXEXT-5_Update Recover Your Username page to add padding to space form fields*/
form#recoveryForm div.formcontents div.formsection.legacyLabelledField{
	margin-top: 26px;
	margin-bottom: 26px;
}

@media only screen and (max-width: 699px) {
form#recoveryForm div.formcontents div.formsection.legacyLabelledField{
	margin-top: 0px;
	margin-bottom: 0px;
}
}

/*MyChart Patient Experience Optimization_MCPXEXT-5_Update Recover Your Username page to add padding to DOB fields*/
form#recoveryForm div.formcontents fieldset.formsection.legacyLabelledField{
	margin-top: 42px;
	margin-bottom: 42px;
}

@media only screen and (max-width: 699px) {
form#recoveryForm div.formcontents fieldset.formsection.legacyLabelledField{
	margin-top: 0px;
	margin-bottom: 0px;
}
}

/*MyChart Patient Experience Optimization_MCPXEXT-5_Update Recover Your Username page so the Zip Code help text xxxxx is left aligned not centered*/
form#recoveryForm div.formcontents div.formsection.legacyLabelledField div.segment5 div.helptext.accessibleLabel{
    text-align: left;
}

/*MyChart Patient Experience Optimization_MCPXEXT-5_Update Recover Your Username page so the Date of Birth label matches color of #767676 not #363636 inherited from HTML file*/
form#recoveryForm div.formcontents fieldset.formsection.legacyLabelledField legend.fieldGroupPrompt.required{
	color: #767676;
}

/*MyChart Patient Experience Optimization_MCPXEXT-5_Update Reset your Password page so the Zip Code help text xxxxx is left aligned not centered*/
form#passwordresetForm div.formcontents div.formsection.legacyLabelledField div.segment5 div.helptext.accessibleLabel{
    text-align: left;
}

/*MyChart Patient Experience Optimization_MCPXEXT-5_Update Reset your Password page so the Date of Birth label matches color of #767676 not #363636 inherited from HTML file*/
form#passwordresetForm div.formcontents fieldset.formsection.legacyLabelledField legend.fieldGroupPrompt.required{
	color: #767676;
}

/*MyChart Patient Experience Optimization_MCPXEXT-5_Update Reset your Password page to add padding to space form fields*/
form#passwordresetForm div.formcontents div.formsection.legacyLabelledField{
	margin-top: 42px;
	margin-bottom: 42px;
}

@media only screen and (max-width: 699px) {
form#passwordresetForm div.formcontents div.formsection.legacyLabelledField{
	margin-top: 0px;
	margin-bottom: 0px;
}
}

/*MyChart Patient Experience Optimization_MCPXEXT-5_Update Reset your Password page to add padding to DOB fields*/
form#passwordresetForm div.formcontents fieldset.formsection.legacyLabelledField{
	margin-top: 42px;
	margin-bottom: 42px;
}

@media only screen and (max-width: 699px) {
form#passwordresetForm div.formcontents fieldset.formsection.legacyLabelledField{
	margin-top: 0px;
	margin-bottom: 0px;
}
}

/*MyChart Patient Experience Optimization_MCPXEXT-5_Update Sign Up page so the Date of Birth label matches color of #767676 not #363636 inherited from HTML file*/
form#accessForm div.formcontents fieldset.formsection.legacyLabelledField legend.fieldGroupPrompt.required{
	color: #767676;
}

/*MyChart Patient Experience Optimization_MCPXEXT-5_Update Reset your Password page so the Zip Code help text xxxxx is left aligned not centered*/
form#accessForm div.formcontents div.formsection.legacyLabelledField div.segment5 div.helptext.accessibleLabel{
    text-align: left;
}

/***MyChart Patient Experience Optimization_MCPXEXT-5_Need Proxy Access Form CSS BELOW****/

/*MyChart Patient Experience Optimization_MCPXEXT-5_Need Proxy Access form padding*/
#NeedProxyAccessFormWidth{
	padding-left: 60px;
	padding-right: 60px;
	padding-top: 30px;
	padding-bottom: 30px;
}

@media only screen and (max-width: 699px) {
#NeedProxyAccessFormWidth{
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 15px;
	padding-bottom: 15px;
}

#NeedProxyAccessFormWidth div.AdjRow {
	width: 100%;
}
}

/*Need Proxy Access Form Bullet Points*/
#NeedProxyAccessText ul{
	list-style: inside;
	list-style-position: outside;
	padding-left: 35px;
}

#NeedProxyAccessText li{
	padding-left: 5px;
	padding-top:  5px;
}

#NeedProxyAccessText ol{
	padding-left: 35px;
}

#NeedProxyAccessTextExtra ul{
	list-style: inside;
	list-style-position: outside;
	padding-left: 40px;
}

#NeedProxyAccessTextExtra li{
	padding-left: 5px;
	padding-top:  5px;
}

/*Remove Captcha button at the bottom of the Need Proxy Access page*/
form#NeedProxyAccess div.formcontents div.section div.content div.recaptcha.formsection{
	display: none;
}

/*Remove Back to Login button at the bottom of the Need Proxy Access page*/
div#NeedProxyAccessFormWidth div.AdjRow div.back{
	display: none;
}

/***MyChart Patient Experience Optimization_MCPXEXT-5_Need Proxy Access Form CSS ABOVE****/

/*MyChart Patient Experience Optimization_MCPXEXT-5_Update to Parent & Guardian Proxy Request Form_Hide Column pushing Acknowledgement Checkbox to the right side*/
form#CustSvcRequestMinorAccess div.formcontents div.section div.content div.grid.compact fieldset.question.grid.custom div.row div.col-4{
	display: none;
}

/*MyChart Patient Experience Optimization_MCPXEXT-5_Update to Parent & Guardian Proxy Request Form_Extend Column with Acknowledgement Checkbox to full width*/
form#CustSvcRequestMinorAccess div.formcontents div.section div.content div.grid.compact fieldset.question.grid.custom div.row div.col-8.required{
	width: 100%;
	padding-top: 25px;
}

/*MyChart Patient Experience Optimization_MCPXEXT-5_Update to Caregiver Proxy Request Form_Hide Column pushing Acknowledgement Checkbox to the right side*/
form#CustSvcRequestMinorAccessDiminishedCapacity div.formcontents div.section div.content div.grid.compact fieldset.question.grid.custom div.row div.col-4{
	display: none;
}

/*MyChart Patient Experience Optimization_MCPXEXT-5_Update to Caregiver Proxy Request Form_Extend Column with Acknowledgement Checkbox to full width*/
form#CustSvcRequestMinorAccessDiminishedCapacity div.formcontents div.section div.content div.grid.compact fieldset.question.grid.custom div.row div.col-8.required{
	width: 100%;
	padding-top: 25px;
}

/*MyChart Patient Experience Optimization_MCPXEXT-5_Update to Set Communication Preferences (4/5) page of sign up*/
form#notifyForm div.formcontents{
	width: 60%;
}

@media only screen and (max-width: 699px) {
form#notifyForm div.formcontents{
	width: 100%;
}
}

/*MyChart Patient Experience Optimization_MCPXEXT-5_Update to Terms and Conditions page of sign up*/
div#content.midlogin main#main.midlogin form div.terms.formsection{
	display: none;
}

div#content.midlogin main#main.midlogin form div.bold.formsection{
	font-weight: normal;
}

#TermsandConditionsBody{
	width: 75%;
	background-color: #EFEFEF;
	padding: 25px;
}

/*MyChart Patient Experience Optimization_MCPXEXT-5_Update to Proxy Family Access page*/
body.isInside.graphicHeader.hasNoCommunityLinks.color1.md_familyaccess_index.ready div#wrap div#content.fitme.width.hasSidebar main#main div.title h1.header{
	font-size: 2rem;
}

div#WhoCanSeeUserHeader h2.header{
  font-size: 1.5rem;
}

div#WhoCanSeeUserHeader{
  background-color: #EEEEEE;
  padding-left: 15px;
  padding-right: 15px;
}

div#WhoCanSeeUser.grid{
  background-color: #EEEEEE;
  padding-left: 15px;
  padding-right: 15px;
  margin: 0px;
}

@media only screen and (max-width: 699px) {
div#WhoCanSeeUser.grid{
  background-color: #EEEEEE;
  padding: 5px;
  padding-left: 15px;
  padding-right: 15px;
  margin: 0px;
}
}

div#WhoCanSeeUserFooter{
  background-color: #EEEEEE;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 50px;
}

div#WhoCanSeeUser.grid div.row div.col-6.card.addItem.inviteButton{
  background-color: white;
  margin: 15px;
}

@media only screen and (max-width: 699px) {
div#WhoCanSeeUser.grid div.row div.col-6.card.addItem.inviteButton{
  background-color: white;
}
}

div#WhoCanSeeUser.grid div.row div.col-6.card.addItem.inviteButton a span.vcenter{
  width: unset;
}

div#WhoCanSeeUser.grid div.row div.col-6.card.addItem.inviteButton a span.vcenter span{
  font-size: 1.5rem;
  text-align: left;
}

@media only screen and (max-width: 699px) {
div#WhoCanSeeUser.grid div.row div.col-6.card.addItem.inviteButton a span.vcenter span{
  font-size: 1.2rem;
  text-align: left;
}
}

div#WhoCanSeeUser.grid div.row div.col-6.card.addItem.inviteButton a span.vcenter span.addlabel{
  padding-left: 15px;
  padding-right: 25px;
}

div#WhoCanSeeUser.grid div.row div.col-6.card.addItem.inviteButton a span.vcenter span.addlabel::before{
  font-size: 3.5rem;
  padding-top: 10px;
}

div#WhoCanUserSeeHeader h2.header{
  font-size: 1.5rem;
}

div#WhoCanUserSeeHeader{
  background-color: #EEEEEE;
  padding-left: 15px;
  padding-right: 15px;
}

div#WhoCanUserSee.grid{
  background-color: #EEEEEE;
  padding-left: 15px;
  padding-right: 15px;
  margin: 0px;
}

div#WhoCanUserSeeFooter{
  background-color: #EEEEEE;
  padding-left: 15px;
  padding-right: 15px;
}

@media only screen and (max-width: 699px) {
div#WhoCanUserSeeFooter{
  background-color: #EEEEEE;
}
}

div#WhoCanUserSeeFooter div.row{
  display: flex;
}

@media only screen and (max-width: 699px) {
div#WhoCanUserSeeFooter div.row{
  display: block;
}
}

div#WhoCanUserSeeFooter div.row div.col-6.card.addItem.inviteButton{
  background-color: white;
  margin: 15px;
}

div#WhoCanUserSeeFooter div.row div.col-6.card.addItem.inviteButton a span.vcenter{
  width: unset;
}

div#WhoCanUserSeeFooter div.row div.col-6.card.addItem.inviteButton a span.vcenter span{
  font-size: 1.5rem;
  text-align: left;
}

@media only screen and (max-width: 699px) {
div#WhoCanUserSeeFooter div.row div.col-6.card.addItem.inviteButton a span.vcenter span{
  font-size: 1.2rem;
  text-align: left;
}
}

div#WhoCanUserSeeFooter div.row div.col-6.card.addItem.inviteButton a span.vcenter span.addlabel{
  padding-left: 15px;
  padding-right: 25px;
}

div#WhoCanUserSeeFooter div.row div.col-6.card.addItem.inviteButton a span.vcenter span.addlabel::before{
  font-size: 3.5rem;
  padding-top: 10px;
}

/*MyChart Patient Experience Optimization_MCPXEXT-5_Update to Proxy Invite page*/
div._StatusMessage._readOnlyText._ErrorSummary.alert.validationMessage{
  display: none;
}

/*MyChart Patient Experience Optimization_MCPXEXT-5_Update to Parent, Guardian & Caregiver Proxy Request Form_Terms and Conditions Modal*/
.TermsConditionsModal {
    display: none; 
    position: fixed; 
    z-index: 10; 
    left: 0;
    top: 0;
    width: 100%; 
    height: 100%; 
    overflow: auto;
    background-color: rgb(0,0,0); 
    background-color: rgba(0,0,0,0.4); 
}

.TermsConditionsModal-Content {
    background-color: #fefefe;
    margin: 15% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 50%; 
}

.TermsConditionsModalClose {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.TermsConditionsModalClose:hover,
.TermsConditionsModalClose:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

/*MyChart Patient Experience Optimization_MCPXEXT-5_Sign Up Options Page*/
#SignUpOptionsFormWidth{
	padding-left: 120px;
	padding-right: 120px;
	padding-top: 60px;
	padding-bottom: 60px;
}

/*Remove Captcha button at the bottom of the Sign Up Options page*/
form#SignUpOptions div.formcontents div.section div.content div.recaptcha.formsection{
	display: none;
}

/*Remove Back to Login button at the bottom of the Sign Up Options page*/
div#SignUpOptionsFormWidth div.AdjRow div.back{
	display: none;
}

/*MyChart Patient Experience Optimization_MCPXEXT-5_Used to update Sign Up without an Activation Code page*/
div#signup-workflow div#Signup_demographics.onlineSignupContainer div#SignupDemographic_Container.demographics-form-container div.section div.content form#SignupDemographic_Form div#Demographic_Container.readOnlyAsPlaintext fieldset#addressSection.demogSection div#addressSectionRoot div.address.grid div.row div.county.col-5{
  display: none;
}

div#signup-workflow div#Signup_demographics.onlineSignupContainer div#SignupDemographic_Container.demographics-form-container div.section div.content form#SignupDemographic_Form div#Demographic_Container.readOnlyAsPlaintext fieldset#addressSection.demogSection div#addressSectionRoot div.address.grid div.row div.country.col-12{
  width: 50%;
}

div#signup-workflow div#Signup_demographics.onlineSignupContainer div#SignupDemographic_Container.demographics-form-container div.section div.content form#SignupDemographic_Form div#Demographic_Container.readOnlyAsPlaintext fieldset#addressSection.demogSection div#addressSectionRoot div.address.grid div.row div.street.col-12{
  width: 50%;
}

div#signup-workflow div#Signup_demographics.onlineSignupContainer div#SignupDemographic_Container.demographics-form-container div.section div.content form#SignupDemographic_Form div#Demographic_Container.readOnlyAsPlaintext fieldset#addressSection.demogSection div#addressSectionRoot div.address.grid div.row div.city.col-5{
  width: 275px;
}

div#signup-workflow div#Signup_demographics.onlineSignupContainer div#SignupDemographic_Container.demographics-form-container div.section div.content form#SignupDemographic_Form div#Demographic_Container.readOnlyAsPlaintext fieldset#addressSection.demogSection div#addressSectionRoot div.address.grid div.row div.state.col-4{
  width: 275px;
}

div#signup-workflow div#Signup_demographics.onlineSignupContainer div#SignupDemographic_Container.demographics-form-container div.section div.content form#SignupDemographic_Form div#Demographic_Container.readOnlyAsPlaintext fieldset#addressSection.demogSection div#addressSectionRoot div.address.grid div.row div.zip.col-3{
  width: 275px;
}

body.isPrelogin.fullHeightPrelogin.hasNoCommunityLinks.color1.md_standalone_signup.ready div#wrap div#content.hasSidebar main#main div.title h1.header{
  display: none;
}

/*MyChart Patient Experience Optimization_MCPXEXT-5_Updates to Sharing Hub Home page_Hide first "Yourself" card based on href set as the 0 choice_Hide the 6 button the header Past State-"Already know which sharing options you want" Future State-"Access health information for your own records:"*/
div.SharingHub > div.Triage a.MidTriageCard[href$="0"] {
 display: none;
}

.SharingHub > .ActivityLinkList > .linkWrapper {
 display: none;
}

/*MyChart Patient Experience Optimization_MCPXEXT-5_Updates to Sharing Hub Home page_Custom Buttons and placement of Learning card to expanded and bottom of the screen (hiding the one above)*/
div.SharingHub .customButtonText {
    width: auto;
    white-space: nowrap;
    margin: 0.5rem 0 !important;
}

.customButtonText ~ .AdjTooltip-Container {
    margin-top: 0.25rem;
}

div.SharingHub .customButtonIcon {
    width: 50px;
    margin: 0 10px;
}

/*MyChart Patient Experience Optimization_MCPXEXT-5_Updates to Billing Summary page*/
#main > div.title.hasPrint > h2 {
 width: fit-content;
}

#main > div.title.hasPrint > h1.header + h2 + span.subjectIndicator + div#assistiveicons {
 float: right;
}

#custom_outstanding_balances_header {
    width: fit-content;
}

#custom_outstanding_balances_header + span + div#assistiveicons {
    float: right;
}

#ba_main .ba_card_status.row.cardlist > div + div .button {
 background-color: #767676
}

#ba_main > #paperless_banner {
 display: none;
}

#ba_main .ba_card .ba_card_actions_link[href^="tel:"] {
 display: none;
}

@media screen and (min-width: 100vh) {
.custom_billing_chevron {
    cursor: pointer;
    display: inline-block;
    width: 20px;
    height: 20px;
    border: solid black;
    border-width: 0 3px 3px 0;
    padding: 3px;
    transform: rotate(225deg);
	float: right;
}

#ba_zeroAccountList, #ba_accountList {
 transition: height 1s;
 overflow: hidden;
 padding: 2px 15px;
}

#ba_main .ba_card { 
    padding-bottom: 0; 
    width: 100% !important; 
    align-items: center; 
    margin-right: 0px !important; 
}

#ba_main .buttonList.subtle.noprint.col-12 { 
    display:flex; 
} 

#ba_main .ba_card_actions_link { 
    flex: 1; padding: 0.5rem; 
} 

#ba_main .ba_saIcon { 
    float: left; margin-top: -8px; 
} 

#ba_main .ba_card_header_content { 
    margin-top: 20px; 
} 

#ba_main .grid.compact > .row.cardlist + .row { 
    grid-column: span 2 
} 

#ba_main .ba_card > .grid.compact { 
    display: grid; 
    grid-template-columns: 1fr 1fr; 
} 

#ba_main .cardlist { 
    align-items: center; 
    margin: 0; 
} 

#ba_main > #ba_accountList > .row { 
    margin-bottom: 50px; 
}

#ba_main .grid.ba_summary_alerts {
 grid-column: span 2;
}
}

/*MyChart Patient Experience Optimization_MCPXEXT-5_Updates to Billing Details page*/
#ba_details_sidebar_customer_service > .ba_details_sidebar_section {
 display: none;
}

#custom_balances_guarantor_grid {
    grid-template-columns: 1fr 0.05fr 1fr;
    display: grid;
}

#guarantor_info_header {
    grid-column: span 2;
    margin: 20px;
}

#ba_details_past_visits > .row.fixed.flex_align_center > .col-12 > .headerWithPrint > .alignEnd {
    width: unset;
}

#ba_details_past_visits > .row.fixed.flex_align_center > .col-12 > .headerWithPrint {
    flex-wrap: wrap;
    justify-content: end;
}

/*#ba_details_filters .ba_details_filters_top_row {
    flex-direction: column;
    width: 100%;
}

#ba_details_filters .tbContainer {
    margin-right: 0px;
    width: 90%;
}

#ba_filter_pane {
    width: 300px;
    float: right;
}*/

#custom_billing_details_spacer {
    height: 50px;
}

#custom_billing_details_obd_subtitle {
    font-size: 0.7em;
}

/*#ba_details_visits_list .headerWithPrint {
    display: none;
}*/

.custom_guarantor_card_info {
    font-size: 0.85rem;
    color: black;
    margin: 0;
    margin-left: 20px;
}

.custom_guarantor_card_info_header {
    font-size: 0.85rem;
    color: slategrey;
    margin: 0;
    margin-left: 20px;
}

.custom_balance_card .ba_saIcon {
    float: left;
}

.custom_balance_card .ba_card_text_container {
    margin-top: 20px;
}

#custom_guarantor_card > div.grid.compact {
    grid-template-columns: 1fr 1fr;
    display: grid;
}

#guarantor_contact_info {
    font-size: 50px;
    color: rgb(183, 191, 198);
    list-style: disc;
}

#guarantor_contact_info > li::marker {
    opacity: 0.5;
    margin-top: 10px;
}

#guarantor_contact_info > li {
    padding: 5px 0;
}

.guarantor_list_item {
    font-size: 16px;
    color: black;
    vertical-align: top;
}

/*MyChart Patient Experience Optimization_MCPXEXT-5_Page Sidebar Updates*/
.RelatedLinksSidebar > a[aria-label="Manage your communication preferences"] {
 display: none !important;
}

.RelatedLinksSidebar > a[aria-label="Manage your security settings"] {
 display: none !important;
}

.RelatedLinksSidebar > a[aria-label="Manage your pharmacies"] {
 display: none !important;
}

.RelatedLinksSidebar > h2 > a {
 padding-left: 0px !important;
}

.RelatedLinksSidebar > h2 > a::after {
 width: calc(100% - 1.5rem - 0.7rem) !important;
}

#custom_insurance_sidebar {
    background-color: rgba(255, 255, 255, 0.75);
    padding-top: 2rem;
    padding-left: 2rem;
    box-shadow: 0.6rem 0 0.6rem -0.6rem rgba(0, 0, 0, 0.1) inset;
    height: 100%;
}

#custom_insurance_sidebar a {
    display: flex;
    text-align: left;
    align-items: center;
    padding: 1.5rem 0 1.5rem 0;
    margin: 0;
    border: none;
    color: #000000;
    background-color: transparent;
}

#custom_insurance_sidebar a::after {
    background-color: rgba(118, 118, 118, 0.25);
    width: calc(100% - 1.5rem - 0.7rem);
    content: "";
    height: 1px;
    position: absolute;
    bottom: 0;
    right: 0;
    color: #363636;
}

#custom_insurance_sidebar > a > div {
    margin-left: 15px;
}

#custom_document_center_sidebar {
    margin-left: 1rem;
}

#custom_document_center_sidebar a {
    display: flex;
    text-align: left;
    align-items: center;
    padding: 1.5rem 0 1.5rem 0;
    margin: 0;
    border: none;
    color: #000000;
    background-color: transparent;
}

#custom_document_center_sidebar a::after {
    background-color: rgba(118, 118, 118, 0.25);
    width: calc(100% - 1.5rem - 0.7rem);
    content: "";
    height: 1px;
    position: absolute;
    bottom: 0;
    right: 0;
    color: #363636;
}

#custom_document_center_sidebar > a > div {
    margin-left: 15px;
}

/*MyChart Patient Experience Optimization_MCPXEXT-5_Used to update Message Center elements*/
div#appPopupRoot.overlayContainer div._FocusTrap._container._PopupContainer div._Popup.size-20._container._layout div._ActionGroup._ActionBar.type-dialog.Acknowledge._layout button._Command._actionable._command.primary.neutral {
   display: none;
}

.RecallOnboardingCommand._command.tertiary.neutral {
    display: none;
}

.ConversationListPicker .ConversationFolderHeader {
    margin-top: 2.0rem;
}

#ConversationsPreTextMessage{
    font-size: medium;
	margin-bottom: 15px;	
}

div._Text._readOnlyText.folderName h3#ConversationsPreTextHeader {
    font-size: unset;
	color: #000000;
}

div._Text._readOnlyText.folderName p#ConversationsPreTextMessage {
    display: none;
}

.ConversationPreview .previewLine {
    display: none;
}

/*MyChart Patient Experience Optimization_MCPXEXT-5_Used to update Health Summary elements*/
.HealthSummary > .Header > .healthSummaryPageHeading + .headerContent {
    display: none;
}

/*MyChart Patient Experience Optimization_MCPXEXT-5_Used to create Tooltips across MyChart Portal*/
div.AdjTooltip-Container {
    height: auto;
    position: relative;
	display: inline;
	width: 100%;
	left: 5px;
}

div.AdjTooltip-Container a {
    text-decoration: none;
    color: black;
    cursor: default;
    font-weight: normal;
}

div.AdjTooltip-Container a span {
    visibility: hidden;
    position: absolute;
	background-color: #fff;
	border-radius: 2px;
	filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.6));
	font-size: 1rem;
	font-weight: normal;
    white-space: normal;
    padding: 0.3em;
    cursor: default;
    line-height: normal;
	z-index: 10;
	top: -120px;
	max-width: none;
}

div.AdjTooltip-Container a:hover span {
    visibility: visible;
}

/* default - tooltip is to the right of the hovered content */
div.AdjTooltip-Container a:hover span::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 99%;
	border-width: 10px;
	border-style: solid;
	border-color: transparent white transparent transparent;
}

/* tooltip above */
div.AdjTooltip-Container.above a:hover span::after {
    top: 100%;
    right: 50%;
    border-color: white transparent transparent transparent;
}

/* tooltip below */
div.AdjTooltip-Container.below a:hover span::after {
    bottom: 100%;
    right: 50%;
    border-color: transparent transparent white transparent;
}

/* tooltip left */ 
div.AdjTooltip-Container.left a:hover span::after {
    bottom: 50%;
    left: 100%;
    border-color: transparent transparent transparent white;
}

/*The prelogin page Need Proxy Access Tooltip CSS. Found in Strings Manager: Authentication > Login > SignUpHeader*/
#tooltip-Authentication-Login-SignUpHeader-en > a > span {
    width: 150px;
    top: -55px;
    left: 25px;
}

/*The Family and Friends Proxy Access Tooltip CSS. Found in Strings Manager: Proxies > FamilyAccess > WhoCanYouSeeSelectionPostText*/
div.AdjTooltip-Container-ParentGuardianProxyAccess {
    height: auto;
    position: absolute;
	display: inline;
	width: 100%;
	left: 5px;
	margin-left: 375px;
	top: -125px;
}

#tooltip-Proxies-FamilyAccess-WhoCanYouSeeSelectionPostText-ParentGuardianProxyAccess-en > a > span {
    width: 350px;
    top: 75px;
    left: 25px;
}

div.AdjTooltip-Container-CaregiverProxyAccess {
    height: auto;
    position: absolute;
	display: inline;
	width: 100%;
	left: 5px;
	margin-left: 345px;
	top: -95px;
}

#tooltip-Proxies-FamilyAccess-WhoCanYouSeeSelectionPostText-CaregiverProxyAccess-en > a > span {
    width: 600px;
    top: -72px;
    left: 25px;
}

/*The Proxy Invite page Tooltip CSS. Found in Strings Manager: ProxyInvite > ProxyInvite > AccessForm*/
#tooltip-ProxyInvite-ProxyInvite-AccessForm-en > a > span {
    width: 600px;
    top: -72px;
    left: 25px;
}

/*The Sharing Hub Anyone Else Tooltip CSS. Found in Strings Manager: SharingHub > SharingHub > AnyoneElseROIDescription*/
#tooltip-SharingHub-SharingHub-AnyoneElseROIDescription-en > a > span {
    width: 225px;
    top: -50px;
    left: 25px;
}

/*The Sharing Hub Friend or Family Tooltip CSS. Found in Strings Manager: SharingHub > SharingHub > FriendorFamilyDescription*/
#tooltip-SharingHub-SharingHub-FriendorFamilyDescription-en > a > span {
    width: 250px;
    top: -50px;
    left: 25px;
}

/*The Sharing Hub Friend or Family Proxy Tooltip CSS. Found in Strings Manager: SharingHub > SharingHub > FriendorFamilyProxyDescription*/
#tooltip-SharingHub-SharingHub-FriendorFamilyProxyDescription-en > a > span {
    width: 325px;
    top: -55px;
    left: 25px;
}

/*The Sharing Hub Provider Tooltip CSS. Found in Strings Manager: SharingHub > SharingHub > ProviderSEDescription*/
#tooltip-SharingHub-SharingHub-ProviderSEDescription-en > a > span {
    width: 250px;
    top: -40px;
    left: 25px;
}

/*The Billing Account Summary Total Balance Tooltip CSS. Found in Strings Manager: Billing Account > AccountSummary > statusAmountDueLabel*/
#tooltip-BillingAccount-AccountSummary-statusAmountDueLabel-en > a > span {
    width: 250px;
    top: -40px;
    left: 25px;
}

/*The Billing Account Summary View Billing Details by Visit Tooltip CSS. Found in Strings Manager: Billing Account > AccountSummary > actionsAccountDetailsLink*/
#tooltip-BillingAccount-AccountSummary-actionsAccountDetailsLink-en > a > span {
    width: 250px;
    top: -40px;
    left: 25px;
}

/*The Billing Account Details Your Balance Tooltip CSS. Found in Strings Manager: Billing Account > AccountDetails> guarantorOwesHeader*/
#tooltip-BillingAccount-AccountDetails-guarantorOwesHeader-en > a > span {
    width: 250px;
    top: -57px;
    left: 25px;
}

/*The Billing Account Details Itemized Bills Tooltip CSS. Found in Strings Manager: BillingAccount > AccountDetails > statementsDetailBillHeader*/
#tooltip-BillingAccount-AccountDetails-statementsDetailBillHeader-en > a > span {
    width: 250px;
    top: -55px;
    left: 25px;
}

@media screen and (max-width: 100vh) {
div.AdjTooltip-Container a span {
    visibility: hidden;
    position: absolute;
    background-color: #fff;
    border-radius: 2px;
    filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.6));
	font-size: 1rem;
	font-weight: normal;
	white-space: normal;
	padding: 0.3em;
	cursor: default;
	line-height: normal;
	z-index: 10;
	width: 95vw;
	display: block;
}

/* default - tooltip is above the hovered content */
div.AdjTooltip-Container a:hover span::after {
	top: 100%;
	right: 50%;
	border-color: white transparent transparent transparent;
}

/*The prelogin page Need Proxy Access Tooltip CSS. Found in Strings Manager: Authentication > Login > SignUpHeader*/
#tooltip-Authentication-Login-SignUpHeader-en > a > span {
    width: 150px;
    top: -115px;
    left: -58px;
}

/*The Proxy Invite page Tooltip CSS. Found in Strings Manager: ProxyInvite > ProxyInvite > AccessForm*/
#tooltip-ProxyInvite-ProxyInvite-AccessForm-en > a > span {
    width: 350px;
    top: -185px;
    left: -310px;
}

/*The Sharing Hub Anyone Else Tooltip CSS. Found in Strings Manager: SharingHub > SharingHub > AnyoneElseROIDescription*/
#tooltip-SharingHub-SharingHub-AnyoneElseROIDescription-en > a > span {
    width: 225px;
    top: -105px;
    left: -135px;
}

/*The Sharing Hub Friend or Family Tooltip CSS. Found in Strings Manager: SharingHub > SharingHub > FriendorFamilyDescription*/
#tooltip-SharingHub-SharingHub-FriendorFamilyDescription-en > a > span {
    width: 200px;
    top: -125px;
    left: -150px;
}

/*The Sharing Hub Friend or Family Proxy Tooltip CSS. Found in Strings Manager: SharingHub > SharingHub > FriendorFamilyProxyDescription*/
#tooltip-SharingHub-SharingHub-FriendorFamilyProxyDescription-en > a > span {
    width: 250px;
    top: -165px;
    left: -175px;
}

/*The Sharing Hub Provider Tooltip CSS. Found in Strings Manager: SharingHub > SharingHub > ProviderSEDescription*/
#tooltip-SharingHub-SharingHub-ProviderSEDescription-en > a > span {
    width: 250px;
    top: -90px;
    left: -107px;
}

/*The Billing Account Summary Total Balance Tooltip CSS. Found in Strings Manager: Billing Account > AccountSummary > statusAmountDueLabel*/
#tooltip-BillingAccount-AccountSummary-statusAmountDueLabel-en > a > span {
    width: 250px;
    top: -165px;
    left: -175px;
}

/*The Billing Account Summary View Billing Details by Visit Tooltip CSS. Found in Strings Manager: Billing Account > AccountSummary > actionsAccountDetailsLink*/
#tooltip-BillingAccount-AccountSummary-actionsAccountDetailsLink-en > a > span {
    width: 250px;
    top: -165px;
    left: -175px;
}

/*The Billing Account Details Your Balance Tooltip CSS. Found in Strings Manager: Billing Account > AccountDetails> guarantorOwesHeader*/
#tooltip-BillingAccount-AccountDetails-guarantorOwesHeader-en > a > span {
    width: 250px;
    top: -130px;
    left: -105px;
}

/*The Billing Account Details Itemized Bills Tooltip CSS. Found in Strings Manager: BillingAccount > AccountDetails > statementsDetailBillHeader*/
#tooltip-BillingAccount-AccountDetails-statementsDetailBillHeader-en > a > span {
    width: 250px;
    top: -130px;
    left: -107px;
}
}