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

/*High contrast calendar next/back button colors */
/********************************************************************************************/

html[data-altstylesheet="High Contrast"] li.calendarNextEventBtn  a.calendarNextEventBtn {
	color:#FFFFFF;
	text-align: center;
	
}

html[data-altstylesheet="High Contrast"] a.calendarBackEventBtn,
html[data-altstylesheet="High Contrast"] a.calendarBackEventBtn:hover{
	color: #FFFFFF;
	text-align: center;

}

/********************************************************************************************/
/*Change color of New User? text on login page*/
/********************************************************************************************/
html.notile body.loginPage.hasNoCommunityLinks.isPrelogin.color1.md_default.ready div#wrap div#content div#sidebar div.signup h2.header.center{
	color: #666870
}
html[data-altstylesheet="High Contrast"].notile body.loginPage.hasNoCommunityLinks.isPrelogin.color1.md_default.ready div#wrap div#content div#sidebar div.signup h2.header.center{
	color: #000000
}

/********************************************************************************************/
/** News Section     						**/
/********************************************************************************************/
tr.newsrow:nth-child(1) td.newscell:nth-child(1) {
  background-color:#666870;
}
tr.newsrow:nth-child(1) td.newscell:nth-child(2) {
  background-color:#003055;
}
tr.newsrow:nth-child(2) td.newscell:nth-child(1) {
  background-color:#1fa2d6;
}
tr.newsrow:nth-child(2) td.newscell:nth-child(2) {
  background-color:#0074a2;
}
.homelink, .homeH3, .component.news .newscard{
	color:#fff;
}

.homeH3, .homeDiv{
	padding-left: 120px;
	display: block;
	font-weight: normal;
	width: 100%;
}

.newslink:hover{
	font-weight: bold;
}

td.newscell{
	width:50%;
	padding:0.1rem!important;
	border-style: none!important;
	border-width: 0px!important;
}
table.newstable{
	margin-top: -1.2em;
}
.component.news .newscard {
	display: inline-block;
	margin-top: 0px;
	margin-left:0px;
	min-height: 10rem;	
	vertical-align: top;
	background: no-repeat scroll 1rem center / 6.5rem auto;
	width: 100%;
	padding: 0rem 1rem 0rem 1rem;
	box-shadow: none!important;
}

.homeImg{
	width:100px;
	position:absolute;
	top: 50%;
	transform: translate(0,-50%);
}

a.newslink{
	color:#fff;
	text-decoration:underline;
	font-size:1.2em;
}

span.annotatedText ul  li{
	line-height:1.5em;
	float:left;
	display:inline;
	width:50%;
}
/********************************************************************************************/
/** Visit Records                             **/
/********************************************************************************************/
tr.clickable.selectedVisitRecord
{
	background-color: #003055;
}

/*#region sidebar*/
.summary .titlebar {
	padding: .25rem .5rem .25rem 0.5rem;
	background-color: #ff0000;
}

/********************************************************************************************/
/** Format eVisit Terms and Conditions        **/
/********************************************************************************************/
div.terms #evisitcomplaint > li:nth-child(odd) {
	width: 50%;
    display: inline-block;
}
div.terms #evisitcomplaint > li:nth-child(even) {
	width: 50%;
    display: inline;
}

#eVisitSteps{
	list-style-type:circle;
	margin-left:25px;
}

/********************************************************************************************/
/** Format the alert displayed when e-Visit   **/
/** is stopped.                               **/
/********************************************************************************************/
.alert > span:nth-child(2){
	position:absolute;
	margin-left:20px;
}

input#qnrintbuttonback.button.previousstep{
	display:none;
}

p.evisitcancel,h3.evisitcancel,ul.evisitcancel{
	margin-left: 80px;
}

.interrupticon {
	position:absolute;
}

.terms{
	height:600px;
}

/********************************************************************************************/
/* BEGIN:  Styles used for the regsitration form */
/********************************************************************************************/
#regbanner{
	text-align:center;
}

#regwrap{
	width:60%;
	margin-left:20%;
}

#regbody{
	text-align:center;
	background-image:none;
	background-color:#fff;
}

#regdefaultColumn{
	text-align:left;
}

#regdefaultForm .leftlabel{
	
	margin: 10px auto;
	font-size: 1.2em;
	display: block;
}
.regformlabel{
	text-align: right;
	width: 70%;
}

.regh1{
	text-align:center;
	font-size: 1.6em;
}

.regh2{
	text-align:center;
	font-size: 1.1em;
	margin:0px;
	padding-top:10px;
}
.regsubheader{
	text-align:center;
	font-size: 1.1em;
}
#regfooter{
	padding-top:20px;
	text-align:right;
}
/* END:  Styles used for the regsitration form */

/********************************************************************************************/
/* START:  Hide location instructions on the appointment details screen */
/********************************************************************************************/
div.locationinstruction{
	display:none;
}

/*START:  Modifications for e-Visits */
/*input#pharmacytext{
	position:relative;
	top:50px;
}

p.pharminfo{
	position:relative;
	top:-50px;	
}
*/
p.redinfo{
	color:#e04726;
}

#steptext.workflowSteps{
	display:none;
}
/*END:  Modifications for e-Visits */

/********************************************************************************************/
/*START:  Appointment scheduling step modifications */
/********************************************************************************************/
#deptinstructions{
	overflow:scroll;
	height:350px;
}

.buttoncontainer{
	position:relative!important;
}

a.summaryInfo:hover, a.summaryInfo.summaryActive {
    background-color: rgba(0, 48, 85,0.1);
	
}

.summaryInfo.summaryActive .subtle.edit, .summaryInfo.summaryComplete .subtle, .summaryInfo.summaryIncomplete .subtle {
    color: #003055;
}

.summaryInfo::before {
    background-color: #003055;
}

.summary {
    border-top: 0.2rem solid rgba(0, 48, 85, 0.2);
}

#deptinsructions{
	display:none;
}
.apptDetails{
	min-height:0px;
}
.instructionsAndComments{
	min-height:0px;
}

/*END:  Appointment scheduling step modifications */

/********************************************************************************************/
/*START:  Force the Mark as Complete button to display */
/********************************************************************************************/
input.button.multi.otherbutton.nextstep.btnMarkAsComplete{
	opacity:100;
}
/*START:  Force the Mark as Complete button to display */
/* BEGIN: CONFIGURABLE PRELOGIN LOGO HEIGHT */
/* Prelogin logo height is 6rem by default which can cause it to be cropped for many larger logos. Change it here. */
body.isPrelogin .logo {height: 8rem;}
body.isPrelogin .logo {background-position: center top;} 
/* END: CONFIGURABLE PRELOGIN LOGO HEIGHT */

/********************************************************************************************/
/*START:  Add spacing on password verification page */
/********************************************************************************************/
p#secverification{
	padding-bottom:20px;
}
/*END:  Add spacing on password verification page */

span#secsupport{
	display:block;
	position:relative;
}

.formsection{
	margin:1rem 0 0 0 !important;
}	

div.titlebar{
	top: -25px;
position: relative;
}

#ckAccept{
	width: auto;
	display: inline-block;
	margin-bottom:0px;
}

#evisit-select-recipient > option:not(:nth-child(2)){
    display:none;
}

/********************************************************************************************/
/*Hides the Find a New Provider option */
/********************************************************************************************/
#providerworkflow > div > div.row.cardlist.shortcards.list.hoverable > a.card.addItem.hasAddMessage {
	display:none;
}

/********************************************************************************************/
/*Prevents logo from being overwritten by Kuiper issue Q-6173937 */
/********************************************************************************************/
#graphicHeader:not(:empty) #header_logo .header_logo_link {
background: transparent url("../images/logo.png") no-repeat scroll center/contain;
}