﻿/* 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;
  background-image: url("../images/imaging-results.png");
}

.component .news .newscard.careEverywhere {
  background-position-x: 20px;
  background-image: url("../images/calendar-computer.png");
}

.component .news .newscard.devices {
  background-position-x: 20px;
  background-image: url("../images/family-proxy.png");
}

.component .news .newscard.mobileApps {
  background-position-x: 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;
}
