/* BEGIN EPIC COMMUNITY MEMBER CUSTOM CSS */
/* Epic recommends any additional CSS be placed below this line. Avoid adding CSS above because it makes it difficult to determine which are your changes and which are Epic's. */

.signup a.newworkflow {
	display: block;
}

/*main button color, login screen - colors.css*/
.isPrelogin .button, .button:focus, .button:hover, ul.MessageList.list.hoverable.collapsible .SingleMessage .ReplyButton a.button {
  background-color: #0074ae;
  color: #ffffff; }

/* return to repvious screen on bottm of pages - color.css */
#main .back .button, .Popup li.previouspage .previouspage.button {
  background-color: rgba(255, 255, 255, 0.6);
  border-color: currentColor;
  color: #0074ae; }    
  
/* check bo fill background color - color.css  */ 
input.prettycheck:checked + label:before, input.buttoncheck:checked + label.buttoncheck:before {
  background-color: #0074ae;
  border-color: #0074ae;}  
  
/* flow sheet action buttons - color.css  */ 
.button.inlineedit, .button.inlineedit:focus, .button.inlineedit:hover {
  background-color: #0074ae; }  

 /* Hide deactive account button in account management*/
button._Command._actionable._command.primary.negative.btnDeactivate._LaboredCommand {
    display: none !important;
}

/* Hide FHIR Logo on Auth Page in Mobile */
.mobile #OAuthAccessForm #IconPane {
	display: none;
}

/* Format callout boxes that draw attention to inmportant text on pages */
p.vumc-callout {
	padding: 1em;
	margin: 1em 0em 1em 0em;
	background-color: white;
	border: gray;
	border-style: solid;
	border-width: .15em;
	font-weight: bold;
}

label[for=pharmacy]{
	float: none; !important
}

span.vumc-tc-svc-heading{
	font-weight: bold;
	text-decoration: underline;
	font-style: italic;
}

/* Fix Password Reset button on login and login light mode screens */
.login .recovery a{
	display: block;
    width: 100%;
}	




/* Postlogin background image and color */

body.isInside {
	background: gray;
	}
body.isInside #content::after {
	background: gray;
	}

/* remove info.png image from side bar on advance care planning page 	*/	
.md_caredecision_index a.helpful-resource-elem  {
display: none; }

.md_caredecision_index a.linksidebar:hover { background: none! important;}

/* String Manager styling overrides */
/* Advance direct page */
.advanceDirUpload ul { display: inline-block; text-align: left;}
.advanceDirUpload ul li {padding: 2px  50px;}
  
/* stying for Experian 3rd party widget - content/SignupArea */
.thirdparty .question {    
color: #5b3c00;    
background-color: #bbd0d2; 
}

.thirdparty .answers {
    background-color: #012a3f;
    width: 50%;
}

.thirdparty .answers > label {    
display: block;    
box-sizing: border-box;    
padding: 6px 0;    
margin-bottom: 15px;    
border-radius: 4px;    
text-align: center;    
background: #e0eaeb;    
box-shadow: 0 2px 4px -2px;      
width: 100%;    
position: static;   
margin: 0 0 6px;    
word-wrap: break-word;
}	
	
.thirdparty .answers > label.selected, .thirdparty .answers > label.selected:hover {    
box-shadow: 0 0 0 1px #0091ea;    
background-color: #0091ea;  } 

.thirdparty .answers input:checked + label.togglebutton[for],

        input.buttoncheck:checked + label.buttoncheck 
        {
        background:linear-gradient(
      rgba(0, 116, 174, 0.2), 
      rgba(0, 116, 174, 0.2)
    ), rgba(255,255,255) !important;
        color:  #012a3f;
        top: 0px;
        border: 1.5px solid currentColor !important;
        font-weight: bold;
        text-decoration:none;
        }

.thirdparty .answers  label.togglebutton[for]:hover
        {
         background:linear-gradient(
      rgba(0, 116, 174, 0.2), 
      rgba(0, 116, 174, 0.2)
    ), rgba(255,255,255) !important;
        }        


/*InstaMed credit card iframe web MyChart*/
body #extPmtPageFrame {
 height: 70rem;
 overflow-y: visible;
}  

/*InstaMed credit card iframe mobile MyChart*/
@media only screen and (max-width: 768px) {
  #iFrameLoadingIndicator, #extPmtPageFrame {
    height: 70rem !important;
    } }

/*InstaMed credit card iframe web guestpay*/
body #guestPay-content #extPmtPageFrame {
 height: 70rem;
 overflow-y: visible;
} 

body #guestPay-content.formbuttons {
 margin-bottom: 5rem;
}

/* Hide mscript build from mobile and adjust formatting */
.mscriptmobile {
display: none;
}
@media screen and (min-width: 769px) {
  .column2  {
    text-align: right !important;
}
  }

@media screen and (max-width: 768px) {
  .column2  {
    text-align: left !important;
}
  }


/*Virtual First formatting for scheduling questions */
.ic2 {width: auto;}.iw {width: calc(100% );max-width: initial;display: flex; flex-direction: row; justify-content: center; align-content: center; flex-wrap: wrap;}.ib {font-family: Source Sans Pro, Calibri, Arial, sans-serif;-webkit-text-size-adjust: 100%; --wp-header-height: 0px; --wp-footer-height: 90px; line-height: 1.25rem; letter-spacing: 0px;  list-style: none; margin: 0;  padding: 0 ; padding: 12px; background-size: 65px; background-position: left; box-sizing: border-box;  vertical-align: top;  padding-right: 25px;  font-size: 1rem;  word-wrap: break-word;margin-left: 0; padding-left: 75px;background-repeat: no-repeat;} .row:after {content: ""; display: table; clear: both;}.c1 {float: left; width: 33.33%; min-width:320px;}.ih {color: #012a3f;font-size: 1.1rem; line-height: 1.25rem;margin: 0;padding: 0;cursor: pointer;} .ih.icon {font-size: 1.5em; padding-right: 10px; text-align: right;vertical-align: middle;} .row.ih {background-color:#e4e8e9; color:#012a3f;padding:10px; height: 35px; text-height: 35px; verticle-align: middle;}

.nl {font-family: Source Sans Pro, Calibri, Arial, sans-serif;-webkit-text-size-adjust: 100%; --wp-header-height: 0px; --wp-footer-height: 90px; line-height: 1.25rem; letter-spacing: 0px;  list-style: none; margin: 0; max-width: 100%;  padding: 0; background-image: url(en-us/images/billing/account_summary/callcustomerservice.svg); padding: 12px; background-size: 65px; background-position: left;  display: inline-block;  box-sizing: border-box;  vertical-align: top;  padding-right: 25px;  font-size: 1rem;  word-wrap: break-word;  margin-left: 0; padding-left: 75px;background-repeat: no-repeat;} .nlb {color: #012a3f;font-size: 1.1rem; line-height: 1.25rem;margin: 0;padding: 0;}.nlh {background-color: rgba(1, 42, 63, 0.1); border-radius: 0.125rem;box-shadow: 0 2px 3px rgb(0 0 0 / 10%);}

/* Make result note section from provider stand out in lab details */  
	div#comments.section .srchbl {font-family: Source Sans Pro, Calibri, Arial, sans-serif;
	-webkit-text-size-adjust: 100%;
	--wp-header-height: 0px;
	--wp-footer-height: 90px;
	line-height: 1.25rem;
	letter-spacing: 0px;
	list-style: none;
	margin: 0;
	padding: 0;
	padding: 12px;
	background-size: 65px;
	background-position: left;
	min-width: 350px;
	box-sizing: border-box;
	vertical-align: top;
	padding-right: 25px;
	font-size: 1rem;
	word-wrap: break-word;
	margin-left: 0;
	background-repeat: no-repeat;
	background-color: white;} 

	div#comments.section {padding-bottom:25px;} 
	.resultheader {background-color:#e4e8e9; 
	color:#012a3f;
	padding:10px; 
	height: 35px;  
	vertical-align: middle; 
	font-size: 1.1rem; 
	line-height: 1.25rem;}

/*set background after login to grey*/
	body.graphicHeader:not(.isPrelogin):after {
		background: none;
	}

	body.graphicHeader:not(.isPrelogin):before {
		background-color: gray;
	}


/* Hide "Do not bill insurance" buttons */
	div#selfPayOptions {display: none !important;}


/* Hiding the warning icon on the scheduling pages.*/
	.schedulingstopped .warningMessageIcon {display: none;}
	html:not(.mobile) .schedulingstopped .schedulingstoppedcontent {padding-left: 0.5rem;} 



/*<-- START: PRELOGIN TILES */
.features .icon-advice {
background-image: url("../images/credit_card.svg");
    background-size: 65px;
    background-position: left;
}
.features .icon-testResults {
  	background-image: url("../images/SelfTriage/video.svg");
    background-size: 65px;
    background-position: left;
}
.features .icon-medications {
 	background-image: url("../images/questionmark_themed.svg");
    background-size: 65px;
    background-position: left;
}
.features .icon-calendar {
  background-image: url("../images/billing/account_summary/callcustomerservice.svg");
    background-size: 65px;
    background-position: left;
}

/*END: PRELOGIN TILES-->*/

/* CSS for iOS devices */
	@supports (-webkit-touch-callout: none) {
  
	.isIOSDevice  {
    height: 100%;
   /* display: block; */
    justify-content: center;}
	.isAndroidDevice  {
	display:none;}
	
	}
	
	
	
	
/* CSS for other than iOS devices */ 
	@supports not (-webkit-touch-callout: none) {
    .isIOSDevice  {
	display: none;}
	
	.isAndroidDevice  {
     height: 100%;
   /* -- display: block; */
   justify-content: center;}}
	
/* CSS only showing data on web and not mobile */ 
	@media screen and (max-width: 834px) {
	.mobileonly {display: block !important;}
	.webonly {display: none !important;}
	
	}	
	
/* CSS only showing data on web and not mobile */ 
	@media screen and (min-width: 835px) {
	.webonly {display: block !important;}
	.mobileonly {display: none !important;}
	.isIOSDevice {display: none !important;}
	.isAndroidDevice {display: none !important;}
	
	}	
	
	
	
	 
/*Hide insurance card title */
	div#essAfterInsurance .essCardTitle {
	display: none;}

/*classes for formatting ad hoc */
	.mhav {
	background-color: white;
	border-radius: 0.125rem;
	padding: 15px;
	text-transform: none;
	box-shadow: 0 2px 3px rgb(0 0 0 / 10%);}
	.mhav2 {    
	color: #012a3f;
	font-size: 1.1rem;
	line-height: 1.25rem;
	margin: 0;
	padding: 0;
	margin-left: 0rem !important; 
	line-height: 1.25rem;}   

	.mhav1 { 
	-webkit-text-size-adjust: 100%;
	--wp-header-height: 0px;
	--wp-footer-height: 90px;
	line-height: 1.25rem;
	letter-spacing: 0px;
	list-style: none;
	margin: 0;
	max-width: 100%;
	padding: 0;
	background-image: url(en-us/images/billing/account_summary/callcustomerservice.svg);
	padding: 12px;
	background-size: 65px;
	background-position: left;
	display: inline-block;
	box-sizing: border-box;
	vertical-align: top;
	padding-right: 25px;
	font-size: 1rem;
	word-wrap: break-word;
	margin-left: 0;
	padding-left: 75px;
	background-repeat: no-repeat;}

	

/* START ALL ONLINE (DIRECT AND OPEN) SCHEDULING CSS */


	/* --> START:  open scheduling branding the standalone open scheduling pages to VUMC style instead of MHAV */
		/*.md_openscheduling_standalone .header_color {
		background: linear-gradient(180deg,#0074ae,#012a3f);
		background-image: linear-gradient(rgb(14, 89, 129), rgb(25, 22, 84));
		background-color: initial;
		position: absolute;
		width: 100%;
		height: 3.9rem;
		margin-top: 0;}*/
		
		body.graphicHeader.md_openscheduling_standalone:after {
		background: repeating-linear-gradient(-67deg,rgba(227,225,213,.6),rgba(232,228,220,.6) 10%,rgba(237,233,229,.6) 20%),repeating-linear-gradient(67deg,rgba(227,225,213,.6),rgba(232,228,220,.6) 5%,rgba(237,233,229,.6) 10%);
		background-color: white;}

		body.md_openscheduling_standalone {font-family: Merriweather,Arial,sans-serif; color: black !important;}
		
		body.md_openscheduling_standalone .helptext {font-family: Merriweather,Arial,sans-serif; color: black !important;}
		
		body.graphicHeader.md_openscheduling_standalone .schedinfo {
		background-color: rgba(0,116,174, 0.1) !important;}

		body.graphicHeader.md_openscheduling_standalone .confirmation .stickybanner.floatingButtonContainer.static .button {
		width: 100%;}

		body.graphicHeader.md_openscheduling_standalone .confirmationstep .schedulebutton-separator  {
		width: 100%;}
		
		body.graphicHeader.md_openscheduling_standalone .formbuttons.multiStep .button:not(.hidden):not([disabled]):not(.disabled):first-child.positive {
		background-color: #0074ae;}	

		/*body.graphicHeader.md_openscheduling_standalone #graphicHeader:not(:empty) #header_logo .header_logo_link {
		background-image: url(../images/logo2.svg);
		background-position-x: left;
		background-position-y: center;
		background-size: contain;
		background-repeat-x: no-repeat;
		background-repeat-y: no-repeat;
		background-attachment: scroll;
		background-origin: initial;
		background-clip: initial;
		background-color: transparent;
		display: block;
		height: 100%;
		width: 100%;} */

		body.graphicHeader.md_openscheduling_standalone .formbuttons.multiStep .button.nextstep {
		background-color: #0074ae;}	

		body.graphicHeader.md_openscheduling_standalone .button.completeworkflow {
		background-color: #0074ae;}	
		
		/*body.graphicHeader.md_openscheduling_standalone .button.subtle {
		color: #012a3f;}*/

		body.graphicHeader.md_openscheduling_standalone .button.subtle:hover, .button.subtle:active {
		background-color: rgba(0,116,174, 0.1) !important;
		color:  #012a3f;}

		body.graphicHeader.md_openscheduling_standalone .button.secondary.neutral {
		color: #012a3f;}

		body.graphicHeader.md_openscheduling_standalone .button.secondary.neutral:hover, .button.secondary.neutral:active {
		background-color: rgba(0,116,174, 0.1) !important;
		color:  #012a3f;}

		body.graphicHeader.md_openscheduling_standalone .card .cardline.partial.photo {border-radius: 0px;}

		body.graphicHeader.md_openscheduling_standalone .togglebutton { 
		background-color: #ffffff;
		border: 1px solid currentColor;
		box-shadow: none;
		padding-top: calc(0.375rem - 1px);
		padding-bottom: calc(0.375rem - 1px);
		text-decoration:none;
		color: #012a3f;}

		body.graphicHeader.md_openscheduling_standalone .togglebutton:hover, .togglebutton:active {  
		background-color: rgba(0,116,174, 0.1) !important;
		color:  #012a3f;
		text-decoration:none;}

		body.graphicHeader.md_openscheduling_standalone input:checked + label.togglebutton[for],
		input.buttoncheck:checked + label.buttoncheck {
		background-color: rgba(0,116,174, 0.1) !important;
		color:  #012a3f;
		top: 0px;
		border: 1.5px solid currentColor;
		font-weight: bold;
		text-decoration:none;}

body.graphicHeader.md_openscheduling_standalone .locationheader h5{ 
		font-weight: bold;}
body.graphicHeader.md_openscheduling_standalone .departmentAddress.subtle { 
		font-size: 1rem;
		color: black;}
body.graphicHeader.md_openscheduling_standalone div#scheduling-workflow .subtlecolor { 
		font-size: 1rem;
		font-weight: bold;
		color: black;}

		body.graphicHeader.md_openscheduling_standalone div#scheduling-workflow .edit-link {
		background-color: #ffffff;
		border: 1px solid currentColor;
		height: fit-content;
		box-shadow: none;
		padding: calc(0.375rem - 2px) calc(0.375rem - 2px) calc(0.375rem - 2px) calc(0.375rem - 2px);
		margin: 1px 0 1px 0;
		text-decoration:none;
		color: #012a3f;}

		body.graphicHeader.md_openscheduling_standalone div#scheduling-workflow .edit-link:hover {
		background-color: rgba(0,116,174, 0.1) !important;
		color:  #012a3f;
		text-decoration: none;}
		
		

body.graphicHeader.md_openscheduling_standalone .dayheader{ 
		    padding: 5px !important;
    font-weight: 200 !important;
    color:  white !important;
    background: #012a3f !important;
	text-align: center !important;
	margin-bottom: 5px !important;}

body.graphicHeader.md_openscheduling_standalone .day { 
		    padding: 1rem 0 1rem 0 !important;
}
body.graphicHeader.md_openscheduling_standalone .slotsdata.card .day{ 
    border: 1px solid #dbdbdb !important;}
	
	body.graphicHeader.md_openscheduling_standalone .slotsstep .slotsData.card .providersection{ 
    padding: .25rem !important;}

	/*<-- END:  open scheduling branding the standalone open scheduling pages to VUMC style instead of MHAV */



	/* --> START:  open scheduling branding the standalone guest sign up pages to VUMC style instead of MHAV */
		body.md_standalone_signup {font-family: Merriweather,Arial,sans-serif; color: black !important;}
		body.md_standalone_signup .helptext {font-family: Merriweather,Arial,sans-serif; color: black !important;}
		body.graphicHeader.md_standalone_signup .formbuttons.multiStep .button:not(.hidden):not([disabled]):not(.disabled):first-child.positive {
		background-color: #0074ae;}	

	/*	body.graphicHeader.md_standalone_signup #graphicHeader:not(:empty) #header_logo .header_logo_link { 
		background-image: url(../images/logo2.svg);
		background-position-x: left;
		background-position-y: center;
		background-size: contain;
		background-repeat-x: no-repeat;
		background-repeat-y: no-repeat;
		background-attachment: scroll;
		background-origin: initial;
		background-clip: initial;
		background-color: transparent;
		display: block;
		height: 100%;
		width: 100%;} */
		
		body.graphicHeader.md_standalone_signup div#Signup_subway {display: none;}

		body.graphicHeader.md_standalone_signup p.pretext{
		margin-block-start: 0.83em;
		margin-block-end: 0.83em;
		margin-inline-start: 0px;
		margin-inline-end: 0px;}

		body.graphicHeader.md_standalone_signup .card .cardline.partial.photo{border-radius: 0px;}

		.md_standalone_signup .header_color { 
		background: linear-gradient(180deg,#0074ae,#012a3f);
		background-image: linear-gradient(rgb(14, 89, 129), rgb(25, 22, 84));
		background-color: initial;
		position: absolute;
		width: 100%;
		height: 3.9rem;
		margin-top: 0;}
		
		body.graphicHeader.md_standalone_signup:after {    
		background: repeating-linear-gradient(-67deg,rgba(227,225,213,.6),rgba(232,228,220,.6) 10%,rgba(237,233,229,.6) 20%),repeating-linear-gradient(67deg,rgba(227,225,213,.6),rgba(232,228,220,.6) 5%,rgba(237,233,229,.6) 10%);
		background-color: white;}
		body.graphicHeader.md_standalone_signup .togglebutton { 
		background-color: #ffffff;
		border: 1px solid currentColor;
		box-shadow: none;
		padding-top: calc(0.375rem - 1px);
		padding-bottom: calc(0.375rem - 1px);
		text-decoration:none;
		color: #012a3f;}

		body.graphicHeader.md_standalone_signup .togglebutton:hover, .togglebutton:active { 
		background-color: rgba(0,116,174, 0.1) !important;
		color:  #012a3f;
		text-decoration:none;}

		body.graphicHeader.md_standalone_signup input:checked + label.togglebutton[for], input.buttoncheck:checked + label.buttoncheck {
		background-color: rgba(0,116,174, 0.1) !important;
		color:  #012a3f;
		top: 0px;
		border: 1.5px solid currentColor;
		font-weight: bold;
		text-decoration:none;}
		
		body.graphicHeader.md_standalone_signup .formbuttons.multiStep .button:not(.hidden):not([disabled]):not(.disabled):first-child.positive {
		background-color: #0074ae;}	
		
		body.graphicHeader.md_standalone_signup .formbuttons.multiStep .button.nextstep {
		background-color: #0074ae;}	

		body.graphicHeader.md_standalone_signup .button.completeworkflow {
		background-color: #0074ae;}	

		body.graphicHeader.md_standalone_signup  .button[disabled]:not(.omitdisablestyling)[class], .button.disabled[class] {
		cursor: default;
		background-color: #dbdbdb !important;}

		body.graphicHeader.md_standalone_signup   .button.tertiary.neutral {
		background-color: transparent;
		box-shadow: none;
		color: #378f39;
		border: 1px solid;}

		body.graphicHeader.md_standalone_signup .button.subtle {
		color: #012a3f;}

		body.graphicHeader.md_standalone_signup .button.subtle:hover, .button.subtle:active {
		background-color: rgba(0,116,174, 0.1) !important;
		color:  #012a3f;}


		body.graphicHeader.md_standalone_signup .button.secondary.neutral {
		color: #012a3f;}

		body.graphicHeader.md_standalone_signup .button.secondary.neutral:hover, .button.secondary.neutral:active {
		background-color: rgba(0,116,174, 0.1) !important;
		color:  #012a3f;}
		
	/*<-- END:  open scheduling branding the standalone open scheduling pages to VUMC style instead of MHAV */
		
		
	/*--> START:  open scheduling branding the scheduling confirmation page to VUMC style instead of MHAV */
		body.md_visitdetails_index.workflowRestricted {font-family: Merriweather,Arial,sans-serif; color: black !important;}
		body.md_visitdetails_index.workflowRestricted .helptext {font-family: Merriweather,Arial,sans-serif; color: black !important;}
		
	/*	body.md_visitdetails_index.workflowRestricted #graphicHeader:not(:empty) #header_logo .header_logo_link {  
		background-image: url(../images/logo2.svg);
		background-position-x: left;
		background-position-y: center;
		background-size: contain;
		background-repeat-x: no-repeat;
		background-repeat-y: no-repeat;
		background-attachment: scroll;
		background-origin: initial;
		background-clip: initial;
		background-color: transparent;
		display: block;
		height: 100%;
		width: 100%;}
		*/
		.md_visitdetails_index.workflowRestricted .header_color {  background: linear-gradient(180deg,#0074ae,#012a3f);
		background-image: linear-gradient(rgb(14, 89, 129), rgb(25, 22, 84));
		background-color: initial;
		position: absolute;
		width: 100%;
		height: 3.9rem;
		margin-top: 0;}
		
		body.graphicHeader.md_visitdetails_index.workflowRestricted:after {    
		background: repeating-linear-gradient(-67deg,rgba(227,225,213,.6),rgba(232,228,220,.6) 10%,rgba(237,233,229,.6) 20%),repeating-linear-gradient(67deg,rgba(227,225,213,.6),rgba(232,228,220,.6) 5%,rgba(237,233,229,.6) 10%);
		background-color: white;}
			
		body.graphicHeader.md_visitdetails_index.workflowRestricted .formbuttons.multiStep .button:not(.hidden):not([disabled]):not(.disabled):first-child.positive {
		background-color: #0074ae;}
		
		body.graphicHeader.md_standalone_signup .formbuttons.multiStep .button.nextstep {
		background-color: #0074ae;}	

		body.graphicHeader.md_visitdetails_index.workflowRestricted .button.completeworkflow {
		background-color: #0074ae;}	

		body.graphicHeader.md_visitdetails_index.workflowRestricted  .button[disabled]:not(.omitdisablestyling)[class], .button.disabled[class] {
		cursor: default;
		background-color: #dbdbdb;}

		body.graphicHeader.md_visitdetails_index.workflowRestricted   .button.tertiary.neutral {
		background-color: transparent;
		box-shadow: none;
		color: #378f39;
		border: 1px solid;}

		body.graphicHeader.md_visitdetails_index.workflowRestricted .button.subtle {
		color: #012a3f;}

		body.graphicHeader.md_visitdetails_index.workflowRestricted .button.subtle:hover, .button.subtle:active {
		background-color: rgba(0,116,174, 0.1) !important;
		color:  #012a3f;}


		body.graphicHeader.md_visitdetails_index.workflowRestricted .button.secondary.neutral {
		color: #012a3f;}

		body.graphicHeader.md_visitdetails_index.workflowRestricted .button.secondary.neutral:hover, .button.secondary.neutral:active {
		background-color: rgba(0,116,174, 0.1) !important;
		color:  #012a3f;}
		
		body.graphicHeader.md_visitdetails_index.workflowRestricted div#Signup_subway {display: none;}

		body.graphicHeader.md_visitdetails_index.workflowRestricted p.pretext{
		margin-block-start: 0.83em;
		margin-block-end: 0.83em;
		margin-inline-start: 0px;
		margin-inline-end: 0px;}

		body.graphicHeader.md_visitdetails_index.workflowRestricted .card .cardline.partial.photo{border-radius: 0px;}

		body.graphicHeader.md_visitdetails_index.workflowRestricted .togglebutton { 
		background-color: #ffffff;
		border: 1px solid currentColor;
		box-shadow: none;
		padding-top: calc(0.375rem - 1px);
		padding-bottom: calc(0.375rem - 1px);
		text-decoration:none;
		color: #012a3f;}

		body.graphicHeader.md_visitdetails_index.workflowRestricted .togglebutton:hover, .togglebutton:active {  
		background-color: rgba(0,116,174, 0.1) !important;
		color:  #012a3f;
		text-decoration:none;}

		body.graphicHeader.md_visitdetails_index.workflowRestricted input:checked + label.togglebutton[for], input.buttoncheck:checked + label.buttoncheck {
		background-color: rgba(0,116,174, 0.1) !important;
		color:  #012a3f;
		top: 0px;
		border: 1.5px solid currentColor;
		font-weight: bold;
		text-decoration:none;}
	
	/*<-- END  open scheduling branding the scheduling confirmation page to VUMC style instead of MHAV */
		
		
	/* --> START open scheduling branding the Appointment Request page to VUMC style instead of MHAV */	
		form#ApptRequestOSPublic {font-family: Merriweather,Arial,sans-serif; color: black !important;}
		
		form#ApptRequestOSPublic .p {font-family: Merriweather,Arial,sans-serif; color: black !important;}
		
		form#ApptRequestOSPublic label, .section.content.label {font-family: Merriweather,Arial,sans-serif; color: black;}
		
		form#ApptRequestOSPublic .helptext {font-family: Merriweather,Arial,sans-serif; color: black !important;}
		
		form#ApptRequestOSPublic .formbuttons.multiStep .button:not(.hidden):not([disabled]):not(.disabled):first-child.positive {background-color: #0074ae;}	
		
		form#ApptRequestOSPublic .formbuttons.multiStep .button.nextstep {background-color: #0074ae;}	

		form#ApptRequestOSPublic .button.completeworkflow {background-color: #0074ae;}	

		form#ApptRequestOSPublic .button[disabled]:not(.omitdisablestyling)[class], .button.disabled[class] {
		cursor: default;
		background-color: #dbdbdb;}

		form#ApptRequestOSPublic   .button.tertiary.neutral {
		background-color: transparent;
		box-shadow: none;
		color: #378f39;
		border: 1px solid;}

		form#ApptRequestOSPublic .button.subtle {
		color: #012a3f;}

		form#ApptRequestOSPublic .button.subtle:hover, .button.subtle:active {
		background-color: rgba(0,116,174, 0.1) !important;
		color:  #012a3f;}


		form#ApptRequestOSPublic .button.secondary.neutral {
		color: #012a3f;}

		form#ApptRequestOSPublic .button.secondary.neutral:hover, .button.secondary.neutral:active {
		background-color: rgba(0,116,174, 0.1) !important;
		color:  #012a3f;}


		form#ApptRequestOSPublic .card .cardline.partial.photo{border-radius: 0px;}

		form#ApptRequestOSPublic .togglebutton { background-color: #ffffff;
		border: 1px solid currentColor;
		box-shadow: none;
		padding-top: calc(0.375rem - 1px);
		padding-bottom: calc(0.375rem - 1px);
		text-decoration:none;
		color: #012a3f;}

		form#ApptRequestOSPublic .togglebutton:hover, .togglebutton:active {
		background-color: rgba(0,116,174, 0.1) !important;
		color:  #012a3f;
		text-decoration:none;}

		form#ApptRequestOSPublic input:checked + label.togglebutton[for], input.buttoncheck:checked + label.buttoncheck {
		background-color: rgba(0,116,174, 0.1) !important;
		color:  #012a3f;
		top: 0px;
		border: 1.5px solid currentColor;
		font-weight: bold;
		text-decoration:none;}

		body.md_showform .questiongroup > .row > [class*=col-] > legend, body.md_saveform .questiongroup > .row > [class*=col-] > legend {
		color: #012a3f; 
		padding-bottom: 10px;}
	
			legend:first-child ~ legend {
		background-color: gray; }
	
	.cc_button {
   background: linear-gradient(135deg,#fff,#dbe8ef 100%);
   box-shadow: 0 0.125rem 0.125rem rgb(0 0 0 / 16%);
   border: 0;
   padding: 10px;
   margin: 15px;
   text-decoration: none;
   height: fit-content;
}

.cc_button:hover {background: linear-gradient(135deg,#012a3f,#012a3f 40%,#0074ae) !important;
    color: #fff;
}

.cc_button_info {
	        display: flex;
        flex-direction: row;
        align-content: center;
        justify-content: center;
align-items: center;}
.cc_button_info:hover {
  filter: brightness(100);}
.cc_button_icon {
    display: flex;
    padding-right: 5px;
    width: 35px;
    align-content: center;
    flex-direction: row;
    align-items: center;}


	.ar_card {
	display: flex;
    justify-content: center;}

	.ar_info {
	background-color: white;
	border-radius: 0.125rem;
	padding: 15px;
	box-shadow: 0 2px 3px rgb(0 0 0 / 10%);
	max-width: fit-content; 
	border: 1px solid rgb(219, 219, 219); 
	margin-top: 15px;
	align-items: center;
    align-content: center;
	text-align: center;}
	
	.ar_title {	
	color: #012a3f;
	font-size: 1.1rem;
	line-height: 1.25rem;
	margin: 0;
	align-content: center;
	padding: 0;
	margin-left: 0rem !important; 
	line-height: 1.25rem;}   
	
	.ar_body {    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: center;}
	.ar_body_col {    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
	width: 600px;
    align-items: center;
    justify-content: center;}
	.ar_specialties {
	width: fit-content;}
	
	.ar_mhav {
	width: fit-content;
	padding-top: 5px;}
	
	.option {
	display: flex;
	align-content: center;
    flex-direction: column;
    align-items: center;
	width: 48%;}

	
	
	
	/*<-- END  open scheduling branding the Appointment Request page to VUMC style instead of MHAV */	

	/* --> START  open scheduling reformat the deny scheduling node */
		body.graphicHeader.md_openscheduling_standalone .withButtonColumn.withButtonColumn { 
		display: block;
		width: 100%;}
			
		body.graphicHeader.md_openscheduling_standalone .withButtonColumn .contentColumn:not([class*=col-]), .withButtonColumn.card .contentColumn:not([class*=col-]), .withButtonColumn.row .contentColumn:not([class*=col-])   { 
		width: 100%;
		margin-bottom: 20px;}
		
		body.graphicHeader.md_openscheduling_standalone .schedulingstoppedtitle { 
		width: 100%;
		color: white;
		background-color: #012a3f;
		margin-bottom: 20px;
		text-align: center;}

		div#scheduling-workflow .withButtonColumn.withButtonColumn { 
		display: block;
		width: 100%;}
		
		div#scheduling-workflow .withButtonColumn .contentColumn:not([class*=col-]), .withButtonColumn.card .contentColumn:not([class*=col-]), .withButtonColumn.row .contentColumn:not([class*=col-])   { 
		width: 100%;
		margin-bottom: 20px;}
		
		div#scheduling-workflow .schedulingstoppedtitle { 
		width: 100%;
		color: white;
		margin-bottom: 20px;
		background-color: #012a3f;
		text-align: center;}
		
		
		div#scheduling-workflow .schedulingstoppedtitle .header .warningMessage { 
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-end;
		align-content: flex;}
		
		div#scheduling-workflow .fmtConv  { 
		line-height: normal; 
		padding-top: 0.75rem;
		font-family: Arial;}
		
		
		div#scheduling-workflow .schedulingstoppedcontent.contentColumn 
		{display: flex;
	
		flex-wrap: wrap;
		justify-content: space-between;}
		
	/*<-- END  open scheduling reformat the deny scheduling node */	
		/*Show Direct Scheduling title instead of status bar on mobile and direct scheduling */ 
		@media screen and (max-width: 835px) 
		{.webonly {display: none !important;}
		.dsonly {display: block !important;}}
		
	

	/*Online scheduling info graphic with icon*/	
		.standardBanner.InfoType {
		background-color: rgba(0, 116, 174, 0.1);
		background-image: url(../images/info_themed.svg);
		background-position-x: 12px;
		background-position-y: center;
		display: block;
		max-width: fit-content;}

	/*Online scheduling info graphic without icon*/
		.standardBanner.InfoType.NoIcon{
		background-image: none;
		padding: .75rem;
		max-width: fit-content;}
		
	/*Online scheduling info graphic with icon*/	
		.standardBanner.UrgentType {
		background-color: #d94f5729;
		background-image: url(../images/circle_error_icon.svg);
		background-position-x: 12px;
		background-position-y: center;
		display: block;
		max-width: fit-content;}

	/*Online scheduling info graphic without icon*/
		.standardBanner.UrgentType.NoIcon{
		background-image: none;
		padding: .75rem;
		max-width: fit-content;}		
	
	/*Online scheduling info graphic with icon*/	
		.standardBanner.ImportantType {
		background-color: #ffffd0;
		background-image: url(../images/warning_icon_w_outline.svg);
		background-position-x: 12px;
		background-position-y: center;
		display: block;
		max-width: fit-content;}

	/*Online scheduling info graphic without icon*/
		.standardBanner.ImportantType.NoIcon{
		background-image: none;
		padding: .75rem;
		max-width: fit-content;}
	
	/*Online scheduling info graphic without icon*/
	
		.standardBanner.HelptextBox{
		padding-left: 32px;
		color: #363636;
		font-size: 0.75rem;
		line-height: .9rem;
		position: relative;
		max-width: fit-content;}		
	
		/*Online scheduling info graphic with icon*/	
		@import url("//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css");
		
		.standardBanner.HelptextBox:before {
		position: absolute;
		font-family: 'FontAwesome';
		vertical-align: middle;
		left: 10px;
		content: "\f05a";}
		
		.standardBanner.InfoType.Inline 
		
		{
			    font-size: 0.9rem;
    line-height: 1.1rem;
    border-radius: 0.25rem;
    border-style: solid;
    display: inline-block;
    padding: 0.2rem 0.4rem 0.2rem 32px;
    box-shadow: none;
    width: auto;
    margin: 0.2rem 0.2rem 0.2rem 0;
    border-width: thin;
    vertical-align: top;
    background-color: #e2f1fe;
    border-color: #0085f2;
	background-size: 20px;
	background-image: url(../images/informational_banner_icon.svg);
    background-position-x: 6px;
    background-position-y: center;
}
		
		
		
		
		
				.standardBanner.ImportantType.Inline {
			    font-size: 0.9rem;
    line-height: 1.1rem;
    border-radius: 0.25rem;
    border-style: solid;
    display: inline-block;
    padding: 0.2rem 0.4rem 0.2rem 32px;
    box-shadow: none;
    width: auto;
    margin: 0.2rem 0.2rem 0.2rem 0;
    border-width: thin;
    vertical-align: top;
    background-color: #fceda2;
    border-color: #af9308;
	background-size: 20px;
	background-image: url(../images/warning_icon_w_outline.svg);
    background-position-x: 6px;
    background-position-y: center;
}


	/*
	/*Open scheduling info graphic with icon with VUMC Branding 
		body.graphicHeader.md_openscheduling_standalone .standardBanner.InfoType {
		background-color: rgba(0,116,174, 0.1) !important;}*/
	
	/*Open scheduling info graphic without icon with VUMC Branding
		body.graphicHeader.md_openscheduling_standalone .standardBanner.InfoType.NoIcon{
		background-image: none;
		padding: .75rem;
		max-width: fit-content;}*/

	/*Show OS div class for appointment confirmation page */
		body.md_visitdetails_index.workflowRestricted .osonly{
		display: flex !important;
		justify-content: center !important;
		align-content: center !important;
		align-items: center !important;}
		
	/*Show OS div class for open scheduling page	*/
		.md_openscheduling_standalone .osonly{
		display: flex !important;
		justify-content: center !important;
		align-content: center !important;
		align-items: center !important;
		flex-direction: column !important;
		}
		
		/*Show OS div class for open scheduling page	*/
		.md_openscheduling_standalone a.osonly{
		display: flex  !important;
		justify-content: center !important;
		align-content: center !important;
		align-items: center !important;
		flex-direction: column !important;
		}
	/*Show OS div class for open scheduling guest signup page*/
		.md_standalone_signup .osonly{
		display: flex !important; 
		justify-content: center;
		align-content: center;
		align-items: center;}
		
	
	
	/*Hide OS div class for all other pages*/
		.osonly {display:none !important;}
		
	/*Hide OS div class for all other pages*/
		a.osonly {display:none !important;}

	/*Show DS div class for direct scheduling page*/
		.md_scheduling_index  .dsonly{display: block !important;}}
	/*Show DS div class for direct scheduling page*/
		.md_scheduling_index  a.dsonly{display: block !important;}
	/*Hide DS div class for all other pages*/
		.dsonly {display:none !important;}}
	/*Hide DS div class for all other pages*/
		a.dsonly {display:none !important;}	

		/* <-- END: Open scheduling status bar of progress*/
	/* --> START: Open scheduling status bar of progress*/
		.ossteps {    display: flex;
		background: rgba(0,116,174, 0.1) !important;
		flex-direction: row;
		justify-content: center;
		align-content: center;
		align-items: center;
		min-width: fit-content;
		max-width: 1050px;}
		
		.osimage {
		filter: invert(16%) sepia(61%) saturate(684%) hue-rotate(122deg) brightness(72%) contrast(90%);
		padding: 0rem .5rem 0rem .5rem;}

		.osactive {
		display: flex;
		height: 65px;
		text-align: center;
		background: #012a3f;
		color: white;
		justify-content: center;
		align-content: center;
		align-items: center;}
		
		.osinactive { 
		text-align: center;
		color: #012a3f;}
	

	
/* END ALL ONLINE (DIRECT AND OPEN) SCHEDULING CSS */


/*START visit detail additional links*/	

.section.visitdetails .additional-actions {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    align-content: center;
	}

.section.visitdetails .additional-actions ul{
    display: flex;
}
.section.visitdetails .additional-actions .pseudobullet{
    margin: .5rem;
}


.section.visitdetails .additional-actions .pseudobullet.fdilink:before {
	display: none;
}

.section.visitdetails .visitactions:not(:first-child) {
    margin-top: 0.5rem;
}
/*END visit detail additional links*/

/*START hide ask questions from top of end of life care sidebar*/
body.md_caredecision_index div#related-links-container.quickLinks.vertical.list.hoverable {display:none;}
/*END hide ask questions from top of end of life care sidebar*/


/*START keep tab names in billing */
.condensed .navchild.fullwidth .ba_detail_tab:not(.selected) a .tabname {
  display: block;
  width: auto;
}

.condensed .navchild.fullwidth .ba_detail_tab:not(.selected) a {
    display: flex;
    padding: 0.75rem 0.5rem;
    justify-content: center;
}

/*END keep tab names in billing */


.inviteguests {
	display: flex;
    align-items: center;
    width: fit-content;
	text-align: center;
    border-radius: 4px;
    background-color: #012a3f;
	 border: 1px solid #012a3f;
    color: white;
    padding: 0.35rem;
    cursor: pointer;
	margin: 5px 0px;
}

.inviteguests:hover {

    background-color: white;

    color: #012a3f;

}

.inviteguests a {
	color: white;
	text-decoration: none;
cursor: pointer;}
.inviteguests:hover a {
	color: #012a3f;
	text-decoration: none;
cursor: pointer;}


li.fdilink.pseudobullet .container2{
 background-color: #012a3f;
	 
    color: white;
}

li.fdilink.pseudobullet .container2:hover{
    background-color: #0074ae;

    color: white;
}




/*START On way way icons */


div#onmyway-workflow .reasonforvisitstep  .grid > .row > .col-4 {display:flex; flex-direction: row-reverse; justify-content: center;
align-items: center; padding-left:1rem;}

div#onmyway-workflow .card .cardline {display: flex; align-items: center;font-size: 10pt;}

div#onmyway-workflow .cardlist.selectable.autoadvance .card {padding-right: 1.5rem;}



/*
div#onmyway-workflow .card.hasBadge div {display: flex;
    vertical-align: top;
    flex-direction: row;
justify-content: center;}

 div#onmyway-workflow .card .cardline {width: 25%; min-width: 40px;} */


/*END On way way icons */

/*START Logo icons 

div#reasonforvisitworkflow .cardline.subtle {display: flex; flex-direction: row; align-items: flex-end;}

div#reasonforvisitworkflow .cardlist.selectable.autoadvance .card {padding-right: 0px;}

div#reasonforvisitworkflow .cardlist.selectable.autoadvance .card:before {background:none;}
*/

#reasonforvisitworkflow .badge.rfvImage img {max-height: 4rem; height: auto;}

/*
#menu-container .menu-mainmenulist li:first-child.submenu li:last-child { display:none }


 #menu-container  { display:none } */
 
 
 
 /*START Hide warning banner on release of information page */
.ReleaseOfInformation .Banner.warning  {display: none;}

 /*END Hide warning banner on release of information page */


/*START Make Race and Ethnicity Required field stand out more*/

 div#other-information-container   label.required + select {border: 1px solid red;   }

/*END Make Race and Ethnicity Required field stand out more*/

/*START Test Results Info Box*/
._PreText.neutral .disclosureButton {
    background-color: #e6eeef;
	color: #378f39;
	border-radius: 6px;
	margin-left: 1px;
	width: 100%;
    border: 1px solid #cccccc;
}

div#EID-2 {display:block;}
._PreText .preTextBody {
    margin-top: 0.25rem;
    font-size: 90%;
	display:block;
}

._PreText.neutral .disclosureButton:hover {
    background-color: #e6eeef;
	color: #378f39;
	border-radius: 6px;
	margin-left: 1px;
	width: 100%;
    border: 1px solid #cccccc;
}

.ResultList ._heading .subjectIndicator  {
	Margin: 0 0 0 0 !important;
}

._Disclosure .disclosureButton:hover {
    text-decoration: none;
}


/*END Test Results Info Box*/




/* Fix Create Account button on login light mode screen */ 
@media (min-width: 1280px){
body.liteMode #content #sidebar .posttext {
    width: 75%;
    margin: 0 auto;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
}}

/*body {
	background: rgba(1,42,63,1);
	}
#content::after {
		display: none;
} */


 body.isPrelogin

{background: repeating-linear-gradient(-67deg,rgba(227,225,213,.6),rgba(232,228,220,.6) 10%,rgba(237,233,229,.6) 20%),repeating-linear-gradient(67deg,rgba(227,225,213,.6),rgba(232,228,220,.6) 5%,rgba(237,233,229,.6) 10%);}

 body.isPrelogin:after

{background: repeating-linear-gradient(-67deg,rgba(227,225,213,.6),rgba(232,228,220,.6) 10%,rgba(237,233,229,.6) 20%),repeating-linear-gradient(67deg,rgba(227,225,213,.6),rgba(232,228,220,.6) 5%,rgba(237,233,229,.6) 10%);}


body:not(.graphicHeader) #content:after
{background: repeating-linear-gradient(-67deg,rgba(227,225,213,.6),rgba(232,228,220,.6) 10%,rgba(237,233,229,.6) 20%),repeating-linear-gradient(67deg,rgba(227,225,213,.6),rgba(232,228,220,.6) 5%,rgba(237,233,229,.6) 10%);}


 body.isPrelogin #content #main {
 background-color: rgba(255, 255, 255,.88);
 display: flex;
 flex-direction: column;
 align-items: center;
 /* justify-content:center */
 }
 
body.isPrelogin #content.hasSidebar #sidebar, body.isPrelogin #content.hasSidebar #sidebarFooter {
    box-shadow: none;
}
 
   body.isPrelogin #content #sidebar {
background-color: rgba(255, 255, 255,.88);
  display: flex;
 flex-direction: column;
}
 
 
  body.isPrelogin #content #mainFooter {
 background: white;
 box-shadow: 1px 1px 5px #888;}
 
   body.isPrelogin #content #sidebarFooter {
 background: white;
 box-shadow: 1px 1px 5px #888;}
 
 @media only screen and (max-width: 1300px){
body.isPrelogin #content.hasSidebar #footer {
 background: white;}}
 
 body.isPrelogin .icon-guestpay-info {
 background-image: url(../images/LoginPage/payasguest.svg);
 }

  body.isPrelogin .icon-interpret-info {
 background-image: url(../images/LoginPage/interpreter-services.svg); }
  body.isPrelogin .icon-help-info {
 background-image: url(../images/LoginPage/standard-charges.svg); }
  body.isPrelogin .icon-video-info {
 background-image: url(../images/LoginPage/telehealth-login-icon.svg); }
	
body.isPrelogin h2.header {color: #012a3f;}

body.isPrelogin .covid-header {
	background-color: #012a3f;
	box-shadow: 1px 0px 5px #888;}


body.isPrelogin .covid-body
{border: 1px solid #dbdbdb;
box-shadow: 1px 1px 5px #888;}

  body.isPrelogin .logo {
 content: url(../images/LoginPage/MHAVlogoheader-v5.svg); 
 margin: 0.5rem auto 0.5rem;
 max-height: 6rem;
 padding: .5rem;
 max-width: 100%;
 width:100%;
 	     background: linear-gradient(255deg,#013c5a 40%,transparent),repeating-linear-gradient(-67deg,rgba(5,80,111,.6),rgba(15,100,131,.6) 10%,rgba(20,109,143,.6) 20%),repeating-linear-gradient(67deg,rgba(5,80,111,.6),rgba(15,100,131,.6) 5%,rgba(20,109,143,.6) 10%);
    background-color: #146d8f;

 }
 
 body.publicform.isPrelogin .logo {
	 height: 300px;
 }
 
 
body.isPrelogin:not(.fullHeightPrelogin) #content {
min-height: 100vh  !important;}

body.isPrelogin #content {
border-radius: 0px  !important;}
 
 body.isPrelogin .tall.button.completeworkflow:hover {
    color: #012a3f !important;
	background-color: white !important;
   
}
 
 body.isPrelogin .tall.button.completeworkflow {
    color: white !important;
	background-color:#012a3f !important;
	 border: 1px solid #012a3f;
    text-decoration: none;
	   font-weight: bold;
    word-wrap: break-word;
	    height: auto;
    position: relative;
	
cursor: pointer;
font-size: 1rem;
box-shadow: 1px 1px 5px #888;
}

 body.isPrelogin .tall.button {
    color: white;
	background-color: #0074ae;
    
    text-decoration: none;
	   font-weight: bold;

    word-wrap: break-word;
	    height: auto;
    position: relative;
	
cursor: pointer;
font-size: 1rem;
box-shadow: 1px 1px 5px #888;
}
 
 body.isPrelogin .tall.button:hover {
    color: white; 
	background-color:#012a3f;
}



 body.isPrelogin a.morelocalesitemlink .localename{
    color: white;
	background-color: #0074ae;
    
    text-decoration: none;
	   font-weight: bold;

    word-wrap: break-word;
	    height: auto;
    position: relative;
	
cursor: pointer;
font-size: 1rem;
box-shadow: 1px 1px 5px #888;
}
 
 body.isPrelogin a.morelocalesitemlink .localename:hover {
    color: white; 
	background-color:#012a3f;
}

 body.isPrelogin div#localeswitch {
    text-align: center;
}

body.isPrelogin .col-home-main
{background-color: white;
	border: 1px solid #dbdbdb;
   /* box-shadow: 1px 1px 5px #888;  */
}

body.isPrelogin .mainLoginContentBody {display: flex;
    flex-direction: column;
    align-items: center;}



 /* --> START: Prelogin banner */

@media screen and (min-width: 1025px) {
#header:not(:empty).prelogin {

  
    position: fixed;
	
    left: 0;
    top: 0;
    height: 3.9rem;
    border-radius: 0px;
    content-visibility: hidden;
    background-image: url(../images/LoginPage/vanderbilt-health-logo-vector-300x70.svg);
    background-position-x: center;
    background-repeat: no-repeat;
	background-color: rgba(255, 255, 255, 0.88);
	box-shadow: 1px 1px 5px #888;
}}


 body.isPrelogin #content #main {
   
	padding-top: 3.9rem; 
}


 body.isPrelogin #content #sidebar{
   
	padding-top: 11.5rem; 
}

 body.publicform.isPrelogin #content #main {
   
	padding-top: .9rem; 
}


 body.publicform.isPrelogin #content #sidebar{
   
	padding-top: .5rem; 
}

/*
@media screen and (min-width: 1025px) {
 body.isPrelogin #content #main {
   
	padding-top: 3.9rem; 
}}*/
	  
	@media screen and (max-width: 1024px) {
	  #header:not(:empty).prelogin {
		    background-color: rgb(255, 255, 255);
	  min-width: 0;
	  position: relative;
	  height: 5.5em;
	  padding: 0.5em 0 0;
		margin: 0 0 3px;
		background-image: none;
		content-visibility: visible;
		border-radius: 6px;
		box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2); }}


	#header:not(:empty).preloginError {
	max-width: 1024px;
	  height: 5.5em;
	  margin: 0 0 3px;
	  background-color: rgb(255, 255, 255);
	  border-radius: 6px;
	  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);}
/*<-- END: Prelogin banner*/


body.isPrelogin .features {
padding: 0;
}

body.isPrelogin ul.features.row li {
min-height: 150px;
/* border: solid 1px #363636; */
}




body.isPrelogin .grid-home{
min-width: fit-content;
display:flex;
justify-content: flex-end;}

body.isPrelogin .col-home-main{
min-width: fit-content;}


body.isPrelogin .mainLoginContent.beforeLoginFields .col-home-main {
    background: linear-gradient(to left, #ffffff 20%, transparent),url(https://www.vanderbilthealth.com/sites/default/files/2020-07/VH-Program-Hero-MHAV-B-3840.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: center, -350px;
}



body.isPrelogin .mainLoginContent.afterLoginFields .col-home-main {
        background: linear-gradient(360deg, #ffffff 65%, transparent),url(https://www.vanderbilthealth.com/sites/default/files/2020-07/VH-Program-Hero-MHAV-B-3840.jpg);
    background-size: contain;
    padding-top: 160px;
	max-width: fit-content;
    background-repeat: no-repeat;
}

/*start: Home title*/
body.isPrelogin .mainLoginContent.beforeLoginFields .home-tile {
width: 500px;
}

body.isPrelogin .mainLoginContent.beforeLoginFields .home-tile-wrap {
width: 500px;
    display: flex;
    flex-direction: row;
    max-width: 100%;
    flex-wrap: wrap;
    justify-content: flex-end;
}


body.isPrelogin .home-page-wrap {
max-width: 100%;
}

body.isPrelogin .home-tile-wrap {
	display: flex;
	flex-direction: row;
	max-width: 100%;
	flex-wrap: wrap;
	justify-content: center;
}


body.isPrelogin .home-tile {
	border: 1px solid #dbdbdb;
	padding: 10px;
	background: white;
	min-height: 100px;
	margin: 5px;
	display: flex;
	align-items: center;
	width: 100%;
	/* min-width: 400px; */
}
body.isPrelogin .home-tile-inside {
	display: flex;
	padding: 0px;
	min-height: 60px;
	align-content: center;
	justify-content: flex-start;
	background-position-y: center;
	align-items: center;
	flex-wrap: wrap;
	flex-direction: row;
	max-width: 100%;
}
body.isPrelogin .home-tile-image {
	width: fit-content;
	min-width: 64px;
	padding: 5px;
}
body.isPrelogin .home-tile-text {
	padding: 5px; 
	width: fit-content; 
	min-width: 200px;
	max-width: calc( 100% - 80px)
}

body.isPrelogin .home-tile-header {
	font-size: 1rem;
	color: #012a3f;
	font-weight: bold;
}

/*End: Home title*/


/*start: info title*/
body.isPrelogin .mainLoginContent.beforeLoginFields .info-tile {
/* width: 400px; */
}

body.isPrelogin .mainLoginContent.beforeLoginFields .info-tile-wrap {
/* width: 400px; */
    display: flex;
    flex-direction: row;
    max-width: 100%;
    flex-wrap: wrap;
    justify-content: flex-end;
	
}


body.isPrelogin .info-page-wrap {
max-width: 100%;
}

body.isPrelogin .info-tile-wrap {
	display: flex;
	flex-direction: row;
	max-width: 100%;
	flex-wrap: wrap;
	justify-content: space-around;
}


body.isPrelogin .info-tile {
	border: 1px solid #dbdbdb;
	padding: 5px;
	background: white;
	min-height: 100px;
	margin: 5px;
	display: flex;
	align-items: flex-start;
	width: 30%;
	 min-width: 200px;
}
body.isPrelogin .info-tile-inside {
	display: flex;
	padding: 0px;
	min-height: 60px;
	align-content: center;
	justify-content: space-around;
	background-position-y: center;
	align-items: center;
	flex-wrap: nowrap;
	flex-direction: row;
	/* width: fit-content; */
}
body.isPrelogin .info-tile-image {
	max-width: 200px;
	padding: 5px;
}
body.isPrelogin .info-tile-text {
	padding: 5px; 
	width: fit-content; 
	min-width: 60%;
	max-width: calc( 100% - 80px)
}

body.isPrelogin .info-tile-header {
	font-size: 1rem;
	color: #012a3f;
	font-weight: bold;
	text-align: center;
}

 a.home.tall.button {
 background: white;
 color: #012a3f;
 box-shadow: none;}
  a.home.tall.button:hover {
 background: #0074ae;
 color: #ffffff;}


/*End: info title*/



/*START INSIDE STYLING */
body.isInside

{background: repeating-linear-gradient(-67deg,rgba(227,225,213,.6),rgba(232,228,220,.6) 10%,rgba(237,233,229,.6) 20%),repeating-linear-gradient(67deg,rgba(227,225,213,.6),rgba(232,228,220,.6) 5%,rgba(237,233,229,.6) 10%);
/* background-image: none !important; */
background-color: white;
}

body.isInside #wrap

{background: repeating-linear-gradient(-67deg,rgba(227,225,213,.6),rgba(232,228,220,.6) 10%,rgba(237,233,229,.6) 20%),repeating-linear-gradient(67deg,rgba(227,225,213,.6),rgba(232,228,220,.6) 5%,rgba(237,233,229,.6) 10%);
background-color: white;
/* background-image: none !important; */
}

 body.isInside:after

{background: repeating-linear-gradient(-67deg,rgba(227,225,213,.6),rgba(232,228,220,.6) 10%,rgba(237,233,229,.6) 20%),repeating-linear-gradient(67deg,rgba(227,225,213,.6),rgba(232,228,220,.6) 5%,rgba(237,233,229,.6) 10%);
/* background-image: none !important; */
background-color: white;
}


body:not(.graphicHeader) #content:after
{background: repeating-linear-gradient(-67deg,rgba(227,225,213,.6),rgba(232,228,220,.6) 10%,rgba(237,233,229,.6) 20%),repeating-linear-gradient(67deg,rgba(227,225,213,.6),rgba(232,228,220,.6) 5%,rgba(237,233,229,.6) 10%);
background-color: white;
/* background-image: none !important; */
}

.card {
	border: 1px solid #dbdbdb;
}

 body.isInside #content #main {
 /* background-color: rgba(255, 255, 255,.7); 
 display: flex;
 flex-direction: column;
 justify-content:center*/
 }
 
 button#logout_button {
border:	 1px solid #ffffff;
 }
 
  button#localeswitch.postlogin {
border:	 1px solid #ffffff;
 }
 
 body.color1 {
    --wp-proxy-bgcolor: #012a3f;
    --wp-proxy-color: #012a3f;
}

.proxybgcolor.color1 {
background-color: #012a3f;}


.proxyfillcolor.color1 {

fill: #012a3f;}

#header:not(:empty).header_graphic .header_color { 
background: linear-gradient(255deg,#013c5a 40%,transparent),repeating-linear-gradient(-67deg,rgba(5,80,111,.6),rgba(15,100,131,.6) 10%,rgba(20,109,143,.6) 20%),repeating-linear-gradient(67deg,rgba(5,80,111,.6),rgba(15,100,131,.6) 5%,rgba(20,109,143,.6) 10%);
}

:root {
	--proxybgcolor: rgb(1, 42, 63);
	--proxybgcolor-rbg: 1, 42, 63;
	--proxybgcolor-opacity: 0.2;
--text1: color-mix(in srgb, var(--proxybgcolor) 30%, white); 
--text2: rgba(var(--proxybgcolor-rbg), var(--proxybgcolor-opacity));

}
.proxytextcolor.color1 {
color: var(--proxybgcolor);}

.proxybgcolor.color1.lighten70 {
	background-color: var(--text1);}

.proxybgcolor.color1.opacity20 {	
background-color: var(--text2);
}

.header {
color: var(--proxybgcolor);}


/*
#graphicHeader:not(:empty) #header_logo .header_logo_link {
    background: transparent url(../images/LoginPage/MHAVlogoheader-v5.svg) no-repeat scroll left/contain;
    display: block;
    height: 100%;
    width: 100%;
}
*/
.button.sign-now.issigned {
    color: white;
    background-color: #012a3f;
    border: 1px solid #012a3f;
    text-decoration: none;
    font-weight: bold;
    word-wrap: break-word;
    height: auto;
    position: relative;
    cursor: pointer;
    font-size: 1rem;
    box-shadow: 1px 1px 5px #888;
}

.button.sign-now.issigned:hover {
	color: #012a3f;
background-color: white;}

button._Command._actionable._command.primary.positive:not([aria-disabled=true])  {
    color: white;
	background-color: #0074ae !important;
    
    text-decoration: none;
	   font-weight: 500;

    word-wrap: break-word;
	    height: auto;
    position: relative;
	
cursor: pointer;
font-size: 1rem;
box-shadow: 1px 1px 5px #888;
}
button._Command._actionable._command.primary.positive:hover  {
	background-color: #012a3f !important;
 
}


   
   
button._Command._actionable._command.secondary.neutral
{
    color: #0074ae !important;
	background-color: white !important;
    border: 1px solid #0074ae;
    text-decoration: none;
	   font-weight: 500;

    word-wrap: break-word;
	    height: auto;
    position: relative;
	
cursor: pointer;
font-size: 1rem;
box-shadow: 1px 1px 5px #888;
}

     button._Command._actionable._command.secondary.neutral:hover  {
    color:#0074ae;
	background-color:rgb(0,116,174,.1) !important;
}
   
   
   
   
   

 .button.primary.positive  {
    color: white;
	background-color: #0074ae;
    
    text-decoration: none;
	   font-weight: 500;

    word-wrap: break-word;
	    height: auto;
    position: relative;
	
cursor: pointer;
font-size: 1rem;
box-shadow: 1px 1px 5px #888;
}
 .button.primary.positive:hover  {
	background-color: #012a3f;
 
}

 .button.completeworkflow  {
    color: white;
	background-color: #0074ae !important;
    
    text-decoration: none;
	   font-weight: 500;

    word-wrap: break-word;
	    height: auto;
    position: relative;
	
cursor: pointer;
font-size: 1rem;
box-shadow: 1px 1px 5px #888;
}
 .button.completeworkflow:hover  {
	background-color: #012a3f !important;
 
}

 .button.primary.neutral  {
    color: #0074ae;
	background-color: white;
    border: 1px solid #0074ae;
    text-decoration: none;
	   font-weight: 500;

    word-wrap: break-word;
	    height: auto;
    position: relative;
	
cursor: pointer;
font-size: 1rem;
box-shadow: 1px 1px 5px #888;
}

   .button.primary.neutral:hover {
    color:#0074ae;
	background-color:rgb(0,116,174,.1);
}


 .button.primary.positive.nextstep  {
    color: white ;
	background-color: #0074ae ;
    
    text-decoration: none;
	   font-weight: 500;

    word-wrap: break-word;
	    height: auto;
    position: relative;
	
cursor: pointer;
font-size: 1rem;
box-shadow: 1px 1px 5px #888;
}
 .button.primary.positive.nextstep:hover  {

	background-color: #012a3f ;

}
 

.button.secondary.positive {
    color: #012a3f;
    border: 1px solid #012a3f;
    text-decoration: none;
	   font-weight: 500;

    word-wrap: break-word;
	    height: auto;
    position: relative;
	background-color: white;
cursor: pointer;
font-size: 1rem;
box-shadow: 1px 1px 5px #888;
}
 
 .button.secondary.positive:hover {
    color: white;
	background-color:#012a3f
}








label.togglebutton[for] {
text-decoration: none !important;}
label.togglebutton[for]:hover {
text-decoration: none !important;}
		 .togglebutton { 
		background-color: #ffffff;
		border: 1px solid #012a3f !important;
		box-shadow: none;
		padding-top: calc(0.375rem - 1px);
		padding-bottom: calc(0.375rem - 1px);
		text-decoration:none;
		color: #012a3f;}

		.togglebutton:hover, .togglebutton:active {  
		background-color: rgba(0,116,174, 0.1) !important;
		border: 1.5px solid currentColor !important;
		color:  #012a3f;
		text-decoration:none;}
		
		 .togglebutton:active {  
		background-color: rgba(0,116,174, 0.1) !important;
		border: 1.5px solid currentColor !important;
		color:  #012a3f;
		text-decoration:none;}

		 input:checked + label.togglebutton[for],
		input.buttoncheck:checked + label.buttoncheck {
		background-color: rgba(0,116,174, 0.1) !important;
		color:  #012a3f;
		top: 0px;
		border: 1.5px solid currentColor;
		font-weight: bold;
		text-decoration:none;}
		
		.slot.button.secondary.neutral {
    background-color: #ffffff;
    border: 1px solid #012a3f !important;
    box-shadow: none;
    padding-top: calc(0.375rem - 1px);
    padding-bottom: calc(0.375rem - 1px);
		color: #012a3f !important;}
		
		.slot.button.secondary.neutral:hover {
    background-color: rgba(0,116,174, 0.1) !important;
		color: #012a3f !important;}
		
		
		 .locationheader h5{ 
		font-weight: bold;}
e .departmentAddress.subtle { 
		font-size: 1rem;
		color: black;}
 div#scheduling-workflow .subtlecolor { 
		font-size: 1rem;
		font-weight: bold;
		color: black;}

	 div#scheduling-workflow .edit-link {
		background-color: #ffffff;
		border: 1px solid currentColor;
		height: fit-content;
		box-shadow: none;
		padding: calc(0.375rem - 2px) calc(0.375rem - 2px) calc(0.375rem - 2px) calc(0.375rem - 2px);
		margin: 1px 0 1px 0;
		text-decoration:none;
		color: #012a3f;}

		 div#scheduling-workflow .edit-link:hover {
		background-color: rgba(0,116,174, 0.1) !important;
		color:  #012a3f;
		text-decoration: none;}
		
		

 .dayheader{ 
		    padding: 5px !important;
    font-weight: 200 !important;
    color:  white !important;
    background: #012a3f !important;
	text-align: center !important;
	margin-bottom: 5px !important;}

 .day { 
		    padding: 1rem 0 1rem 0 !important;
}
 .slotsdata.card .day{ 
    border: 1px solid #dbdbdb !important;}
	
	 .slotsstep .slotsData.card .providersection{ 
    padding: .25rem !important;}


   .confirmation .stickybanner.floatingButtonContainer.static .button {
        width: 100%;}

         .confirmationstep .schedulebutton-separator  {
        width: 100%;}
        
         .formbuttons.multiStep .button:not(.hidden):not([disabled]):not(.disabled):first-child.positive {
        background-color: #0074ae;} 
         .formbuttons.multiStep .button:not(.hidden):not([disabled]):not(.disabled):first-child.positive:hover {
        background-color: #012a3f;} 


.formbuttons.multiStep .button:not(.hidden, [disabled], [aria-disabled=true], .disabled):first-child.nextstep{
        background-color: #0074ae;} 

.formbuttons.multiStep .button:not(.hidden, [disabled], [aria-disabled=true], .disabled):first-child.nextstep:hover{
        background-color: #012a3f;} 


         .formbuttons.multiStep .button.nextstep {
        background-color: #0074ae;} 
		  .formbuttons.multiStep .button.nextstep :hover {
        background-color: #012a3f;} 

		
		    .button.nextstep {
        background-color: #0074ae;} 
		 
		  .button.nextstep:hover {
        background-color: #012a3f;} 

		  
		  

         .button.completeworkflow {
        background-color: #0074ae;} 
		
		.button.completeworkflow:hover {
        background-color: #012a3f;} 

        
         .button.subtle:hover, .button.subtle:active {
        background-color: rgba(0,116,174, 0.1) !important;
        color:  #012a3f;}
		
		

         .button.secondary.neutral 

{
    color: #0074ae !important;
	background-color: white !important;
    border: 1px solid #0074ae;
    text-decoration: none;
	   font-weight: 500;

    word-wrap: break-word;
	    height: auto;
    position: relative;
	
cursor: pointer;
font-size: 1rem;
box-shadow: 1px 1px 5px #888;
}

         .button.secondary.neutral:hover {
    color:#0074ae !important;
	background-color:rgb(0,116,174,.1) !important;
}

         .button.continuelater 

{
    color: #0074ae !important;
	background-color: white !important;
    border: 1px solid #0074ae;
    text-decoration: none;
	   font-weight: 500;

    word-wrap: break-word;
	    height: auto;
    position: relative;
	
cursor: pointer;
font-size: 1rem;
box-shadow: 1px 1px 5px #888;
}

         .button.continuelater:hover {
    color:#0074ae !important;
	background-color:rgb(0,116,174,.1) !important;
}

         .button.previousstep

{
    color: #0074ae !important;
	background-color: white !important;
    border: 1px solid #0074ae;
    text-decoration: none;
	   font-weight: 500;

    word-wrap: break-word;
	    height: auto;
    position: relative;
	
cursor: pointer;
font-size: 1rem;
box-shadow: 1px 1px 5px #888;
}

         .button.previousstep:hover {
    color:#0074ae !important;
	background-color:rgb(0,116,174,.1) !important;
}

         .button.secondary.neutral:hover, .button.secondary.neutral:active {
    color:#0074ae;
	background-color:rgb(0,116,174,.1);
}
        
 .togglebutton { 
        background-color: #ffffff;
        border: 1px solid currentColor;
        box-shadow: none;
        padding-top: calc(0.375rem - 1px);
        padding-bottom: calc(0.375rem - 1px);
        text-decoration:none;
        color: #012a3f;}

         .togglebutton:hover, .togglebutton:active {  
        background-color: rgba(0,116,174, 0.1) !important;
        color:  #012a3f;
        text-decoration:none;}

         input:checked + label.togglebutton[for],
        input.buttoncheck:checked + label.buttoncheck {
        background-color: rgba(0,116,174, 0.1) !important;
        color:  #012a3f;
        top: 0px;
        border: 1.5px solid currentColor !important;
        font-weight: bold;
        text-decoration:none;}
		
		  .button.buttoncheck.checked {
        background-color: rgba(0,116,174, 0.1) !important;
        color:  #012a3f;
        top: 0px;
        border: 1px solid currentColor;
        font-weight: bold;
        text-decoration:none;}
		
		
		
		
	.button {background-color: #0074ae;
	color: white;}

	
		.button:hover {background-color: #012a3f;
	color: white;}
	
		.button.inlinesave {background-color: #0074ae;
	color: white;}

	
		.button.inlinesave:hover {background-color: #012a3f;
	color: white;}
	
	
	
	
	button.disclosureButton._actionable._command {
	color: #012a3f;}
	
	
	
	
	/*Compose Requirement Fields START*/
	.ComposeDisclaimer .inner {
    background-color: #d94f5729;
    padding: 0.25rem 0.75rem 0.25rem 36px;
    background-image: url(../images/circle_error_icon.svg);
    background-position-x: 12px;
    background-position-y: center;
    background-repeat: no-repeat;
    background-size: 16px;
    max-width: fit-content;
}



	.ComposeDisclaimer.outer {
    padding: 0;
}


.MessageComposer ._TextInput._input:not(.touched){
border: 1px solid #d80000 !important;}

	/*Compose Requirement Fields END*/
	
	/* div.statusBadge.neutral.cardline.medmessage {display: none;} */
	
	/* .LandingPagePostText .icon {display: none;} */
	

	
ul._List.MediaToggleList button[disabled].sliderButton[aria-pressed=true] .sliderRail{
	background: #c0c0c0 !important;}


/* START: Hide create account button during estimate workflows*/

	._ActionGroup.creationButtonWrapper {
	display: none;}
	
/* END: Hide create account button during estimate workflows*/


/*START: Update Advance directive upload */

.md_caredecision_index .card.addItem .addlabel.upload--document-icon:before {
    background: url(../images/add_document.svg) no-repeat;
    background-size: 1.5rem !important;
}

.md_caredecision_index .card.addItem .addlabel.upload--add-file-label {

   left: 0;
}


.md_caredecision_index .card.addItem .addlabel.upload--add-file-label:before {

    display: flex;
    height: 1.5rem;
    filter: invert(100%) sepia(5%) saturate(0%) hue-rotate(193deg) brightness(900%) contrast(100%);
   margin: 0px;
   position: initial;
    width: 1.5rem;
    background-size: 20px;
    align-items: center;
}



.md_caredecision_index .card.addItem .addlabel.upload--add-file-label.upload--document-icon
{
    background: #0074ae;
    color: white;
    padding: 5px;
    border-radius: 4px;
	margin: 10px;
	box-shadow: 1px 1px 5px #888;
}

.md_caredecision_index .card.addItem .addlabel.upload--add-file-label.upload--document-icon:hover 
{
    background: #012a3f;
}

.md_caredecision_index .card.addItem .addlabel {
    vertical-align: middle;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}


.md_caredecision_index .vcenter {
        display: flex;
    flex-direction: column-reverse;
    align-content: center;
    align-items: center;
	margin: 5px;
}

/*END: Update Advance directive upload */


/*START: Personal Information Edit Button */

.md_personalinformation_index .card .buttonList.subtle {
	justify-content: center !important;
	padding: 5px !important;
	background: none;
}
.md_personalinformation_index .card .buttonList.subtle:focus {
	background-color: #0074ae;
}
 .md_personalinformation_index .card .buttonList.subtle .button {
	background-color: #0074ae;
    color: white;
    width: fit-content;
    border-radius: 4px !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

 .md_personalinformation_index .card .buttonList.subtle .button:hover {
	background-color: #012a3f;

}

 .md_personalinformation_index .card .buttonList.subtle .button:focus {
	background-color: #0074ae;

}




.demographicsVerification .card .buttonList.subtle {
	justify-content: center !important;
	padding: 5px !important;
	background: none;
}
.demographicsVerification .card .buttonList.subtle:focus {
	background-color: #0074ae;
}
 .demographicsVerification .card .buttonList.subtle .button {
	background-color: #0074ae;
    color: white;
    width: fit-content;
    border-radius: 4px !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

 .demographicsVerification .card .buttonList.subtle .button:hover {
	background-color: #012a3f;

}

 .demographicsVerification .card .buttonList.subtle .button:focus {
	background-color: #0074ae;

}

/*END: Personal Information Edit Button */


/*START: Self-Arrival visit front desk banner to yellow */
div.selfArrivalBanner .informationalType {
		background-color: #ffffd0 !important;
		background-image: url(../images/warning_icon_w_outline.svg) !important;
	}
	
	div.selfArrivalBanner .standardBanner.informationalType .banner-icon {
		
		display: none !important;
	}
	
/*END: Self-Arrival visit front desk banner to yellow */



/* START: TEMPORARY HIDE CREATE ACCOUNT DURING FOR ALL FEATURES

	._Segment._container.boundary-none.creationCardContent {
	display: none;}
	
END: TEMPORARY HIDE CREATE ACCOUNT DURING FOR ALL FEATURES*/

/* START: HIDE related links in evisit workflow*/
.md_selftriage_load #sidebar h2 {display: none;}

.md_selftriage_load #sidebar div.quickLinks {display: none;}
/* END: HIDE related links in evisit workflow*/


/* START: HIDE evisit cost info in self triage*/
.evisitcost {display: none !important;}

/* END: HIDE evisit cost info in self triage*/


/*START: Tile style blocks with blue background*/
.block-mhavcustomblockcontent {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.42857;
    color: #333333;
    box-sizing: inherit;
  }

  .block .multi-column-block {
    padding: 0;
    border: 0;
  }

  div.mhav-block-bd.multi-column-mhav-block-bd.multi-column-mhav-block-ct.multi-column-mhav-block-ct--3-col {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0;
	flex-wrap: wrap;
  }

  .multi-column-mhav-block-bd {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  @media (min-width: 64em) {
    .multi-column-mhav-block-bd {
      -ms-flex-direction: row;
      flex-direction: row;
      -ms-flex-pack: justify;
      justify-content: space-between;
      margin: 0;
    }
  }

  @media (min-width: 64em) {
    .multi-column-mhav-block {
      -ms-flex: 1 1 100%;
      flex: 1 1 100%;
    }

    .multi-column-mhav-block-ct--2-col .multi-column-mhav-block,
    .multi-column-mhav-block-ct--3-col .multi-column-mhav-block {
      padding: 0 10px;
    }

    .multi-column-mhav-block-ct--2-col .multi-column-mhav-block:first-child>.block,
    .multi-column-mhav-block-ct--3-col .multi-column-mhav-block:first-child>.block {
      margin: 0 10px 0 -10px;
    }

    /* .multi-column-mhav-block-ct--2-col .multi-column-mhav-block:last-child > .block,
      .multi-column-mhav-block-ct--3-col .multi-column-mhav-block:last-child > .block {
        margin: 0 -10px 0 10px; } */
    .multi-column-mhav-block-ct--2-col .multi-column-mhav-block {
      -ms-flex: 1 1 50%;
      flex: 1 1 50%;
    }

    .multi-column-mhav-block-ct--3-col .multi-column-mhav-block {
      -ms-flex: 1 1 33%;
      flex: 1 1 33%;
    }
  }

  .l-main__content .block {
    border-bottom: 1px solid #d7d7d7;
  }

  .multi-column-block {
    padding: 0;
  }



  .block.block-notitle.blockstyle-lightaccent {
    height: 100%;
    border-bottom: 0;
    margin: 0 10px 0 -10px;
	padding: 10px 0;
  }

  div.mhav-block-bd {
    padding-bottom: 2rem;
    padding-left: 2rem;
    padding-right: 2rem;
	height: 100%;
    color: #ffffff;
    background: linear-gradient(255deg, rgb(1, 60, 90) 40%, transparent),
      repeating-linear-gradient(-67deg, rgba(5, 80, 111, 0.6) 0%, rgba(15, 100, 131, 0.6) 10%, rgba(20, 109, 143, 0.6) 20%),
      repeating-linear-gradient(67deg, rgba(5, 80, 111, 0.6) 0%, rgba(15, 100, 131, 0.6) 5%, rgba(20, 109, 143, 0.6) 10%);
    background-color: rgb(20, 109, 143);
    padding-top: 2rem;
  }

  p.blue-block {
    color: #ffffff;
    box-sizing: inherit;
    font-family: "Open Sans", "Arial", sans-serif;
    font-weight: 400;
    display: block;
    font-size: 28px;
    margin: 30px 0 50px 0 !important;
    line-height: 1.3;
    text-align: center;
  }

  a#mhav-a-fmt {
    font-family: "Open Sans", "Arial", sans-serif;
    font-weight: inherit;
    line-height: 1.3;
    text-align: center;
    box-sizing: inherit;
    background-color: transparent;
    text-decoration: none;
    color: inherit;
  }

  p.blue-block-button {
    color: #ffffff;
    box-sizing: inherit;
    font-family: "Open Sans", "Arial", sans-serif;
    line-height: 1.6;
    font-weight: 400;
    display: block;
    font-size: 14px;
    margin: 0 auto 30px !important;
    border: 1px solid #fff;
    border-radius: 15px;
    padding: 3px;
    width: 130px;
    text-align: center;
  }

  p.blue-block-button:hover {
    color: #012a3f !important;
    background: rgba(255, 255, 255, 0.7);
    font-weight: 600;
    border: 1px solid #012a3f;
  }

/*END: Tile style blocks with blue background/*


/*START: Walk-in vs Telehealth */


.evisit-tile-wrap {
    display: flex;
    flex-direction: row;
    max-width: 100%;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

.evisit-tile {
    border: 1px solid #dbdbdb;
    padding: 5px;
    background: white;
    min-height: 100px;
    margin: 5px;
    display: flex;
    align-items: flex-start;
    width: 45%;
    min-width: 300px;
}

.evisit-tile-inside {
    display: flex;
    padding: 0px;
    min-height: 60px;
    align-content: center;
    justify-content: space-around;
    background-position-y: center;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: row;
}

.evisit-tile-image {
    max-width: 200px;
    padding: 5px;
}

.evisit-tile-text {
    padding: 5px;
    width: fit-content;
    min-width: 60%;
    max-width: calc(100% - 60px);
}

.evisit-tile-header {
    font-size: 1rem;
    color: #012a3f;
    font-weight: bold;
    text-align: center;
}

.evisit-tile-link {
    padding-top: 5px;
    display: flex;
	flex-wrap: wrap;
}

p.evisit-blue-button {
    color: #012a3f;
    box-sizing: inherit;
    font-family: "Open Sans", "Arial", sans-serif;
    line-height: 1.6;
    font-weight: 400;
    display: flex;
	min-width: 90px;
    font-size: 14px;
    margin: 10px auto !important;
    border: 1px solid #012a3f;
    border-radius: 15px;
    padding: 3px;
    width: 130px;
    text-align: center;
	justify-content: center;
    align-items: center;
}

p.evisit-blue-button:hover {
    color: #012a3f !important;
    background: #0074ae26;
    font-weight: 600;
    border: 1px solid #012a3f;
}

a#evisit-a-fmt {
    font-family: "Open Sans", "Arial", sans-serif;
    font-weight: inherit;
    line-height: 1.3;
    text-align: center;
    box-sizing: inherit;
    background-color: transparent;
    text-decoration: none;
    color: inherit;
}



/*END: Walk-in vs Telehealth */

/*START: eVisit tooltip */
.evisit_tt {
  position: relative;
  display: inline-block;

}

/* Tooltip text */
.evisit_tt .evisit_tttext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
 
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.evisit_tt:hover .evisit_tttext {
  visibility: visible;
}

/*END: eVisit Tooltip */


/*START: hide county box from signup page*/
.md_standalone_signup .county.cardline.ghostInput.col-5 {
display: none; }

/*END: hide county box from signup page*/

/*START: make message character counter always show */
.MessageBodyInput .CharacterCounter.invisible 
{display: block;
visibility: visible;}
/*END: make message character counter always show */


/*START: Weather alert on appointment details page */
li.fdilink.pseudobullet .container2.walert{
 background-color: #9D261D;
    color: white;
	padding: 0;
}

li.fdilink.pseudobullet .container2 .filter.walert:hover
{
filter: brightness(0) saturate(100%) invert(18%) sepia(64%) saturate(2334%) hue-rotate(346deg) brightness(101%) contrast(92%); }

li.fdilink.pseudobullet .container2 .filter.walert
{
display:flex;
align-items:center;
padding: .25rem;}


li.fdilink.pseudobullet .container2.walert:hover{
    background-color: white;
}
/*END: Weather alert on appointment details page */

/*START: 10.8 Upgrade fixes*/

#header.header_graphic 
{background: linear-gradient(255deg, #013c5a 40%, transparent), repeating-linear-gradient(-67deg, rgba(5, 80, 111, .6), rgba(15, 100, 131, .6) 10%, rgba(20, 109, 143, .6) 20%), repeating-linear-gradient(67deg, rgba(5, 80, 111, .6), rgba(15, 100, 131, .6) 5%, rgba(20, 109, 143, .6) 10%);}

body.isPrelogin.fullHeightPrelogin.graphicHeader.hasNoCommunityLinks #header.header_graphic .header_logo_link {background: transparent url(../images/logo2.svg) no-repeat scroll left / contain; }


/*END: 10.8 Upgrade fixes*/

/*START: OUT OF CONTACT BANNER */

.OutOfContactWarning {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-size: 0.9rem;
    line-height: 1.1rem;
    border-radius: 0.25rem;
    border-style: solid;
    padding: 0.2rem 0.4rem;
    box-shadow: none;
    width: fit-content;
    margin: 0.2rem 0.2rem 0.2rem 0;
    border-width: thin;
    vertical-align: top;
    background-color: #fceda2;
    border-color: #af9308;
    background-position-y: center;
}

/*END: OUT OF CONTACT BANNER */

/* START: DRIVING DIRECTIONS IN APPOINTMENT DETAIL STYLING */

.section.visitdetails .col-8  .h2 { 
margin-left: 0rem;
}

.section.visitdetails .col-8  h2.header.medium :not(.directionsheader) { 
padding: 0rem; 
margin-left: 0rem;
}

.section.visitdetails .col-8  .departmentdirections { 
background: #d0ebf8 !important; 
padding: .5rem 1rem 1rem 1rem;
margin-top: -1rem;
}

.section.visitdetails .col-8  .directionsheader { 
background: #d0ebf8 !important; 
margin-left: 0rem !important;
padding: 1rem 1rem .5rem 1rem;
}

/* END: DRIVING DIRECTIONS IN APPOINTMENT DETAIL STYLING */

/* START: Add Education to To-Do page */

@media screen and (min-width: 769px) {
    .ToDo ._ViewPickerPanel {
margin-top: calc(-3.625rem - 150px);

    }
}

/* END: Add Education to To-Do page */


/*START: LAB PAGE STYLING */

.locations {
background: linear-gradient(180deg, #013c5a 40%, transparent), repeating-linear-gradient(-67deg, rgba(5, 80, 111, .6), rgba(15, 100, 131, .6) 10%, rgba(20, 109, 143, .6) 20%), repeating-linear-gradient(67deg, rgba(5, 80, 111, .6), rgba(15, 100, 131, .6) 5%, rgba(20, 109, 143, .6) 10%);
    background-color: #146d8f;
   
    border: .063rem solid #dddee1;}
	
    .tile_wrapper  {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-content: flex-start;
    width: 100%;
	
	background-color:  #ffffff52 ;
}
 .white_tile   {
    background-color: #fff;
    border-radius: .5rem;
    box-shadow: 0 3px 8px hsla(216, 2%, 51%, .1);
    padding: 0;
    background: #fff;
    border: .063rem solid #dddee1;
    border-radius: .5rem;
    margin: 15px;
    transition: transition-base;
    display: flex;
    flex-direction: column;
    position: relative;
    /* width: 100%; */
	min-width: fit-content;
    padding: 15px;
    max-width: calc(50% - 40px) ;
    }

    .white_tile_inner {
    padding: 24px 25px 25px;
    flex-grow: 1;
    height: -moz-fit-content;
    height: fit-content;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.tile_bar_wrapper { 
    display: flex;
    align-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
	min-width: 15px;
	width: 100%;
	padding: 0 3px;
}

.tile_bar {
    width: 100%;background: #012a3f;height: 1px; margin-top: 3px;
} 

.tile_header_wrapper {
  height: fit-content;
    display: flex;
    max-height: 125px;
    justify-content: center;
}

.tile_header_font {
    font-size: 1.25rem;
    font-weight: 700;
    color: #012a3f;

    margin-top: 0;
    text-underline-offset: .25rem;
    outline: .125rem solid transparent;
    border: 2px solid transparent;
    text-align:center;
    word-wrap: break-word;
}

.tile_body {
    font-size: 10pt;
    font-weight: 400;
    display: flex;
    text-align: center;
    margin: 5px 0;
    align-content: center;
    align-items: center;
	min-height: 45px;
    justify-content: center;
} 
h3.titles {display: flex;justify-content: center;font-weight: bold;width: fit-content;margin: 5px; text-wrap: nowrap; font-size: 16pt;}

.center-li {
	min-width: fit-content;
	padding: 0 25px;
}

ul.indent-type {display: flex; flex-direction: column; align-items: center; align-content: flex-start; padding: 5px 0;}

li.indent {width: 100%;}

li.indent.address {width: 100%;}

li.indent.hours{width: 100%; text-align: center;font-size: 10pt;}

.location-wrapper {
	 display: flex;
    justify-content: center;
    min-width: fit-content;
	font-variant-caps: all-small-caps;
    flex-direction: column;
align-items: center; }

.location-header {
	display: flex;
    justify-content: center;
    width: 100%;
    /* padding-right: 2rem; */
}

.location-body {
	display: flex;
    flex-direction: column;
    align-items: center;
	min-width: fit-content;
	padding: 0 15px;
}




.loc-wrapper { 
/* width: 90%; */
display: flex;}

@media screen and (min-width: 769px) {
  .loc-wrapper  {
    flex-wrap: nowrap !important;
}
  }

@media screen and (max-width: 768px) {
  .loc-wrapper  {
    flex-wrap: wrap !important;
}
  }


.loc-wrapper-v {
	display:flex;
	flex-wrap: nowrap;
}


.loc-name {
color: #012a3f;
text-wrap: nowrap;
font-size: 12pt;
font-weight: normal;
width: fit-content;
}

.loc-name.sub {
	font-size: 12pt;
}

.loc-address { text-wrap: nowrap; font-size: 10pt; width: min-content; }

.loc-circle {
    border-radius: 50%;
    background-color: #0074ae;
    margin: 0 5px 0 0;
    color: white;
}

.loc-circle-cont {
     display: flex;
    font-size: 13pt;
    font-weight: bold;
    width: 2rem;
    height: 2rem;
    justify-content: center;
    align-items: center; }
	
	
	.hours-wrapper {
	 display: flex;
    justify-content: center;
    min-width: fit-content;
	font-variant-caps: all-small-caps;
    flex-direction: column;
align-items: center; }

.hours-header {
	display: flex;
    justify-content: center;
    width: 100%;
    /* padding-right: 2rem; */
}

.hours-body {
	display: flex;
    flex-direction: column;
    align-items: center;
	/* min-width: fit-content; */
	max-width: 90%;
}

.hours-center {
	display: flex;
    flex-direction: column;
align-items: center;}

.hr-circle {
    border-radius: 50%;
    background-color: #0074ae;
    margin: 0 5px 0 0;
    color: white;
}

.hr-circle-cont {
     display: flex;
    font-size: 14pt;
    font-weight: bold;
    width: 2rem;
    height: 2rem;
    justify-content: center;
    align-items: center; }
	
	.hr-wrapper { 
/* width: 90%; */
display: flex;
min-width: fit-content;
justify-content: center;
}

.hr-name {
color: #012a3f;
text-wrap: nowrap;
font-size: 12pt;
width: fit-content;
}


.hr-address { text-wrap: nowrap; font-size: 10pt; width: min-content; }


.loc-wrapper-exp {
	    background: #0074ae;
    border-radius: 50%;
    display: flex;
    color: white;
    align-content: center;
    align-items: center;
}

.loc-expand {
	width: 22px;
	height: 22px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: bolder;
}

.or-separator {
	width: 100%;
	    margin: 0.5rem 0;
    position: relative;
    z-index: 1;
		text-align: center;
}

.or-separator.v {
    width: fit-content;
    height: 100%;
    display: flex;
    margin: 0.5rem 0;
    position: relative;
    z-index: 1;
    text-align: center;
    justify-content: center;
    align-items: center;
}
.or-separator.v:before {
    content: "";
    border-right: 1px solid #dbdbdb;
    border-top: 0px;
    top: 2px;
    bottom: 2px;
    left: 50%;
    right: 50%;
    z-index: -1;
}
.or-separator-text.v {
    background-color: #ffffff;
    padding: 0 0.75rem;
    color: #767676;
    align-content: center;
    font-size: 0.8rem;
    line-height: 1rem;
    height: fit-content;
}
.or-separator:before {
    content: "";
    border-top: 1px solid #dbdbdb;
    position: absolute;
    top: 50%;
    bottom: 0;
    left: 2px;
    right: 2px;
    z-index: -1;
}

.or-separator-text {
    background-color: #ffffff;
    padding: 0 0.75rem;
	color: #767676;

    font-size: 0.8rem;
    line-height: 1rem;
}


.hours-body.w.visit {
    display: flex;
    flex-direction: row;
    align-items: center;
    align-content: center;
}

.button.inlinesave.w {
	background-color: #012a3f;
}

.button.inlinesave.w:hover {
	background-color: #0074ae;
}


.hours-body.w.visit .tile_body {font-size: 13pt !important; }

/*END: LAB PAGE STYLING */

/*START: APPOINTMENT DETAILS */
.appointmentdetailsinfopane .visitheadercomponent.directlinks:before {background-image: none;}


    .visitheadercomponent.directlinks {
        margin-left: inherit; 
        padding-right: inherit; 
    }
	
	.detailspagePVG {
    background-color: #e0f1ff;
    padding: 5px;
    border-radius: 4px;
    font-size: 11pt;
    border: 1pt solid #0074ae;
}
/*END: APPOINTMENT DETAILS */


/*START: End of Life Care Page more details 

span#DocHelpBubble.popupiconcontainer{display: none;}

span#DocHelpBubble.popupiconcontainer.hca2 {display: contents !important;}
END: End of Life Care Page more details */


/*START: Shortcut background color change with Spring Upgrade */
.shortcutButtons h1 {color: white;}


    .shortcutButtons#shortcut-buttons:before {
	background: #012a3f;
	mask-image: none;}

/*END: Shortcut background color change with Spring Upgrade */

/*START: REMOVE ASK A QUESTION FROM TEST RESULTS PAGE */
button._Command._actionable._command.askAQuestionAction {
display: none;} 
/*END: REMOVE ASK A QUESTION FROM TEST RESULTS PAGE */

/*START: TWO FACTOR AUTHENTICATION CHANGES */
body.isPrelogin.md_secondaryvalidation_index #content #main{
    padding-top: 0rem !important;
}

body.isPrelogin.md_secondaryvalidation_index img#infographic {display: none;}


div#update_twofactor_status_container form#updateform .requiredInstructions {display: none;}

div#update_twofactor_status_container h1 {display: none;}


body.isPrelogin.md_secondaryvalidation_index .standardBanner {margin: 5px 0;}



div#update_twofactor_status_container .twoFactorEntryButtons   button#secondaryValidationGoBack  {text-indent: -9999px;
  line-height: 0; /* Collapse the original line */}

div#update_twofactor_status_container .twoFactorEntryButtons  button#secondaryValidationGoBack:after {
    content: "Change how you get your code";
  text-indent: 0;
  display: block;
  line-height: initial;
}


button#learnMore {display: none;}

button#resendCode {    background-color: #0074ae !important;
color: #ffffff !important;
margin-top: 5px;}

button#resendCode:hover {    text-decoration: none; background-color: #012a3f !important;}

/*END: TWO FACTOR AUTHENTICATION CHANGES */

/*START: HIDE GUEST ESTIMATES NUMBER */

.card.clickable.essServiceAreaCard .essServiceAreaContent .subtle {display:none;}

/*END: HIDE GUEST ESTIMATES NUMBER */





body.midlogin:before {

    background-color: #f2eee4 !important;

}