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

/*=====================================================*/
/*PeaceHealth Specific CSS updates*/
/*=====================================================*/
/* Removes the standard box shadow on the MyChart login page. */
.isPrelogin #header:not(:empty) {
	box-shadow: none;
}

/* Removes extra space at the top of stdfile pages. */
.md_stdfile .title {
	display:none !important;
}

/* Adds spacing between buttons that are horizontally aligned */
.horizontal_button_spacing {
    margin-right: 0.5rem;
}

/*=====================================================*/
/* Mimicking Epic's "Card" style */
/*=====================================================*/
.ph-card-list {
	margin: 0.5rem 0;
	width: 100%;
}

/*adding min-height to cards so they always look same height no matter the screen sizing 
and removing underline on anchor*/
.ph-card-list a {
	min-height: 104px;
	text-decoration: none;
}

.ph-card-list.column_2 > .ph-card {
	width: 49.5%;
}

/*removing margin so cards float to edge of container allowing for two columns*/
.ph-card-list.column_2 > .ph-card:nth-child(odd) {
	margin-left: 0;
}

/*removing margin so cards float to edge of container allowing for two columns*/
.ph-card-list.column_2 > .ph-card:nth-child(even) {
	margin-right: 0;
}

/*making sure card always looks white when no action takes place*/
.ph-card-list a:link,
.ph-card-list a:visited {
	background-color: #ffffff;
}

/*adding color to card on action*/
.ph-card-list a:hover,
.ph-card-list a:active,
.ph-card-list a:focus {
	background: linear-gradient(hsla(205.1,100%,29%,0.08), hsla(205.1,100%,29%,0.08)), #fff;
}

.ph-card {
	display: inline-block;
    line-height: 1.25rem;
    margin: 0.25rem 0.5%;
    padding: 0.5rem;
    position: relative;
    vertical-align: top;
	box-shadow: 0px 4px 4px -1px rgba(0, 0, 0, 0.2);
	background-color: #ffffff;
}

/*formatting card title*/
.ph-card .name.large {
	font-size: 1.25rem;
	line-height: 1.5rem;
}

/*formatting card text*/
.ph-card .ph-cardline {
	display: block;
    font-size: 0.9rem;
    line-height: 1.1rem;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}

/*=====================================================*/
/* STDFILES - GENERAL (Apply to all stdfiles) */
/*=====================================================*/

/* hide print icons in STDFILES using the ".noprint" class */
.md_stdfile .noprint div.assistiveicon{
	display:none;
}

/* Setting heading font-sizes in STDFILES to match headings around the rest of the site */
.md_stdfile h1, .md_showform h1{
	font-size: 1.5rem;
	line-height: 1.5rem;
}

.md_stdfile h2, .md_showform h2{
	font-size: 1.25rem;
	line-height: 1.75rem;
}

/* Adding basic expected margins for common block level elements */ 
.md_stdfile #main div,
.md_stdfile #main p{
	margin: 0.5rem 0;
}

.md_stdfile #main ul{
	margin-bottom: 0.5rem;
}

/* Epic button class is not inline-block by default for some reason.
Display block causes width to be 100%;  */
.md_stdfile #main a.button{
	display: inline-block;
}

.md_stdfile .button {
    margin-right: 0.5rem;
}

/*=====================================================*/
/* CUSTOM FORMS - GENERAL (Apply to all Custom Forms) */
/*=====================================================*/

/**
 * .customform - appears on each page load of a custom form
 * .md_showform - appears when the form is first loaded
 * .md_saveform - appears when a submission has been stempted and failed
 */

.customform form .section .content p{
  margin-top:0px;
  margin-bottom: 1rem;
}

.customform .section .content div {
  margin: 0.5rem 0;
}
/*
body.customform .section label {
    width:20%;
    text-align: right;
}
*/
.customform input + label {
    width: 80%;
    text-align: left;
}

.customform input{
    width:76%;
}

.customform label + p {
    display: inline-block;
    width: 70%;
    margin: 0 0 0.5rem 27%;
    padding: 0.25rem;
    line-height: 1.5rem;
}

.customform form .section .content label + p {
  margin: 0 0 0 27%;
}

.customform .section input[type="checkbox"] + label,
body.customform .section .content input[type="checkbox"] + label {
    display: inline-block;
 /*  width: 73%;  */
 /*   margin: 0 0 0 26.5%;
    padding: 0.25rem;   */
   /*  line-height: 0.5rem;  */
    text-align: left;
 /*   -webkit-text-align: start;  */
    top: -1.35rem;
}

body.customform .section .content input[type="checkbox"] {
    display: inline-block;
    width: auto;
    margin: 0 1em 0 24%;
    line-height: 0.5rem;
}

.customform input[type="submit"].button {
     background-color: #52CC6E;
     display: inline-block;
     width: auto;
}

.customform form .alert {
  margin: 0 1em 0 27%;
}

/*=====================================================*/
/* CUSTOM FORMS - SPECIFIC */
/*=====================================================*/

/* PROXY REQUEST %%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
#Child_Proxy_Req p.helptext{
  margin-left: 22%;
}

/*=====================================================*/
/*After login Home page updates */
/*=====================================================*/
.newscard.appointments {
	background-image: url(../images/cards/appointments-card.png) !important;
	
}

.newscard.documentCenter {
	background-image: url(../images/cards/documents-card.png) !important;
	float: right;
}

.newscard.healthyYou {
	background-image: url(../images/cards/greenApple-card.svg) !important;
}
/*=====================================================*/
/*=====================================================*/
/*  workaround for Q-6173937  MyChart logo overriding MyH logo  */
/*==========================================================*/

/*#graphicHeader:not(:empty) #header_logo .header_logo_link {

background: transparent url("../images/logo.png") no-repeat scroll center/contain;

}
*/
/*epp*/
#extPmtPageFrame {
    border-width: 0px;
    height: 30rem;
    overflow-y: visible;
width: 100%;
}