/* 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. */

/*Changing Username/Password text and background color*/
.ghostInput label {
	color: #444444;
}

input#Login.jsreq  {
            background-color: #eeeeee;
}
 
input#Password.jsreq  {
            background-color: #eeeeee;
}

/*
.ghostInput label + input, .ghostInput label + select {
	background-color: #eeeeee;
}
*/

/*Change "New User?" color on pre-login page*/
h2.header.center {
	color: #444444;
}

/*Changing pre-login main div color to white*/
div#main {
	background-color: #ffffff;
}

/*Changing pre-login sidebar color to white*/
div#sidebar {
	background-color: #ffffff;
}

/* Changing hyperlink colors; Copied from colors.css */
a,
.linkcolor,
.subtle.linkcolor {
	color: #11697B; /* @color link */
}

/* Sometimes we have links inside of a hoverable list of cards that we want
   to keep blue (see the saved estimates workflow, screenshots in XDS 279548). */
.linkcolorOverride, .linkcolorOverride:visited {
	color: #11697B !important; /* @color link */
}

.linkcolorOverride:focus, .linkcolorOverride:hover {
	color: #11697B !important; /* @color link hover */
}

a:focus,
a:hover,
.linkcolor:focus,
.linkcolor:hover,
#calendar table td.ctrl a:hover {
	color: #11697B; /* @color link hover */
}
/*End hyperlink color modification*/


h1#top {
line-height:1.25;
}

div#sidebar {
    background-color: #eae7f1;
}

.membertab.hover:not(.selected) {
	border-color: #e28125;
}

.membertab {
	font-weight: bold;
}

.membertab a {
	color: #444444 !important;
}

.section table thead tr th {
	padding: 0.5rem;
	background-color: #dcedc8;
	color: #1c3463;
    font-weight: bold;
}

/* .posttext {
	font-size: 1.5rem;
    color: hsl(219.7,55.9%,24.9%);
    line-height: 1.3;
} */

body {
	background: #e9fafa;
}

.features .icon-shareeverywhere {
	background-image: url("../images/quicklinks/ShareEverywhere_Logo.png");
}
.features .icon-needhelp {
	background-image: url("../images/quicklinks/info.png");
}

input#custsvc_referrals {
	visibility:hidden;
}
.component .news .newscard.documents {
  background-image: url("../images/document_doc.svg");
}
.component .news .newscard.lucy {
  background-image: url("../images/logo_lucy_large.png");
}
.component .news .newscard.financial {
  background-image: url("../images/CreditCardGhost_90x56.png");
}

td.radio.colorband {
visibility: hidden;
}

#menu .menuicon.medications:before{
	background-image: url("../images/menus/medications.png");
}

div#header {
    min-width:1500px !important
}
.fitme.width.height {
    min-width: 1500px;
}

/*
Modifying spacing for dropdown menu
*/
#header .menugroup {
	width: 14.28%;
}

/*
Change images that appear along medications
*/
.medcard.form_81:before {
	background-image: url("../images/clinical/Meds_Form_81.png");
}

/*
Change images that appear along medications
*/
.medcard.form_229:before {
	background-image: url("../images/clinical/Meds_Form_229.png");
}

/*
Padding for PreLogin Logo
*/
body.isPrelogin .logo {
    height: 6.5rem;
}

/*
Open Scheduling Title Overflow
*/
#main .title {
    height: auto;
}
#main .title h1 {
    white-space: inherit;
}

/*
Q-6173937 / Your Organization's Custom MyChart Logo Can Be Overwritten by the Default Logo
Remove after upgrading to May 2021
*/
#graphicHeader:not(:empty) #header_logo .header_logo_link {
background: transparent url("../images/logo.svg") no-repeat scroll center/contain;
}

body.showLightBox 
{
                overflow: hidden;
                height: 100%;
}

@media only screen and (max-width: 699px) {
html.embedded.poppedOut, html.embedded.poppedOut > body.embedded, html.embedded.poppedOut #wrap, html.embedded.poppedOut #content, html.embedded.poppedOut #main, html.embedded.poppedOut .setOfStepsContainer, html.embedded.poppedOut body.embedded div.setOfStepsContainer > div.slider
{
	height: auto !important;
}
content {


body #extPmtPageFrame { height: 68rem; }
body #guestPay-content #extPmtPageFrame { height: 68rem; overflow-y: visible; }
body #guestPay-content .formbuttons { margin-bottom: 5rem; }



    overflow: visible !important;
}
 
div.setOfStepsContainer {
    overflow: visible !important;
}
 
div.setOfStepsContainer > .slider {
    overflow: visible !important;
}
}

body #extPmtPageFrame { height: 68rem; }

body #guestPay-content #extPmtPageFrame { height: 68rem; overflow-y: visible; }
body #guestPay-content .formbuttons { margin-bottom: 5rem; }