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





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



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

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




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




/* 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, rgb(213 221 228 / 87%), rgb(213 221 228 / 80%) 10%, rgb(213 221 228 / 70%) 20%), repeating-linear-gradient(67deg, rgba(213, 221, 228, .6), rgb(213 221 228 / 50%) 5%, rgb(213 221 228 / 33%) 10%);}

 body.isPrelogin:after

{background: repeating-linear-gradient(-67deg, rgb(213 221 228 / 87%), rgb(213 221 228 / 80%) 10%, rgb(213 221 228 / 70%) 20%), repeating-linear-gradient(67deg, rgba(213, 221, 228, .6), rgb(213 221 228 / 50%) 5%, rgb(213 221 228 / 33%) 10%);}


body:not(.graphicHeader) #content:after
{background: repeating-linear-gradient(-67deg, rgb(213 221 228 / 87%), rgb(213 221 228 / 80%) 10%, rgb(213 221 228 / 70%) 20%), repeating-linear-gradient(67deg, rgba(213, 221, 228, .6), rgb(213 221 228 / 50%) 5%, rgb(213 221 228 / 33%) 10%);}













/*START INSIDE STYLING */
body.isInside

{background: repeating-linear-gradient(-67deg, rgb(213 221 228 / 87%), rgb(213 221 228 / 80%) 10%, rgb(213 221 228 / 70%) 20%), repeating-linear-gradient(67deg, rgba(213, 221, 228, .6), rgb(213 221 228 / 50%) 5%, rgb(213 221 228 / 33%) 10%);
/* background-image: none !important; */
background-color: white;
}

body.isInside #wrap

{background: repeating-linear-gradient(-67deg, rgb(213 221 228 / 87%), rgb(213 221 228 / 80%) 10%, rgb(213 221 228 / 70%) 20%), repeating-linear-gradient(67deg, rgba(213, 221, 228, .6), rgb(213 221 228 / 50%) 5%, rgb(213 221 228 / 33%) 10%);
background-color: white;
/* background-image: none !important; */
}

 body.isInside:after

{background: repeating-linear-gradient(-67deg, rgb(213 221 228 / 87%), rgb(213 221 228 / 80%) 10%, rgb(213 221 228 / 70%) 20%), repeating-linear-gradient(67deg, rgba(213, 221, 228, .6), rgb(213 221 228 / 50%) 5%, rgb(213 221 228 / 33%) 10%);
/* background-image: none !important; */
background-color: white;
}


body:not(.graphicHeader) #content:after
{background: repeating-linear-gradient(-67deg, rgb(213 221 228 / 87%), rgb(213 221 228 / 80%) 10%, rgb(213 221 228 / 70%) 20%), repeating-linear-gradient(67deg, rgba(213, 221, 228, .6), rgb(213 221 228 / 50%) 5%, rgb(213 221 228 / 33%) 10%);
background-color: white;
/* background-image: none !important; */
}

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


 


#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%);
}

/*Heritage START */

#header.header_graphic {
    background-color: #007052;
    transition: height 0.2s;
    top: 0;
position: sticky;}

	@media only screen and (min-width: 1441px) {
    .shortcutButtons#shortcut-buttons:before {
        -webkit-mask-image: none;
        mask-image: none;
        background-image: none;
     background: rgba(145, 110, 51, 0.8);
	 filter: none;
    }
}

.shortcutButtons#shortcut-buttons:before {

   background: rgba(145, 110, 51, 0.8);
	 filter: none;
}

.heading {color: #777a89 !important; }

h3._heading {color: #777a89 !important; }


.shortcutButtons h1 span {
	color: white;
}

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

/*START: HIDE GUEST ESTIMATES NUMBER */

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

/*END: HIDE GUEST ESTIMATES NUMBER */

@media only screen and (max-width: 1300px) {
    body.isPrelogin #content.hasSidebar #footer {

	background: repeating-linear-gradient(-67deg, rgb(213 221 228 / 87%), rgb(213 221 228 / 80%) 10%, rgb(213 221 228 / 70%) 20%), repeating-linear-gradient(67deg, rgba(213, 221, 228, .6), rgb(213 221 228 / 50%) 5%, rgb(213 221 228 / 33%) 10%)!important;}
}