﻿/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*%                  OVERRIDE.CSS                      */
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/

/*GENERAL*/
/*=====================================================*/
/* AJR372 - adjust menu spacing so there is room for Quartz, Resources, and Profile. In Epic 2017 the Profile menu option was omitted to allow room for the Quartz menu.*/
#header .menugroup {
	width: 14.2555%;
}

/* If your list items contain paragraphs they have a preceding space between them */
li p{
	margin: 0.5rem 0;
}

/*RMS126 201805057 - These two styles increase spacing for helptext which is pretty cramped by default. Requested by OMJ*/

body {
    line-height: 1.3rem;
}

.helptext,
.helptext li{
    font-size: 1rem;
    color: #6F6F6F;
    margin: 0.25rem 0;
    line-height: 1.3em;
}

.section [class*='question'] .header .helptext {
    margin: 0.3rem 0 0.3rem 2.5rem;
}

/* jQuery Accordion style */
.accordion-toggle {cursor: pointer;}
.accordion-content {display: none;}
.accordion-content.default {display: block;}

/* Hides preferences on the Notification Settings page */
.settingsGroup{
	display:none;
}

/* Adjusts font size of pre-text that was added on Communication Preferences page. */
.md_react_index .preText{
	font-size:90%;
}

/* Removes extra space at the top of stdfile pages. */
.md_stdfile .title {
	display:none !important;
}
/* Adds spacing between buttons that are horizontally aligned */
.horizontal_button_spacing{
	margin-right:0.5rem;
}

/* This is a general style but I created it to target the navigation buttons on the evinfo page*/
.md_stdfile .button{
    margin-right: 0.5rem;
}

/*Shows/Hide appropriate Privacy Practices & Policies based on domain name.*/
.isPrelogin.sahs .privacy_practices, .isPrelogin.achc .privacy_practices, .isPrelogin.quartz .privacy_practices{
	display:none;
}
.isPrelogin.sahs .privacy_practices_sahs.sah-pt, .isPrelogin.achc .privacy_practices_achc.achc-pt, .isPrelogin.quartz .privacy_practices_quartz.qtz-mbr{
	display:block;
}
.isPrelogin.uwhealth .privacy_practices, .isPrelogin.sahs .privacy_practices_sahs.sah-pt, .isPrelogin.achc .privacy_practices_achc.achc-pt, .isPrelogin.quartz .privacy_practices_quartz.qtz-mbr{
	font-size: 0.8rem;
}
/* Add line break to Access Community Health Centers Privacy Practices * Policies*/
.isPrelogin.achc .privacy_practices_achc.achc-pt span::before{
	content: "\A";
}

/* Billing Contact Information */
.isPrelogin.md_guestpay_payasguest.uwhealth .sahs_billing, .isPrelogin.md_guestpay_payasguest.achc .sahs_billing, .isPrelogin.md_guestpay_payasguest.sahs .achc_billing, .isPrelogin.md_guestpay_payasguest.sahs .uw_billing{
	display:none;
}

.isPrelogin.md_guestpay_confirmguestpay.sahs .sah-pt, .isPrelogin.md_guestpay_confirmguestpay.achc .achc-pt, .isPrelogin.md_guestpay_confirmguestpay.uwhealth .uw-pt{
	display:block;
}

.isPrelogin.md_guestpay_confirmguestpay.sahs .uwh-pt, .isPrelogin.md_guestpay_confirmguestpay.sahs .achc-pt, .isPrelogin.md_guestpay_confirmguestpay.achc .uwh-pt, .isPrelogin.md_guestpay_confirmguestpay.achc .sah-pt, .isPrelogin.md_guestpay_confirmguestpay.uwhealth .sah-pt, .isPrelogin.md_guestpay_confirmguestpay.uwhealth .achc-pt{
	display:none;
}

/* Adjustments to service area logos for account summary feed.*/
.accountSummaryFeedItem .accountSummaryBody .serviceArea .serviceAreaLogo {
      height: 1.5rem;
	  width:auto;
      border-style: none;
      border-radius: unset;
}

/* SwedishAmerican Signup Instructions - do not show for UW Health, ACHC, and Quartz */
.isPrelogin.uwhealth .sahs_signup_instructions, .isPrelogin.achc .sahs_signup_instructions, .isPrelogin.quartz .sahs_signup_instructions{
	display:none;
}

.md_standalone_signup #wrap .uw-tip{
	background:rgba(255, 255, 255, 0.5);
	padding: 1rem;
}

.md_standalone_signup #wrap .uw-tip ul{
	margin-top: 0.5rem;
}

.md_standalone_signup #wrap .uw-tip li{
	font-size: 1.15rem;
	line-height: 1.5rem;
}

.md_standalone_signup #wrap .uw-tip li strong{
	background-color: yellow;
}

.accordion-toggle:before {
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	margin-right: 0.5rem;
	vertical-align: middle;
	border-top: 4px solid transparent;
	border-left: 8px solid #0079D2;
	border-bottom: 4px solid transparent;
}

.accordion-toggle.accordion-open:before {
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	margin-right: 0.5rem;
	vertical-align: middle;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 8px solid #0079D2;
}

.accordion-content{
	padding: 0 1rem 1rem;
	margin-top: 0;
}

.accordion-open + .accordion-content{
	box-shadow: 0px 4px 4px -1px rgba(0, 0, 0, 0.2);
}

/* The first list item should not have a preceding space even if it does contain a paragraph. It is reundant*/
/* li:first-of-type p:first-of-type{
	margin: 0 0 0 0;
} */

/*PRE-LOGIN*/
/*=====================================================*/
/*two factor authentication process*/
#two-factor-desc{
	margin-top: 2rem;
}

#two-factor-container .accordion-content{
	background:rgba(255, 255, 255, 0.8);
	padding-top: 0.25rem;
}
#two-factor-container #accordion{
	margin-bottom: 1rem;
}
/*Hide second occurrence of 'Learn More' link that appears on MFA screens. 
* This change is being implemented to safeguard someone from clicking the 'back' button in the web browser. Doing so invalidates the code. 
*/
#two-factor-wrapper-form #two-factor-learn-more{
	display:none;
}

#two-factor-intro .col-12:nth-child(1), #two-factor-wrapper-form .col-12:nth-child(1){
	margin-top:16px;
}

/*Changes the background color and logo based on a class 'uwhealth', 'quartz', or 'achc' that is added to the body tag by setDomainName().*/
.isPrelogin{
	background: #FFF url("../../images/uw/prelogin.jpg") no-repeat fixed center center;
	background: rgba(0, 0, 0, 0) url("../../images/uw/prelogin.jpg") no-repeat fixed center center / cover;
	margin: 0 auto;
	position: relative;
}

.isPrelogin.uwhealth:after{
	background: transparent url("../../images/uw/prelogin.jpg") no-repeat scroll bottom center/cover;
}

.isPrelogin #content:after {
	background: #FFF url("../../images/uw/prelogin_blurred.jpg") no-repeat fixed center center;
	background: rgba(0, 0, 0, 0) url("../../images/uw/prelogin_blurred.jpg") no-repeat fixed center center / cover;
}

.isPrelogin:not(.graphicHeader) #content:after {
	background: transparent url("../../images/uw/prelogin_blurred.jpg") no-repeat fixed center center / cover;
}

body:not(.graphicHeader) #content:after, body.accessPage #content:after, body.recoveryPage #content:after, body.resetPage #content:after {
  background: transparent url("../images/uw/prelogin_blurred.jpg") no-repeat fixed center center/cover;
}

/*Removes the midlogin header and footer background colors applied by Epic. */
#header:not(:empty).header_graphic .header_color {
	background-color:transparent;
}
.isPrelogin .midlogin{
	background-color:transparent;
}

.isPrelogin .logo {
	background: rgba(0, 0, 0, 0) url("../../images/uw/loginlogo.png") no-repeat scroll left center;
	display: block;
	margin-left: 50%;
	width: 50%;
	height: 6rem;
	position: relative;
	top: 1.5rem;
	content: none;
}

.isPrelogin.uwhealth .logo::before {
	content: url("../../images/uw/uwh-logo-prelogin.png");
	position:relative;
	top:1rem;
	left:1.5rem;
	margin-left: -100%;
}

/*SwedishAmerican*/
.isPrelogin.sahs{
	background: #FFF url("../../images/uw/sahs-bg-prelogin.jpg") no-repeat fixed center center;
	background: rgba(0, 0, 0, 0) url("../../images/uw/sahs-bg-prelogin.jpg") no-repeat fixed center center / cover;
	margin: 0 auto;
	position: relative;
}
.isPrelogin.sahs #content:after {
	background: #FFF url("../../images/uw/sahs-bg-prelogin-blurred.jpg") no-repeat fixed center center;
	background: rgba(0, 0, 0, 0) url("../../images/uw/sahs-bg-prelogin-blurred.jpg") no-repeat fixed center center / cover;
}
.isPrelogin.sahs .logo{
	width:64%;
	margin-left:64%;
}
.isPrelogin.sahs .logo::before {
	content: url("../../images/uw/sahs-logo-prelogin-new.png");
	position:relative;
	top:0.75rem;
	left:1rem;
	margin-left: -102%;
}

/*Access Community Health*/
.isPrelogin.achc{
	background: #FFF url("../../images/uw/achc-bg-prelogin.jpg") no-repeat fixed center center;
	background: rgba(0, 0, 0, 0) url("../../images/uw/achc-bg-prelogin.jpg") no-repeat fixed center center / cover;
	margin: 0 auto;
	position: relative;
}

.isPrelogin.achc:after{
	background: transparent url("../../images/uw/achc-bg-prelogin.jpg") no-repeat scroll bottom center/cover;
}

.isPrelogin.achc #content:after {
	background: #FFF url("../../images/uw/achc-bg-prelogin-blurred.jpg") no-repeat fixed center center;
	background: rgba(0, 0, 0, 0) url("../../images/uw/achc-bg-prelogin-blurred.jpg") no-repeat fixed center center / cover;
}

.isPrelogin.achc .logo::before {
	content: url("../../images/uw/achc-logo-prelogin.png");
	position:relative;
	top:0.75rem;
	left:1.5rem;
	margin-left: -100%;
}

/*MyChart Community*/
.isPrelogin.mcc{
	background: #FFF url("../../images/uw/prelogin.jpg") no-repeat fixed center center;
	background: rgba(0, 0, 0, 0) url("../../images/uw/prelogin.jpg") no-repeat fixed center center / cover;
	margin: 0 auto;
	position: relative;
}

.isPrelogin.mcc:after{
	background: transparent url("../../images/uw/prelogin.jpg") no-repeat scroll bottom center/cover;
}

.isPrelogin.mcc #content:after {
	background: #FFF url("../../images/uw/prelogin-blurred.jpg") no-repeat fixed center center;
	background: rgba(0, 0, 0, 0) url("../../images/uw/prelogin-blurred.jpg") no-repeat fixed center center / cover;
}

.isPrelogin.mcc .logo::before {
	content: url("../../images/uw/mcc-logo-prelogin.svg");
	position:relative;
	top:0.75rem;
	left:1.5rem;
	margin-left: -100%;
}

/*Quartz*/
.isPrelogin.quartz{
	background: #808080;
	margin: 0 auto;
	position: relative;
}

.isPrelogin.quartz{
	background: #FFF url("../../images/uw/quartz-bg-prelogin.jpg") no-repeat fixed center center;
	background: rgba(0, 0, 0, 0) url("../../images/uw/quartz-bg-prelogin.jpg") no-repeat fixed center center / cover;
	margin: 0 auto;
	position: relative;
}

.isPrelogin.quartz:after{
	background: transparent url("../../images/uw/quartz-bg-prelogin.jpg") no-repeat scroll bottom center/cover;
}

.isPrelogin.quartz #content:after {
	background: #FFF url("../../images/uw/quartz-bg-prelogin.jpg") no-repeat fixed center center;
	background: rgba(0, 0, 0, 0) url("../../images/uw/quartz-bg-prelogin.jpg") no-repeat fixed center center / cover;
}

.isPrelogin.quartz #content:after {
	background: #808080;
}

.isPrelogin.quartz .logo::before {
	content: url("../../images/uw/quartz-logo-prelogin.png");
	position:relative;
	top:0.25rem;
	left:1.5rem;
	margin-left: -100%;
}

/* .isPrelogin.quartz .logo:after {
	content: url("../../images/uw/sp-sc-logo-prelogin.png");
	position:relative;
	top:-0.5rem;
	left:2rem;
	margin-left: -100%;
	margin-right: 1rem;
	display: block;
} */
/* Enables responsive behavior on pre-login site content*/

/* Transfer your prescriptions button */
.isPrelogin.quartz .transferrx,
.isPrelogin.mcc .transferrrx{
	display:none;
}

/* 1. Removes Pay as Guest button and text for Quartz domain. 2. Removes UW Health bill pay text for SAHS and ACHC domain. 3. Removes SwedishAmerican bill pay text for UW and ACHC domain. 3. Removes Access Community Health Centers bill pay text for UW and SAH domain.*/
.isPrelogin.quartz .payasguest, 
.isPrelogin.quartz .uw_bill_pay, 
.isPrelogin.quartz .sahs_bill_pay, 
.isPrelogin.quartz .achc_bill_pay, 
.isPrelogin.achc .uw_bill_pay, 
.isPrelogin.achc .sahs_bill_pay, 
.isPrelogin.uwhealth .sahs_bill_pay, 
.isPrelogin.uwhealth .achc_bill_pay, 
.isPrelogin.sahs .uw_bill_pay, 
.isPrelogin.sahs .achc_bill_pay,
.isPrelogin.mcc .uw_bill_pay, 
.isPrelogin.mcc .sahs_bill_pay, 
.isPrelogin.mcc .achc_bill_pay{
	display:none;
}

/* COVID-19 VACCINE UPDATE */
/* Removes COVID-19 Vaccine Update for all other domains except for UW Health. */
.isPrelogin.quartz .covid-19info, .isPrelogin.achc .covid-19info, .isPrelogin.sahs .covid-19info{
	display:none;
}

.isPrelogin .covid-19info{
	color:#363636;
}

.isPrelogin .logincard{
	margin: 0 0 0.5rem;
	padding: 0 0.5rem 0.5rem;
	min-height: 4rem;
	width: 100%;
}

/* Conditionally control registration phone number that displays when no email is on file based on domain name. */
.isPrelogin.uwhealth .sah-central-registration, 
.isPrelogin.uwhealth .achc-central-registration,
.isPrelogin.uwhealth .qtz-central-registration,
.isPrelogin.quartz .sah-central-registration, 
.isPrelogin.quartz .uwh-central-registration,
.isPrelogin.quartz .achc-central-registration,
.isPrelogin.achc .sah-central-registration, 
.isPrelogin.achc .uwh-central-registration, 
.isPrelogin.achc .qtz-central-registration, 
.isPrelogin.sahs .uwh-central-registration,
.isPrelogin.sahs .achc-central-registration,
.isPrelogin.sahs .qtz-central-registration{
	display: none;
}

/* Removes the standard box shadow on the MyChart login page. */
.isPrelogin #header:not(:empty) {
	box-shadow: none;
}
#loginForm .error{
  color: #cc3443;
  font-size: 1.25rem;
}

/* Removes sign-up prompt that allows patients to choose whether 
*  they want to accept e-mails and prompt to set up a mobile number of SMS.
*/
.isPrelogin #notifyForm #SEND {
	display:none;
}
.isPrelogin #notifyForm #SENDSMS {
	display:none;
}
.isPrelogin #notifyForm #Phone {
	display:none;
}
.isPrelogin #notifyForm #RetypePhone {
	display:none;
}

/* Changes pre-login icons and text for Quartz URL
*/
.uw_logimage, .quartz .quartz_logimage, .sahs .sahs_logimage{
	/* display:block; */
	margin-top: 2rem;
}
.uwhealth .quartz_logimage, 
.uwhealth .sahs_logimage,
.uwhealth .mcc_logimage,
.achc .quartz_logimage, 
.achc .sahs_logimage,
.achc .mcc_logimage,
.quartz .uw_logimage, 
.quartz .sahs_logimage, 
.quartz .mcc_logimage, 
.sahs .quartz_logimage,
.mcc .quartz_logimage{
	display:none;
}
.quartz_logimage .features .icon-communicate {
	background-image: url("../../images/uw/communicate.png");
}
.quartz_logimage .features .icon-coverage-info {
	background-image: url("../../images/uw/view_coverage.png");
}
.quartz_logimage .features .icon-forms-resources {
	background-image: url("../../images/uw/forms_resources.png");
}
.quartz_logimage .features .icon-update-info {
	background-image: url("../../images/uw/update_info.png");
}
/* Changes Online billing icon for UW, SAH, and ACHC */
.features .icon-account-summary{
	background-image: url("../../images/quicklinks/account_summary.png");
}
/* Changes pre-login icons and text for SwedishAmerican URL
*/
.isPrelogin.sahs h1,
.isPrelogin.sahs h2,
.isPrelogin.sahs h3,
.isPrelogin.sahs h4,
.isPrelogin.sahs .header,
.isPrelogin.sahs #sidebar .header,
.isPrelogin.sahs .heading,
.isPrelogin.sahs .hover a.header:focus,
.isPrelogin.sahs .hover a.header:hover,
.isPrelogin.sahs .hover a.heading:focus,
.isPrelogin.sahs .hover a.heading:hover,
.isPrelogin.sahs .titlebar,
.isPrelogin.sahs .sectionheader,
.isPrelogin.sahs .formsection > legend,
.isPrelogin.sahs table thead tr{
	color: #246fb5;
}
/*Language Access Tagline - Pre-login
*/
.isPrelogin #language_access, .isPrelogin #language_access_sahs, .isPrelogin #language_access_achc{
	text-align: center;
	position: absolute;
	left: 0px;
	height: 1rem;
	width: 90%;
	padding:2rem;
	margin-left:5%;
	margin-right:5%;
	font-size: 0.8rem;
}
.isPrelogin #language_access_quartz{
	text-align: center;
	position: absolute;
	left: 0px;
	height: 1rem;
	width: 70%;
	padding:2rem;
	margin-left:15%;
	margin-right:15%;
	font-size: 0.8rem;
}
.isPrelogin #language_access a, .isPrelogin #language_access h3, .isPrelogin #language_access, .isPrelogin #language_access_achc a, .isPrelogin #language_access_achc h3, .isPrelogin #language_access_achc, .isPrelogin #language_access_quartz a, .isPrelogin #language_access_quartz h3, .isPrelogin #language_access_quartz, .isPrelogin #language_access_sahs a, .isPrelogin #language_access_sahs h3, .isPrelogin #language_access_sahs{
	color:#fff;
}
.isPrelogin #language_access_quartz, .isPrelogin #language_access_sahs, .isPrelogin #language_access_achc{
	display:none;
}
.isPrelogin #language_access{
	display:block;
}
.isPrelogin.quartz #language_access, .isPrelogin.sahs #language_access, .isPrelogin.achc #language_access{
	display:none;
}
.isPrelogin.quartz #language_access_quartz, .isPrelogin.sahs #language_access_sahs, .isPrelogin.achc #language_access_achc{
	display:block;
}
.isPrelogin .copyright #language_access, .isPrelogin .copyright #language_access_quartz, .isPrelogin .copyright #language_access_sahs, .isPrelogin .copyright #language_access_achc{
	display:none;
}
/*QuickLaunch
*/
.isPrelogin #quicklaunch h1, .isPrelogin #quicklaunch p, .isPrelogin #quicklaunch div.p {
	text-align: center;
}
.isPrelogin.quicklaunch #main .title{
	height: 11rem;
}
.isPrelogin.quicklaunch .withSidebar#main{
	width:100%;
}
.isPrelogin.quicklaunch #sidebar{
	display:none;
}
.isPrelogin.quicklaunch.uwhealth .logo::before{
	display:none;
}
.isPrelogin.quicklaunch .logo{
	display:block;
	margin:auto;
	margin-bottom:100px;
	/* width:30%; */
}
.isPrelogin.quicklaunch {
	background: #FFF url("../../images/uw/background.jpg") no-repeat fixed top center;
	background: rgba(0, 0, 0, 0) url("../../images/uw/background.jpg") no-repeat fixed top center / cover;
}

.isPrelogin.quicklaunch #content:after {
	background: #FFF url("../../images/uw/background_blurred.jpg") no-repeat fixed top center;
	background: rgba(0, 0, 0, 0) url("../../images/uw/background_blurred.jpg") no-repeat fixed top center / cover;
}

/* Style for our custom js logo footer */
.isPrelogin.quicklaunch #footer #logo-footer{
	display: block;
	width: 100%;
	margin: 0;
	background-color: transparent;
	text-align: center;
}

/* Style for the list items in the logo footer to enforce nice spacing*/
.isPrelogin.quicklaunch #footer #logo-footer li{
	display: inline-block;
	padding: 1rem;
	width: calc((1300px/6) - 2rem); /*Changed from 100% to 1300px because it holds up better inside responsive parent*/
}

/* Adds a drop shadow in the top of the logo-footer */
.isPrelogin.quicklaunch #footer #logo-footer:before{
	content: " ";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	height: 1rem;
	box-shadow:0 0.6rem 0.6rem -0.6rem  rgba(0, 0, 0, 0.125) inset;
}

/* PreLoginLayout nodes - adjusts the width so the text does not wrap on to two lines. */
.isPrelogin .grid > .row > .col-6.badges{
	width:16rem;
}

.isPrelogin .grid > .row > .col-6.links{
	width: calc(100% - 18rem);
}

/* Guest Estimates */
.isPrelogin.md_guestestimates_getestimateservices .guestEstimatesDisclaimer{
	display:none !important;
}
/* Fix for IE - Text on the Lab card overflows beyond the length of the card.*/
.isPrelogin.md_guestestimates_getestimateservices .card .name.icon + .cardline {
    width: calc(100% - 1rem);
}

/* Estimates - Only show link to UW Health Priceline form if on mychart.uwhealth.org site.*/
.isPrelogin.quartz.md_guestestimates_getestimateservices .priceline, 
.isPrelogin.sahs.md_guestestimates_getestimateservices .priceline, 
.isPrelogin.achc.md_guestestimates_getestimateservices .priceline,
.isInside.sahs.md_estimates_getestimateservices .priceline, 
.isInside.quartz.md_estimates_getestimateservices .priceline, 
.isInside.achc.md_estimates_getestimateservices .priceline{
	display:none;
}
/*INSIDE*/
/*=====================================================*/
/*Header Logo*/
.quartz #graphicHeader:not(:empty) #header_logo .header_logo_link{
	height: 4.125rem;
  position: relative;
  top: -0.45rem;
}

#graphicHeader:not(:empty) #header_logo .header_logo_link {
	background: transparent url("../../images/logo.png") no-repeat scroll left/contain;
}

/*Language Access Tagline - Inside
*/
.isInside #language_access, .isInside #language_access_quartz, .isInside #language_access_sahs, .isInside #language_access_achc{
	text-align: center;
	width: 100%;
	margin: 1rem;
	overflow-x: visible;
}
.isInside #language_access, .isInside #language_access_quartz, .isInside #language_access_sahs, .isInside #language_access_achc{
	display:none;
}
.uwh-pt.qtz-mbr #language_access_quartz, .achc-pt.qtz-mbr #language_access_quartz, .uwh-pt.sah-pt #language_access_sahs, .uwh-pt.achc-pt #language_access_achc, .sah-pt.qtz-mbr #language_access_quartz{
	display:none;
}
/* For combined patients (Quartz member and clinical care) on message review page show both language access and non-discrimination tag-lines unless logging in from Quartz domain. */
.uwh-pt.qtz-mbr .md_review_index:not(.quartz) #language_access_quartz, .achc-pt.qtz-mbr .md_review_index:not(.quartz) #language_access_quartz, .sah-pt.qtz-mbr .md_review_index:not(.quartz) #language_access_quartz{
	display:block;
	margin-top:5rem;
}
.uwh-pt #language_access, .achc-pt #language_access_achc, .qtz-mbr #language_access_quartz, .sah-pt #language_access_sahs{
	display:block;
}
/* Show Quartz Non-Discrimination & Language Access tag-line if logging in to MyChart from Quartz domain. */
.isInside.quartz #language_access, .isInside.quartz #language_access_sahs, .isInside.quartz #language_access_achc{
	display:none;
}
.isInside.quartz #language_access_quartz{
	display:block;
}
.isInside #footer .mainStyle{
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	background-color: #ffffff;
}
/* The empty sidebar forces a weird space at the bottom of footer */
.isInside #footer .sidebarStyle{
	display: none;
}
.isInside #language-access-container{
	font-size: 0.8rem;
	color: #565656;
}
.isInside #language-access-container a,
.isInside #language-access-container a:link,
.isInside #language-access-container a:visited{
	color: #565656;

}
.isInside #language-access-container a:hover,
.isInside #language-access-container a:active,
.isInside #language-access-container a:focus{
	color: #565656;
	text-decoration-color: #565656;
}

/* Changes the background image. 
*/
body.isInside.graphicHeader {
	background: #FFF url("../../images/uw/background.jpg") no-repeat fixed top center;
	background: rgba(0, 0, 0, 0) url("../../images/uw/background.jpg") no-repeat fixed top center / cover;
}

body.isInside.graphicHeader #content:after {
	background: #FFF url("../../images/uw/background_blurred.jpg") no-repeat fixed top center;
	background: rgba(0, 0, 0, 0) url("../../images/uw/background_blurred.jpg") no-repeat fixed top center / cover;
}

body.isInside #header:not(:empty).header_graphic .header_color{
	background: #FFF url("../../images/uw/background.jpg") no-repeat fixed top center;
	background: rgba(0, 0, 0, 0) url("../../images/uw/background.jpg") no-repeat fixed top center / cover;
}

body.isInside.graphicHeader:not(.isPrelogin):after{
	background: #FFF url("../../images/uw/background.jpg") no-repeat fixed top center;
	background: rgba(0, 0, 0, 0) url("../../images/uw/background.jpg") no-repeat fixed top center / cover;
}

/* Logo */
.isInside #logo {
	background: url("../../images/uw/logo.png") rgba(0, 0, 0, 0) no-repeat scroll center center / contain;
	width: 17%;
} 

/* Removes the condition specific tab for "Diabetes" on the Plan Of Care feature.
*/
.md_registries_index .poc-header-container .membertab{
	display:none;
}

.md_registries_index .poc-header-container .membertab:first-of-type{
	display:inline-block;
}

/*Hides the Related Links in the sidebar. UW links are added with JS.
*/
.isInside.md_scheduling_index .quickLinks{
	display:none;
}
/*Hides/Shows iframe if you are a Quartz Member*/
.unityIframe {
	display:none;
}
.qtz-mbr .unityIframe, .sp-mbr .unityIframe{
	display:block;
}

/*Outline test results "Search this list" box so it doesn't blend in as much using default theme.
*/
.isInside.md_testresults_index .BeforeTestResultsList input.SearchList{
	border: 1px solid #aaa;
	margin-bottom: 1px;
}

/*Yellow highlighting.
*/
.isInside.md_personalize .yellow, .isInside.md_stdfile .yellow, .isInside.md_immunizations_index .yellow, .isInside.md_default #alerts .yellow, .isInside.md_scheduling_index .yellow, .isInside.md_visitdetails_index .yellow, .isInside.md_home_error .yellow{
	background-color:#FFFF00;
}

.isPrelogin.md_secondaryvalidation_index .yellow, .isPrelogin.md_login_login .yellow{
	background-color:#FFFF00;
}
/*External Payment Page - adjust height of iframe so the entire form shows.
*/
/*Guest Pay - pre-login */
#guestPay-content #extPmtPageFrame {
	height: 59rem !important;
	overflow-y: visible !important;
}

#guestPay-content .formbuttons {
	margin-bottom: 5rem;
}
/*Post-login*/
.isInside #extPmtPageFrame {
	height: 67rem !important;
	overflow-y: visible !important;
} 

/*MAIN MENU*/
/*=====================================================*/
/* Style for the coverage menu item */
#menu .menuicon.coverage:before {
	background-image: url("../../images/menus/coverage.png");
}

#menu .menuicon.claims:before {
	background-image: url("../../images/menus/claims.png");
}

#menu .menuicon.wellness:before {
	background-image: url("../../images/menus/wellness.png");
}

/*HOMEPAGE*/
/*=====================================================*/
/* Styles for custom static announcements */
#itemFeedContainer #uwTipSheet{
	background-color: #FFFFCB;
}

#uw_home_container{
	display: inline-block;
	height: 2.25rem;
	margin-left: 0.2rem;
	margin-right: 0.2rem;
	width: auto;
}

#uw_home_container a{
	background: rgba(0, 0, 0, 0.45);
	border: 0;
	border-radius: 6px;
	color: #FFFFFF;
	cursor: pointer;
	display: inline-block;
	font-size: 0.9rem;
	height: 2.25rem;
	line-height: 1.4rem;
	margin-top: 0.825rem;
	padding: 2px 4px;
}

[data-altstylesheet="High Contrast"] #uw_home_container a{
	background: #000000;
	border: 1px solid #ffffff;
}

#uw_home_container svg{
	background-clip: border-box;
	background-color: transparent;
	border: solid 2px #FFFFFF;
	border-radius: 50%;
	fill: #FFFFFF;
	justify-self:center;
	margin-right: 0.4rem;
	margin-top: 2px;
	padding: 1px;
	padding-left: 2px;
}

#uw_home_container span{
	display: inline-block;
	position: relative;
	top:0.1rem;
	right:0.2rem;
	vertical-align: middle;
}

/* Styles for "All of Us" message */
.allofus img{
	display: block;
	height: 4rem;
	margin: 1rem 1rem 1rem 0;
}

/*IMMUNIZATIONS*/
/*=====================================================*/
/*Hide/Show sah-pt-only text. Only show if patient does NOT have care at UW Health or ACHC.*/
.achc-pt .md_immunizations_index .sah-pt-only, .uwh-pt .md_immunizations_index .sah-pt-only, .uwh-pt.sah-pt .md_immunizations_index .sah-pt-only, .achc-pt.sah-pt .md_immunizations_index .sah-pt-only, .uwh-pt.qtz-mbr .md_immunizations_index .sah-pt-only, .achc.qtz-mbr .md_immunizations_index .sah-pt-only{
	display:none;
}
.sah-pt .md_immunizations_index .sah-pt-only{
	display:block;
}

/*E-VISIT*/
/*=====================================================*/

.md_evisit_landingpage .terms h2 + h3{
	padding:0 0 0.5rem;
}

.md_evisit_landingpage .terms h3 + p{
	margin-top:0;
	margin-block-start: unset;
}

/* .md_evisit #pharmacy p.helptext{
	margin-top: 0;
}

.md_evisit_index #evisit .buttons{
	margin:1rem 0;
}

.md_evisit_index #evisit .buttons > .button{
	display: inline-block;
	margin-right: 0.5rem;
}

.md_evisit_index #evisit-info .bulleted > li{
	list-style: none;
}

.md_evisit_index #uwpharmform label.required:before{
	margin-left: 0px;
}

.md_evisit_index #evisit .terms{
	background: none;
	height: auto;
}

.md_evisit_index .terms h3 + p{
	margin-top:0;
}

.md_evisit_index #evisit-tc{
	background: #FFF none no-repeat scroll 0 0;
	max-height: 480px;
	overflow-y: scroll;

}

.md_evisit_index .terms + .formbuttons{
	margin: 1rem 5% auto;
	padding: 0.5rem auto;
}

.md_evisit_index #tc-pagetwo{
	margin-top: 1.5rem;
}

.md_evisit_index #evisit-info > ul{
	margin-left: 0;
	padding-left: 0;
}

/* Temporary for static SympyomsList */
.md_evisit_index ul h4{
	padding: 0;
}

.md_evisit_index h3 + h3{
	padding-top: 0;
} */
/* ASK A QUESTION */
/*=====================================================*/
.isInside.md_react_index h2._heading p{
	font-size: 1rem;
}

.md_react_index h2._heading li{
	font-size: 1rem;
}
/*LAB DETAILS*/
/*=====================================================*/
/* Make lab results monospace */
.md_labdetail .tabcontainer .section .srchbl,
.md_labdetail .tabcontainer #general p,
.md_labdetail .tabcontainer #components tbody td,
.md_labdetail .tabcontainer #table .chart tbody td{
  white-space: pre-wrap;
  font-family: "Consolas", "Courier New", monospace;
  font-size: 0.9rem;
}

/* Use slightly larger font-size for Comments */ 
.md_labdetail .tabcontainer #comments .srchbl{
  font-size: 1rem;
}

/* RMS126 20180507 - Yellow highlighting on comments */

.md_labdetail .tabcontainer #comments .srchbl * {
    background-color: #FFFAAE;
    padding-left: 0.5rem;
}

.md_labdetail .tabcontainer #comments .srchbl :first-child {
    padding-top: 0.3rem;
}

.md_labdetail .tabcontainer #comments .srchbl :last-child {
    padding-bottom: 0.3rem;
}

/*Login*/
/*=====================================================*/
/*For Organ Donor link*/
.md_login_login #organ-donor{
	text-align: center;
	margin-top: 2rem;
}

.md_login_login #organ-donor,
.md_login_login #organ-donor a{
	font-size: 1rem;
	font-weight: bold;
	color: #363636;
}

.md_login_login #organ-donor p > span{
	display: inline-block;
}

.md_login_login #organ-donor img{
	display: block;
	margin-top: 0.5rem;
	margin-left: auto;
	margin-right: auto;
}

/*Scheduling*/
/*=====================================================*/
/*Schedule an Appointment
*/
.md_scheduling_index .covid{
	font-size: 1rem;
	color: #363636;
	line-height:1.3rem;
	margin: 1rem;
}

.md_scheduling_index h1{
	font-size: 1.5em;
}

.md_scheduling_index h2{
	font-size: 1.25em;
}

/* Remove Location Filtering by Zip Code in Direct Scheduling 
* This was automatically enabled by the latitude and longitude coordinates in the department records for eArrival (Hello Patient). 
*/
/* .md_scheduling_index .locationStepHeader .geolocationContainer{
	display:none;
} */

/*TEST RESULTS*/
/*=====================================================*/
/* make the link to search for Inpatient Tests look like a button. */
.md_testresults_index a[data-id="iplink"],
.md_testresults_index a[data-id="iplink"]:hover{
    display: block;
    line-height: 1.5rem;
    margin: 0.5rem auto;
    padding: 0.25rem 0.75rem;
    text-transform: uppercase;
    width: 28rem;
    background-color: #0091EA;
	color: #FFF;
	text-decoration: none;
}
/* Test results auto-release table style. */
.md_testresults_index #auto-release{
	border-collapse: collapse;
	background-color: white;
	text-align:left;
}

.md_testresults_index #auto-release thead tr {
	background-color: rgba(204, 52, 67, 0.05);
	position: relative;
}

.md_testresults_index #auto-release thead th{
	padding: 0.5rem;
}

.md_testresults_index #auto-release tr td {
	border-style: solid;
	border-width: 1px 0 0;
	border-color: #EAEAEA;
	padding: 0.5rem;
	vertical-align: top;
}

.md_testresults_index #auto-release tr:first-child td {
	border-width: 0;
}

.md_testresults_index #auto-release table {
	border: none;
	border-spacing: 0;
	width: 100%;
}
/*PATIENT-ENTERED FLOWSHEETS*/
/*=====================================================*/
/* Move the "now" button in the pefldtl form */
#flowsheetform #now{
	margin: 0 0 0 0.25rem;
}

/*QUESTIONNAIRES*/
/*=====================================================*/
/* Style questionnaire responses vertically */
.question.list .tbContainer, .questiongroupitem.list .tbContainer{
  display: block;
}

/* Making interrupt text larger. May need to be scoped with media query. */
.md_mychartquestionnaire_questionnaires .interruptmsg,
.md_mychartquestionnaire_askfrommessage .interruptmsg,
.md_mychartquestionnaire_askfromcontact .interruptmsg,
.md_mychartquestionnaire_askfromseries .interruptmsg,
.md_questionnaire .interruptmsg{
	font-size: 1.25rem;
	line-height: 1.75rem;
}

/* Hide default interrupt icon. It is too aggressive for many messages we post */
.md_mychartquestionnaire_questionnaires .interruptmsg .interrupticon_warn,
.md_mychartquestionnaire_askfrommessage .interruptmsg .interrupticon_warn,
.md_mychartquestionnaire_askfromcontact .interruptmsg .interrupticon_warn,
.md_mychartquestionnaire_askfromseries .interruptmsg .interrupticon_warn,
.md_questionnaire .interruptmsg .interrupticon_warn{
	display: none;
}

/* Override the red text for non-urgent interrupt messages */
.md_mychartquestionnaire_questionnaires .interruptmsg .uw-nonurgent,
.md_mychartquestionnaire_askfrommessage .interruptmsg .uw-nonurgent,
.md_mychartquestionnaire_askfromcontact .interruptmsg .uw-nonurgent,
.md_mychartquestionnaire_askfromseries .interruptmsg .uw-nonurgent,
.md_questionnaire .interruptmsg .uw-nonurgent,
.md_echeckin_echeckinquestionnaire .interruptmsg .uw-nonurgent{
	color: black;
}

/* Adding icon for nonurgent messages */
.md_mychartquestionnaire_questionnaires .interruptmsg span.uw-nonurgent:before,
.md_mychartquestionnaire_askfrommessage .interruptmsg span.uw-nonurgent:before,
.md_mychartquestionnaire_askfromcontact .interruptmsg span.uw-nonurgent:before,
.md_mychartquestionnaire_askfromseries .interruptmsg span.uw-nonurgent:before,
.md_questionnaire .interruptmsg span.uw-nonurgent:before{
	content: url("../../../en-US/images/information_outline_icon.svg");
	display: block;
	height: 2.5rem;
	margin: 0 auto;
	width: 2.5rem;
}

/* Add default icon back if not nonurgent */
.md_mychartquestionnaire_questionnaires .interruptmsg span:not(.uw-nonurgent):before,
.md_mychartquestionnaire_askfrommessage .interruptmsg span:not(.uw-nonurgent):before,
.md_mychartquestionnaire_askfromcontact .interruptmsg span:not(.uw-nonurgent):before,
.md_mychartquestionnaire_askfromseries .interruptmsg span:not(.uw-nonurgent):before,
.md_questionnaire .interruptmsg span:not(.uw-nonurgent):before{
	content: url("../../../en-US/images/icon_yield.png");
	display: block;
	height: 2.5rem;
	margin: 0 auto;
	width: 2.5rem;
}
/*Appointment Details*/
/*=====================================================*/
/* PRJ0541822 - Call attention to Visit Instructions */
.md_visitdetails_index .beforeYourVisitHeader{
	font-weight:bold;
}

/*Advance Care Planning Page*/
/*=====================================================*/
/* Disables Messaging link in the upper right of the sidebar */
.md_caredecision_index #related-links-container{
	display:none;
}

/*Disables Jumbotron image with strings for videos. */
.md_caredecision_index .jumbotron{
	display:none;
}

/*CARE TEAM WIDGET (My Contacts)*/
/*=====================================================*/
/* Disables provider profile link for Care Team (My Contacts) widget */
/* .careteam .listelement{
	pointer-events:none;
} */
.careteam .listelement .widgetIconLink{
	pointer-events:visible !important;
}
.careteam .titlebar img{
	display:none;
}	

/* ESTIMATES */
/*=====================================================*/
#essDrilldownRange, #rangeExplain {
     display: none !important;
}

/* Estimates */
.isInside div.essEstimateCardFooter .essFinalizedSection .essFinalizedServiceAreaLogo img{
	height: 90%;
	width: 90%;
	max-height: 5rem;
	max-width: 5rem;
}

/* ADVANCE CARE PLANNING */
/*=====================================================*/
#acp .jumbotron {
  background: url("../../images/acp/jumbotron_bg.png") no-repeat;
  background-position: center center;
  background-size: cover;
  position: relative;
  margin-bottom: 0.5rem; 
}

#acp .jumbotron, .jumbotron-actions-container {
  min-height: 15rem; 
}

#acp .jumbotron-text-container {
  width: 33%;
  position: absolute;
  bottom: 1.5rem;
  left: 2rem; 
}

#acp .jumbotron-text {
  color: #ffffff;
  font-style: italic;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: normal;
  position: relative;
  text-shadow: 2px 2px rgba(0, 0, 0, 0.4); 
}

#acp .jumbotron-text-flair {
  width: 90px;
  height: 90px;
  opacity: 0.3;
  position: absolute;
  background-size: contain; 
}

.md_stdfile #helpful-resources-container .helpful-resource-elem .icon {
  width: 2.5rem;
  height: 2.5rem;
  display: inline-block;
  vertical-align: middle;
  margin: 0 -2.5rem 0 0;
  float: left;
  background: url("../../images/quicklinks/info.png");
  background-size: contain; 
}

#acp .top-left-flair {
  background: url("../../images/acp/jumbotron_quote_before.png");
  top: -3rem;
  left: -1.5rem; 
}

#acp .bottom-right-flair {
  background: url("../../images/acp/jumbotron_quote_after.png");
  bottom: -2rem;
  right: -2rem; 
}

#acp .jumbotron-actions-container {
  background: rgba(255, 255, 255, 0.8);
  display: flex;
  height: 100%;
  left: 67%;
  padding: 1rem 0;
  position: relative;
  text-align: center;
  width: 33%; 
}

#acp .jumbotron-actions {
  margin: auto; 
}

#acp .jumbotron-action{
  position: relative;
  margin: 0 auto !important;
  width: 80%; 
}

#acp .jumbotron-action:not(:last-child) {
   margin-bottom: 1rem !important;
}

#acp .jumbotron-action:not(:last-child)::after {
   background-color: rgba(118, 118, 118, 0.25);
   bottom: -0.5rem;
   content: "";
   height: 1px;
   left: 0;
   position: absolute;
   width: 100%; 
}

.md_stdfile #helpful-resources-container .helpful-resource-elem span {
   margin-left: 3.2rem;
   display: inline-block;
   width: calc(100% - 48px - 0.5rem);
   vertical-align: middle;
   color: #363636;
}

.md_stdfile #helpful-resources-container.quickLinks.vertical a{
	width: 100%;
    display: block;
    text-align: left;
    padding: 0.6rem 0;
    margin: 0;
    min-height: 2.5rem;
	border-style:solid;
	border-color: rgba(118, 118, 118, 0.25);
	border-width: 0 0 1px;
}

.isInside .quickLinks.vertical a:first::before{
	content:'';
	width: 0; 
  height: 0; 
  border-top: 1rem solid transparent;
  border-bottom: 1rem solid transparent;
  border-left: 1rem solid red;
}

/* FINANCIAL ASSISTANCE */
/*=====================================================*/
.logoContainer > .logo{
	max-height: 4rem;
    max-width: 4rem;
}

.serviceAreaContent.name.logos-1{
	width:calc(100% - 4.5rem);
}

.md_financialassistance_index #sidebar-body h2.header, .md_financialassistance_index #sidebar-body .quickLinks{
	display:none;
}

/* Account Payment */
/*=====================================================*/
.md_prevbalpayment_makepayment .payment_activity_header .header_logo, .md_prevbalpayment_makepayment .payment_activity_header .header_logo > img{
    float: right;
	width:74px;
	height:auto;
	max-height:74px;
	max-width:74px;
}

/* Health Summary */
/*=====================================================*/
.md_react_index .Header .headerContent .vitalsGrouper .heightWeightGrouper{
	display: none !important;
}

/* VISIT SUMMARY */
/*=====================================================*/
.md_visitsummary #instructions .fmtConv h1,
.md_visitsummary #instructions .fmtConv h2{
	/* color: #0073b5; */
	color: #222222;
}

.md_visitsummary #instructions .fmtConv h1{
	font-size: 1.25rem;
	font-weight: bold;
}

.md_visitsummary #instructions .fmtConv h2{
	font-size: 1.15rem;
	font-weight: bold;
}

.md_visitsummary #instructions img{
	display: block;
}

.md_visitsummary #instructions .goToWeb{
	padding: 0.5rem;
	margin: 1rem 0;
	background-color: #E1E1E1;
	width: 60%;
}

.md_visitsummary #instructions .goToWeb *{
	background-color: transparent;
}

.md_visitsummary #instructions .goToWeb tr:first-of-type td{
	border-bottom: thin solid #222222;
}

/* Payment Plan & eCheck-In Payment Information*/
/*=====================================================*/
.md_payment_makepayment #CardEntry-BillingInfoDiv, .md_autopay_signup #CardEntry-BillingInfoDiv, .md_echeckin #Address_Manual, .md_visitpayment_enteramounts #Address_Manual{
	display:none;
}

.md_visitdetails_index .echeckin .grid > .row > .col-9 {
    font-size: 1.2rem;
    line-height: 1.5rem;
    font-weight: 400;
}

/* .md_visitdetails_index .echeckin .leftcolumn > div.header {
    font-size: 1.2rem;
    line-height: 1.5rem;
} */

.md_visitdetails_index div.echeckinclinicsteps div,
.md_visitdetails_index div.echeckinclinicsteps ul li {
    font-size: 1.05rem;
}

.md_visitdetails_index .echeckin ul li img{
   width:32px;
}

.md_visitdetails_index div.echeckin #barcode_instructions a {
	display: inline;
}

/* Sharing Hub */
/*=====================================================*/
.md_react_index .ReleaseOfInformation .Banner.warning,
.md_react_index .ReleaseOfInformation h2._heading{
	display:none;
}

/* Epic Video Client */
/*=====================================================*/
.md_visitdetails_index .fdilink.pseudobullet{
	display: none;
}
/* Prelude/Welcome (Suzanne Droste) requested to have 'Do Not Bill Insurance' option removed from eCheck-In. The concern is that they've been struggling with patients who tell them not to bill their insurance and then refuse to pay when they are asked. SLG 4442921 */
/* 1/22/21 AJR - Remove customization that hides "Do not bill insurance". With all the new patients coming into the system for the vaccine, 
Matt Rohrer and Suzanne agreed we needed to now allow this option. The issue with the current setup is if a patient does not have active insurance 
they do not have the option to add one. The option to add one is an outcome of selecting "Use insurance". A new WQ was built to catch the patients 
who choose "Do not bill insurance". New WQ: UWH FINANCIAL COUNSELOR DNB PATIENTS [351495] */
/* .md_echeckin_index  fieldset.selfPay{
	display:none;
}
 */

/*Plan Details*/
/*=====================================================*/
/* Removes Epic default explanation of copay, coinsurance, deductible, and maximum-out-of-pocket. Quartz has their own explanation of this information to display.*/
.md_benefitdetail #sidebar div:not(.content){
	display:none;
}

/* Fix CSS bug that causes plan name if too long to wrap strange. */
.md_benefitdetail .coverage-information span:before {
	content: "\a ";
	white-space: pre;
}
.md_benefitdetail .coverage-information > .header .plan-name{
	float:none;
}

/*Insurance Premium Billing*/
/*=====================================================*/
.md_react_index .PBBanner ._Banner.success ._ActionGroup{
	display:none;
}

.md_react_index .PBBanner:nth-child(2) ._Banner a:nth-child(1){
	display:none;
	pointer-events:none;
}

.md_react_index .PBBanner:nth-child(1) ._Banner.critical a:nth-child(1){
	display:none;
	pointer-events:none;
}

.md_react_index .PBBanner:has(+ * .success) ._Banner.informational a:nth-child(2){
	display:none;
	pointer-events:none;
}

.md_react_index .PBBanner:has(+ * .critical) ._Banner.informational a:nth-child(2){
	display:none;
	pointer-events:none;
}

/*Health Reference Library*/
/*=====================================================*/
/* Adds a more appropriate button for mode="crr" */
.md_crr a.button.previousstep{
	display:none !important;
}
/* STDFILES - GENERAL (Apply to all stdfiles) */
/*=====================================================*/

/* hide print icons in STDFILES using the ".noprint" class */
.md_stdfile .noprint div.assistiveicon{
	display:none;
}

/* Setting heading font-sizes in STDFILES to match headings around the rest of the site */
.md_stdfile h1, .md_showform h1{
	font-size: 1.5rem;
	line-height: 1.5rem;
}

.md_stdfile h2, .md_showform h2{
	font-size: 1.25rem;
	line-height: 1.75rem;
}

/* Adding basic expected margins for common block level elements */ 
.md_stdfile #main div,
.md_stdfile #main p{
	margin: 0.5rem 0;
}

.md_stdfile #main p + p {
    margin: 1rem 0 0.5rem;
}

.md_stdfile #main ul{
	margin-bottom: 0.5rem;
}

.md_stdfile #main nav{
	margin-top: 1rem;
	margin-bottom: 1rem;
}

/* Epic button class is not inline-block by default for some reason.
Display block causes width to be 100%;  */
.md_stdfile #main a.button,
.md_showform #main a.button{
	display: inline-block;
}

/* Tables in STDFILES */
.md_stdfile table{
	border: thin solid #BDBDBD;
	border-collapse: collapse;
}

.md_stdfile th{
	text-align: left;
	padding: 0.5rem;
	border-left: thin solid #BDBDBD;
	border-bottom: thin solid #BDBDBD;
}

.md_stdfile th:first-child{
	border-left: none;
	border-bottom: thin solid #BDBDBD;
}

.md_stdfile .section tr td{
	border-left: thin solid #EAEAEA;
}

.md_stdfile .section tr td:first-child{
	border-left: none;
	border-collapse: collapse;
}
/* Special styles for SwedishAmerican help.html stdfile. */
.md_stdfile #help table{
	width: 300px;
}

.md_stdfile #help th{
	border-left: none;
	border-bottom: thin solid #BDBDBD;
}

.section #help > *:not(.report) tr td{
	border-left: thin solid #BDBDBD;
}

/* A set of special styles for stdfiles to create two column
layouts. The "odd" style will apply to ever first column
and the "even" style will apply to every second column.
All are half the width of the page so only one class is needed. */

.std-col-half{
	width:47.5%;
}

.std-col-half:nth-child(odd){
	float:left;
}

.std-col-half:nth-child(even){
	float:right;
	margin-left: 5%;
}

.mobile p{
	font-size: 1rem;
}

/*STDFILES - SPECIFIC (".md_stdfile #main" narrows selection to stdfile content)*/
/*=====================================================*/
.md_stdfile #main #proxy-info .button,
.md_stdfile #main #proxy-info-adult .button,
.md_stdfile #main #proxy-info-poa .button,
.md_stdfile #main #proxy-request-info .button,
.md_showform #main #uw_OtherAccounts .button{
	/* display: block; */
	/* width: 10em; */
	margin: 1.5em auto 1em;
}
.md_stdfile #main #proxy-info .filtered_info_heading{
	font-weight: bold;
}

.md_stdfile #sendmessage .uw-vert-list{
	margin-top: 1rem;
}

.md_stdfile #msgoptions #patient-relations{
	float: none;
	clear: both;
}

.md_stdfile #mobile a.std-col-half.card{
	text-decoration: none;
}

.md_stdfile #mobile .std-col-half > *{
	display: block;
}

.md_stdfile #mobile .std-col-half img{
	max-width: 16.5rem;
	display: inline-block;
	margin: -1.25rem 1rem 1rem;
}

.md_stdfile #mobile .std-col-half h3{
	margin-left: 1rem;
}

/*Antibody Screening*/
.md_stdfile #covid19-antibody{
	padding: 0 1rem;
}

.md_stdfile #covid19-antibody *{
	display: inline-block;
}

/* VIDEO VISITS */
.md_stdfile #video-visits #scheduled{
	padding: 0 1rem;
}

.md_stdfile #video-visits #scheduled *{
	display: inline-block;
}

.md_stdfile #video-visits #scheduled p{
	font-size: 1.25rem;
}

.md_stdfile #video-visits #scheduled .button{
	margin-left: 1rem;
}

.md_stdfile #video-visits #benefits{
	display: flex;
	flex-wrap: wrap;
}

.md_stdfile #video-visits #benefits li{
	flex:0 0 45%;
	display: flex;
	/* flex-direction: column;
    align-items: center;
    text-align: center; */
}

/* .md_stdfile #video-visits .bulleted{
	padding-left: 2.5rem;
}

.md_stdfile #video-visits .bulleted li{
	padding: 1rem 0;
} */

.md_stdfile #video-visits #vidvst-header{
    background-color: #e3f2f9;
    padding: 1.25rem;
    float: left;
}

.md_stdfile #video-visits #vidvst-header img{
    float:right;
    width: 550px;
}

.md_stdfile #video-visits #vidvst-header h1{
    width:45%;
    width:calc(100% - (550px + 3rem));
    font-size:2rem;
    color: #363636;
    line-height: 2.9rem;
    float: left;
    text-align: center;
    padding: 0 1.5rem 1.5rem;
}

.md_stdfile #video-visits #vidvst-header a{
    display: block;
    width:10rem;
    font-size: 1.25rem;
    float: left;
    color: #fff;
    background-color: #063b6d;
    padding: 1rem;
    text-align: center;
    margin-left: 16%;
    margin-left: calc(25% - 6rem);
    margin-right: 0;
}

@media only screen and (max-width: 2100px) {
	.md_stdfile #video-visits #vidvst-header h1{
		width:45%;
		width:calc(100% - (475px + 3rem));
		font-size: 1.75rem;
		line-height: 2rem;
	}

    .md_stdfile #video-visits #vidvst-header img{
        width: 475px;
	}
}

@media only screen and (max-width: 1815px) {
	.md_stdfile #video-visits #vidvst-header h1{
		width:45%;
		width:calc(100% - (375px + 3rem));
		font-size: 1.5rem;
		line-height: 1.75rem;
	}

    .md_stdfile #video-visits #vidvst-header img{
        width: 375px;
	}
}

/* .md_stdfile #video-visits ol{
	margin-left: 1rem;
}

.md_stdfile #video-visits ol li a img{
	margin-right: 1rem;
}

.md_stdfile #video-visits ol h3{
	color: #363636;
	font-size: 1rem;
	font-weight: bold;
}

.md_stdfile #video-visits ol ul li{
	margin: 1rem auto 1rem;
} */

.md_stdfile #main #video-visits .uw-tip li:before{
	content: "- ";
}

/* Open Scheduling */
/* Adjust height of the widget so less scrolling is required. */
/* Galaxy document about column break and increasing height. https://galaxy.epic.com/?#Browse/page=1!68!50!1901427,100092817&from=Galaxy-Redirect*/
/* #openSchedulingFrame {
	height: 675px !important;
}
html body.embedded .setOfStepsContainer .stepContainer{
	height: 675px !important;
} */

/* Add yellow highlighting to emphasize text in scheduling workflow. */
html body.embedded .setOfStepsContainer .stepContainer .yellow{
	background-color: yellow !important;
}

div.setOfStepsContainer .loginSignupContainer h1{
	display:block !important;
	line-height: 2rem;
}

@media only screen and (max-width: 1300px) {
/* Enables responsive behavior on pre-login site content*/
	.isPrelogin #main{
		padding-bottom: 2rem;
	}
	
	body.isPrelogin #content.hasSidebar #footer {
		background: transparent url("../images/uw/prelogin.jpg") no-repeat fixed center center/cover;
		box-shadow: inset 0px 4px 4px -2px rgba(0, 0, 0, 0.3);
	}

	/*RMS- Adds spacing to keep the descender on the "Y" from overlapping  */
	.isPrelogin .logo{
		margin-bottom: 2rem;
	}

	.isPrelogin.quartz .logo{
		margin-bottom: 1rem;
	}


	.isPrelogin.uwhealth .logo::before {
		margin-left: -19.5rem;
	}

	.isPrelogin.sahs .logo::before {
		margin-left: -38rem;
	}

	.isPrelogin.achc .logo::before {
		margin-left: -20rem;
	}

	.isPrelogin.quartz .logo::before {
		margin-left: -16rem;
	}
	
	#uw_home_container a{
		margin-top: 0.275rem;
	}

	#header.compact #uw_home_container a{
		margin-top: 0.825rem;
	}

}

@media only screen and (max-width: 768px) {
	#header.compact #uw_home_container a{
		margin-top: 0.275rem;
	}
	
	#uw_home_container span{
		display: none;
	}

	#uw_home_container svg{
		margin-right: 0;
	}

}

/* @media only screen and (max-width: 747px) {
	#openSchedulingFrame {
	height: 1100px !important;
	}
	html body.embedded .setOfStepsContainer .stepContainer{
	height: 1100px !important;
	}
} */

@media only screen and (max-width: 699px) {
	.isPrelogin .logo {
		background: rgba(0, 0, 0, 0) url("../../images/uw/loginlogo.png") no-repeat scroll center center;
		margin-top: 4rem;
		margin-left: auto;
		width: 100%;
		margin-bottom: 2rem;
	}

	.isPrelogin.uwhealth .logo {
		margin-top: 4rem;
	}

	.isPrelogin.uwhealth .logo::before{
		top: -3.5rem;
		left: auto;
		margin-left: calc(50% - 140.5px);
	}

	.isPrelogin.sahs .logo {
		margin-top: 5rem;
	}

	.isPrelogin.sahs .logo::before {
		top: -5.5rem;
		left: auto;
		margin-left: calc(50% - 149px);
	}

	.isPrelogin.achc .logo {
		margin-top: 6.5rem;
	}

	.isPrelogin.achc .logo::before {
		top: -5.5rem;
		left: auto;
		margin-left: calc(50% - 140.5px);
	}

	.isPrelogin.quartz .logo {
		margin-top: 4rem;
	}

	.isPrelogin.quartz .logo::before {
		top: -5rem;
		left: auto;
		margin-left: calc(50% - 105px);
	}
}

/*UW CUSTOM*/
/*=====================================================*/

/* No using FONT tags!!!! Add this class to force the color red used in Epic's alerts */
.red{
	color:#d80000;
}

/* Make sure right always means float right. May need rescoping */
.md_stdfile .right,
.customform .right,
#mkaptcustomform .right{
	float: right;
}

/* Remove customer service button on mode="eligibility", mode="claims", mode="coverage" */
/* .md_eligibility #custsvc_eligibility, .md_claims #custsvc_claims, .md_coverage #custsvc_coverage{
	display:none;
} */

/* Indent Clinic Directory links that show in the sidebar */
#sidebar #clinic-directory{
	margin:10px;
}

/* Hides last menu group which contains branding information */
/* #menu > li:last-child{
	display: none;
} */
div.disabled,
div.disabled *,
fieldset.disabled,
fieldset.disabled *{
	opacity: 0.6;
}

/* This selector hides all elements with a brand related class */ 
html .uwh-pt, 
html .sah-pt, 
html .achc-pt,
html .mcc-pt,
html .qtz-mbr,
html .sp-mbr,
html .uwh-pt.block,
html .sah-pt.block, 
html .achc-pt.block,
html .mcc-pt.block,
html .qtz-mbr.block,
html .sp-mbr.block,
html .uwh-pt.inline-block,
html .sah-pt.inline-block, 
html .achc-pt.inline-block,
html .mcc-pt.inline-block,
html .qtz-mbr.inline-block,
html .sp-mbr.inline-block{
	display: none;
}

/* This selector shows all elements with a brand related class if the main HTML tag also contains that class */
html.uwh-pt .uwh-pt, 
html.sah-pt .sah-pt, 
html.achc-pt .achc-pt,
html.achc-pt .mcc-pt,
html.mcc-pt .mcc-pt,
html.qtz-mbr .qtz-mbr,
html.sp-mbr .sp-mbr{
	display: initial;
}

html.uwh-pt .uwh-pt.inline-block, 
html.sah-pt .sah-pt.inline-block, 
html.achc-pt .achc-pt.inline-block,
html.achc-pt .mcc-pt.inline-block, 
html.mcc-pt .mcc-pt.inline-block, 
html.qtz-mbr .qtz-mbr.inline-block,
html.sp-mbr .sp-mbr.inline-block{
	display: inline-block;
}

html.uwh-pt .uwh-pt.block, 
html.sah-pt .sah-pt.block, 
html.achc-pt .achc-pt.block,
html.achc-pt .mcc-pt.block,
html.mcc-pt .mcc-pt.block,
html.qtz-mbr .qtz-mbr.block,
html.sp-mbr .sp-mbr.block{
	display: block;
}

.isInside #footer{
	background-color: transparent;
	box-shadow:0 0.6rem 0.6rem -0.6rem  rgba(0, 0, 0, 0.125) inset;
}

/* Style for our custom js logo footer */

.isInside #footer #logo-footer{
	display: flex;
	justify-content: space-evenly;
	background-color: #ffffff;
}

.isInside #footer #logo-footer li{
	display: inline-block;
	padding: 1rem;
} 

.isInside #logo-footer img{
	min-height: 24px;
	height: auto;
}

/* Adds a drop shadow in the top of the logo-footer */
.isInside #footer:before{
	content: "";
	display: block;
	background-color: #ffffff;
	height: 1rem;
	width: 100%;
	box-shadow:0 0.6rem 0.6rem -0.6rem  rgba(0, 0, 0, 0.125) inset;
}

[data-altstylesheet="High Contrast"] .isInside #wrap #footer {
    background-color: rgba(255, 255, 255, 0.90);
}

/* Hides demographic information for ethnicity, race, and language */
.halfwidth.formsection + :not(.halfwidth).formsection{
	display:none;
}
/*UW SPECIAL CLASSES*/
/*=====================================================*/

.uw-big{
	font-size: 1.25rem;
}

/* supporting text under a heading. 
Mostly we just want it to sit closer to the heading 
and look more related to the heading than surrounding text does.*/
.md_stdfile #main .subtitle{
	color: #246fb5;
	font-style: italic;
	line-height: 1.17em;
    margin-top: 0;
}

/* Hide calendar jump button on Home page until fixed 
* Note: this should be fixed in Epic 2018 per SLG 3543396
*/ 
a.button.calendarNextEventBtn.calendarBtns, 
.multiMonthCalendar li.calendarNextEventBtn:after { 
	visibility: hidden; 
}

/* Special style to add bullets to lists where needed */
ul.bulleted li{
	list-style-type:disc;
}

ul.bulleted-circle li{
	list-style-type:circle;
}

/* Special style to indent lists without bullets */
ul.indent li{
	margin-left: 1.5rem;
}

/* Special styles for creating horizontal lists */
.horiz li{
	display: inline-block;
}

.pipelist li::before{
	content: "\00a0|\00a0";
}

.pipelist li:first-of-type::before{
	content: "";
}

/* CUSTOM QUESTIONNAIRE QUESTION STYLES */
/* Strong Prompt - Makes the question prompt bold*/
.section.questionsContainer .question.uw_strprompt .question-prompt{
	font-size: 1.15rem;
	font-weight: bold;
}

/* Creating a style for use in stdfiles for lists items
that should be large but are not headings. Mimicking Epic's
"Card" style */
.uw-card-list li{
	display: block;
	min-height: 3.4rem;
	margin:0.5em 0;
}

.uw-card-list li a{
	display: block;
	text-decoration: none;
	padding: 0.5rem;
	border: 1px solid #e0e0e0;
	box-shadow: 0px 4px 4px -1px rgba(0, 0, 0, 0.2);

	color: #000;
}
.uw-card-list li a:link,
.uw-card-list li a:visited{
	background-color: #ffffff;
}

.uw-card-list li a:hover,
.uw-card-list li a:active,
.uw-card-list li a:focus{
	/*background-color: #FFE9Eb;*/
	background: linear-gradient(rgba(36, 111, 181, 0.08), rgba(36, 111, 181, 0.08)), #fff; /* @color theme tint */
}

.uw-card-list h2, .uw-card-list h3{
	padding:0;
}

.uw-card-list-half li{
	width: calc((100% - 1em) / 2);
	display: inline-block;
}

.uw-card-list-half li:nth-child(odd){
	margin:0.5em 0.5rem 0.5em 0;
}

.uw-card-list-half li:nth-child(even){
	margin:0.5em 0.5rem 0.5em 0;
}

.uw-vert-list ul, ul.uw-vert-list{
	border: 1px solid #e0e0e0;
	box-shadow: 0px 4px 4px -1px rgba(0, 0, 0, 0.2);
}

.uw-vert-list li{
	min-height: 2.5rem;
}

.uw-vert-list li a{
	display: block;
	font-size: 1rem;
	line-height: 2em;
	color: #000000;
	padding: 0 0 0 1.5rem;
	text-decoration: none;
}

.uw-vert-list li a:link,
.uw-vert-list li a:visited{
	background-color: #ffffff;
}

.uw-vert-list li a:hover,
.uw-vert-list li a:active,
.uw-vert-list li a:focus{
	background-color: #FFE9Eb;
}

.uw-vert-list .content{
	display: inline-block;
	width: calc(100% - 2rem - 1.5rem);
	border-bottom: 0.5px solid #e0e0e0;
	height: 100%;
	padding: 0.7rem 1.5rem;
	margin: 0 0 0 auto;
}

.uw-inline-img{
	display: inline-block;
	margin-right: 1rem;
}

/* UW Classes for Emphasis*/
#wrap .uw-warning,
#wrap .uw-urgent,
#wrap .uw-tip{
	display: inline-block;
	margin: 0 0 0.5rem;
	padding: 0 0 0.5rem;
	min-height: 4rem;
	width: 100%;
	box-shadow: 1px 1px 5px #888;
	background: #ffffff;
}

#wrap .uw-warning > *,
#wrap .uw-urgent > *,
#wrap .uw-tip > *{
	padding: 0 0.5rem;
}

#wrap .uw-warning > ul,
#wrap .uw-urgent > ul,
#wrap .uw-tip > ul{
	padding-left: 1.5rem;
}

#wrap .uw-warning h2,
#wrap .uw-urgent h2,
#wrap .uw-tip h2,
#wrap .uw-warning h3,
#wrap .uw-urgent h3,
#wrap .uw-tip h3,
#wrap .uw-warning h4,
#wrap .uw-urgent h4,
#wrap .uw-tip h4{
	padding: 0.5rem;
	margin-bottom: 0.5rem;
}

#sidebar .uw-warning{
	margin-top: 1rem;
}

/* #wrap .uw-warning{
	
} */

#wrap .uw-warning h3{
	background-color: #FFD700;
	color: #000000;
}

#wrap .uw-urgent{
	text-align: center;
	color: #CC3443;
}

#wrap .uw-urgent:before{
	content: "";
	text-align: center;
	background-image: url(../../images/warning.png);
	background-size: 2.5rem 2.5rem;
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	width: 100%;
	height: 2.5rem;
	margin-top: 0.5rem;
}

/* #wrap .uw-tip{
	
} */

#wrap .uw-tip h3,
#wrap .uw-tip h4{
	/*I can't decide!*/
	/*background-color: #7a9cc7;*/
	background-color: #196393;
	color: #FFFFFF;
}

/* Two column layout for STDFILEs and Custom Forms  */
.col-left, .col-right{
  width:47%;
  margin-left:0;
  margin-right:0;
  padding-left:0;
  padding-right:0;
  display: block;
  margin-bottom: 1em;
}

.col-left{
	float:left;
}

.col-right{
  float: right;
}

.md_stdfile .col-right + *,
.md_stdfile .col-one-third:last-child + *,
.md_stdfile .col-two-thirds:last-child + *{
  float: none;
  clear: both;
}

.md_stdfile .col-one-third, .md_stdfile #wrap .col-one-third.uw-tip{
	display: block;
	float: left;
	width: 30%;
	width: calc(33% - 2rem);
}

.md_stdfile .col-two-thirds{
	display: block;
	float: left;
	width: 60%;
	width: calc(66% - 2rem);
}

.md_stdfile #main .col-one-third,
.md_stdfile #main .col-two-thirds{
	margin: 1rem;
}

.col-one-third:last-child,
.col-two-thirds:last-child{
	float: right;
}

.clearfloat{
	display: block;
	float: none;
	clear: both;
	width: 100%;
}

/* Styles for Proxy Invite - Terms and Conditions of Use */
.md_proxyinvite_index .col-left, .md_proxyinvite_index .col-right{
	margin-bottom: 0em;
}

/* Syles for CSS3 Flexbox - creating our own styles similar to Epic's Goo-Grid.css */
/* .uw-flex is the direct Flexbox parent. Similar to Epic's .row, but we don't always want/need a .grid containter.
*  To use make sure to specify a set width on direct children of .uw-flex
*/
.uw-flex{
	display: flex;
	flex-wrap: wrap;
	font-size: 1rem;
	align-items: start;
}

.uw-flex > *:not(style, script){
	display: inline-block;
	max-width: 100%;
	min-width: 0;
}

.uw-flex .uw-flex{
	display: initial;
	display: flex;
}

.uw-flex > .full-width{
	width: 100%;
}

/* Styles for UW Custom Pop Up dialog */
#uw-popup-screen{
	position: fixed;
	top: 0;
	left: 0;
}

#uw-popup-screen.dialog-closed{
	height: 0px;
	width: 0px;
	background-color: transparent;
	opacity: 0;
	z-index: 0;
}

#uw-popup-screen.dialog-open{
	height: 100%;
	width: 100%;
	background-color: #363636;
	opacity: 0.5;
	background: -moz-linear-gradient(center bottom, #000000 0%, #666666 50%) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(0,0,0)), color-stop(0.5,rgb(102,102,102)));
	z-index: 5000;
}

#uw-popup{
	position: fixed;
}

#uw-popup .buttonbar .button{
	display: inline-block;
	width: auto;
	margin: 1rem 0.5rem 0 0;
}

#uw-popup.dialog-closed{
	min-height: 0;
	height: 0;
	width: 0;
	top: 0;
	left: 0;
	z-index: 0;
	background-color: transparent;
	box-shadow: none;
}

#uw-popup.dialog-open{
	height: auto;
	min-height: 4rem;
	width: calc(40% - 2rem);
	top: 30%;
	left: 30%;
	z-index: 5001;
	background-color: #ffffff;
	padding: 1rem;
	box-shadow: 0 10px 50px 0 rgba(0, 0, 0, 0.8);


}

#scrollHelper{
	position: fixed;
	right: 1rem;
	bottom: 1rem;
	z-index: 50000;
	font-weight: bold;
	font-size: 2.75rem;
	color: #52ee6e;
	-webkit-filter: drop-shadow(0 2px 2px rgba(0,0,0,0.5));
	filter: drop-shadow(0 2px 2px rgba(0,0,0,0.5));
}

svg#scrollHelper{
	width:60px;
	height:60px;
}

#scrollHelper img{
	height:2rem;
}


/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*                  END OF DOCUMENT                    */
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
