﻿/* 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. */

input#custsvc_coverage.button.newworkflow {
    visibility: hidden;
}
/*
input#custsvc_eligibility.button.newworkflow {
    visibility: hidden;
}
*/
input#custsvc_beninfo.button.newworkflow {
    visibility: hidden;
}

input#custsvc_referrals.button.newworkflow {
    visibility: hidden;
}

/* testing for AVS svg image size */
svg[alt="(suggestion)"]{
   width: 15px;
}
svg[alt="(very important)"]{
   width: 15px;
}
/* CSS for the Advanced Directives header to allow more text */
.relationship-content .name.header{
/*height: 100%;*/
margin-bottom: 92px;
}

/* whats new in mychart override */
.component .news .newscard.videoVisits {
  background-position-x: 20px /*rtl:calc(100% - 20px)*/;
  background-image: url("../images/imaging-results.png"); }
.component .news .newscard.careEverywhere {
  background-position-x: 20px /*rtl:calc(100% - 20px)*/;
  background-image: url("../images/calendar-computer.png"); }
.component .news .newscard.devices {
  background-position-x: 20px /*rtl:calc(100% - 20px)*/;
  background-image: url("../images/family-proxy.png"); }
.component .news .newscard.mobileApps {
  background-position-x: 20px /*rtl:calc(100% - 20px)*/;
  background-image: url("../images/my-records-download.png"); }

  
 #essServiceSearch {
	padding-top: 50px;
 }

.isPrelogin .badges {
	width: 22.2rem;
	margin-left: -7px;
}

@media screen and (min-width: 769px){
.isPrelogin .links {
	width: calc(100% - 23rem);
}
}


/*
.isPrelogin #wrap {
  min-width: 1152px;
  width: 66.67%; }
  @media (min-width: 1280px) {
    .isPrelogin #wrap {
      left:50%;
      margin: 0 0 0 -30%; } }
  @media (min-width: 1280px) and (max-width: 1728px) {
    .isPrelogin #wrap {
      margin: 0 0 0 -576px; } }
  @media (min-width: 1280px) and (max-width: 1520px) {
    .isPrelogin #wrap {
      margin: 0 0 0 -40%;
      width: 80%; } }
  @media (min-width: 1280px) and (max-width: 1440px) {
    .isPrelogin #wrap {
      margin: 0 0 0 -576px; } }
*/




img[alt="MyChart for iOS"]{
	width: 14.5rem !important;
}

img[alt="MyChart for Android"] {
	margin-left: -8px !important;
}

/*hide button on mode=coverage page */
input#custsvc_coverage.button.newworkflow {
    visibility: hidden;
}

/* MyChart EPP CSS changes */

body #extPmtPageFrame {
 height: 40em;
 overflow-y: visible;
}

body #guestPay-content #extPmtPageFrame {
height: 38rem;
overflow-y: visible;
}
body #guestPay-content .formbuttons {
margin-bottom: 5rem;
}


/* LOGGIN WIDGET CSS CHANGES */

/* 	St. Luke's customization
	Date: 01.27.2020 - snowm@slhs.org
*/ 

.embedded .formcontents {
  max-width:100vw !important;
  max-height:100vw !important;
  text-align: center;
}
	
	.embedded .sidebarStyle .copyright{
		padding:0px !important;
		font-size:10px !important;
		word-wrap:break-word;
		max-width:215px;
		margin-left:12px;
		
	}
	.embedded .signup{
		width:275px !important;
	}
	.embedded .content{
		font:Arial !important;
	}

.embedded body {
	line-height: 12px !important;
}
.embedded h2{
	margin-top:5px !important;
}

/* Copyright 2019 Epic Systems Corporation */
.embedded {
  min-width: 320px;
  min-height: 350px; }
  .embedded #main {
    padding: 0.25rem;        
	    -moz-border-bottom-colors: none !important;
        -moz-border-left-colors: none !important;
        -moz-border-right-colors: none !important;
        -moz-border-top-colors: none !important;
        border-image: none !important;
        border-style: solid !important;
        border-width: 1px !important;
        box-shadow: 0 1px 2px -1px rgba(0, 0, 0, 0.3) inset !important;
        border-radius: 4px 4px 4px 4px !important;
        background-color: #E8F3FB !important;
        background-image: -moz-linear-gradient(center top, #E8F3FB 0%, #FFFAED 100%) !important;
        border-color: #E8F3FB !important;
        width: 100% !important; 
	}
		
  .embedded .ghostInput label + input {
    width: 100%; 
				display: block !important;
                width: 100% !important;
                background-color: white !important;
                font-family: Arial !important;
                box-shadow: 0 1px 2px -1px rgba(0, 0, 0, 0.4) inset, 0 1px 0 0 rgba(255, 255, 255, 0.4) !important;
                border-radius: 3px 3px 3px 3px !important;
                background-color: #FFFFFF !important;
                border-color: #DBDBDB !important;
                border-style: solid !important;
                border-width: 1px !important;
                display: block !important;
                float: none !important;
                font-size: 16px !important;
                height: 2.5em !important;
                padding: 10px 0px 0px 10px !important;
	}
	
  .embedded #submit {
    margin: 0.5rem auto;
    display: block;
    width: 100%; 
		border: 1px solid black !important;
		border: medium none !important;
		float: none !important;
		/*font-size: 1.1em !important;*/
		font-size:12px;
		height: 30px !important;
		margin: 10px auto !important;
		padding: 1px 10px !important;
		text-shadow: 0 -1px #666666 !important;
		width: auto !important;
		display: inline-block !important;
		font-family: Arial !important;
		background-color: #4b96de !important;
		color: #FFFFFF !important;
		/*font-weight: bold !important;*/
		text-align: center !important;
		/* Gradient color for button background */
		/* This is a base64 encoded png that's a white-to-transparent gradient, which gets overlayed on the background color. */
		border-radius: 5px;
	}
  

  .embedded .recovery, .embedded .header {
    text-align: center; 
	}
  
  .embedded .recovery a{
    font-size:10px;
    color: #002c77 !important;
		font-size:12px;
  }
  .embedded .copyright a{
	  font-size:10px;
	  color:gray !important;
  }
  .embedded .header{
	  font-size:16px !important;
  }
  
  .embedded html {
	  font-family: Arial !important; 
  }
  
  .embedded a:not(:last-child):after {
    content: "\A" !important;
	white-space: pre !important;
    display: block;
	line-height:0px !important;
    margin: 0 0.4rem 0 0.5rem; 
	            font-style: normal !important;
                text-align: right !important;
                display: block !important;
                font-weight: normal !important;
                margin-bottom: 0px !important;
                font-family: Arial !important;
                text-decoration: none !important;
                color: #766E46 !important;
                font-size: 80% !important;
	
	}
  .embedded #footer {
    margin-top: 0.5rem !important;
    text-align: center;
    font-size: 0.9rem;
    font-size: small;	
	line-height: 10px !important;
	}
	
  .embedded .signup {
    text-align: center;
	line-height:0px !important;
	}
    
  .embedded .signup h2 {
      /*margin: 1rem 0 0; }*/
	  display:none;
	}
    
	.embedded .signup .button {
      display: inline-block;
      /*margin-top: 0;*/
	  border: 1px solid black !important;
		border: medium none !important;
		float: none !important;
		/*font-size: 1.1em !important;*/
		font-size:12px;
		height: 30px !important;
		margin: 10px auto !important;
		padding: 1px 10px !important;
		text-shadow: 0 -1px #666666 !important;
		width: auto !important;
		display: inline-block !important;
		font-family: Arial !important;
		background-color: #4b96de !important;
		color: #FFFFFF !important;
		/*font-weight: bold !important;*/
		text-align: center !important;
		/* Gradient color for button background */
		/* This is a base64 encoded png that's a white-to-transparent gradient, which gets overlayed on the background color. */
		border-radius: 5px;
		
	}
	.embedded .signup .button::before{
		content: "New User? " ;
	}

/* END LOGIN WIDGET CSS CHANGES */


/** might break stuff attempting to move logo **/
#graphicHeader:not(:empty) #header_logo {
width: 80%
}


#graphicHeader:not(:empty) #header_logo .header_logo_link {
background-position: center;
}

.esigndocument.component.Popup.large > .scrollable > .content {
    overflow-y: scroll !important;
}