﻿

/* 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. */

/* *************************************************************************************** */
/*  prelogin page Bulletin board list. Works with homeprelogin.txt */
/* *************************************************************************************** */
.features {
	list-style: none;
	padding: 0 0 1rem; }
.features .icon-advice {
	background-image: url("../images/quicklinks/medical_advicenew.png");
	}
.features .icon-medications {
	background-image: url("../images/quicklinks/medicationsnew.png");
	}
.features .icon-bill {
  background-image: url("../images/quicklinks/account_summary.png");
}
.features .icon-visits {
  background-image: url("../images/quicklinks/visitsnew.png");
}
.features .icon-testResults {
  background-image: url("../images/quicklinks/test_resultsnew.png");
}
.features .info {
		font-size: 0.9rem; }
	
div.signup h2.header {
	font-size:150%;
}
.features li:nth-child(5):before {
	background: rgba(0, 0, 0, 0) url("../images/quicklinks/account_summary.png") no-repeat center center;
}
.features li:nth-child(6):before {
	background: rgba(0, 0, 0, 0) url("../images/quicklinks/letters.png") no-repeat center center;
}

.component .news .newscard.UpcomingProc {
  background-image: url("../images/UpcomingProcedureIcon_150x120.png");
}

.component .news .newscard.PreventiveCare {
  background-image: url("../images/PreventativeCareIcon_150x120.png");
}

.component .news .newscard.PushNotifications {
  background-image: url("../images/PushNotificationIcon_150x120.png");
}
.hm-group .card .buttonList .button.btnMarkAsComplete, .hm-group .card .buttonList .button.btnRequestAppt {
   opacity: 1;
}

.MessageList .collapsed.SingleMessage .inlinedelete {
   opacity: 1;
}

.component .news .newscard.ScreeningMammo {
  background-image: url("../images/icon_hospital.png");
}

.component .news .newscard.Harper {
  background-image: url("../images/icon_location.png");
}

.component .news .newscard.NCHEvents {
  background-image: url("../images/icon_medical_supplies.png");
}

.component .news .newscard.OBCampaign {
  background-image: url("../images/baby_icon.png");
}

.component .news .newscard.NewNCHSite {
  background-image: url("../images/NCHOrg_MyChart.png");
}

.login .recovery a {
	color:#006f62;
}

/* Underlines visit type of appointment in Todo Widget */
#todoevents div div.appointment div.titleholder div.title a,
#todoevents div div.appointment div.titleholder div.title a:active {
	text-decoration: underline;
}
#todoevents div div.appointment div.titleholder div.title a:hover {
	color: rgb(0,111,98);
}

.features ul.bulleted.map-unpadded li{
	padding-left: 10px;
}
.loginalert > p.map-alert{
  font-weight: bold; }

/*#graphicHeader:not(:empty) #header_logo .header_logo_link {
background: transparent url("../images/logo.png") no-repeat scroll center/contain;
}*/
/* --------------- adds custom icons for homepage blurb --------------*/
/*  added 20200519 iss.fjb*/
#features .icon-virtualcare {
    background-image: url(../images/quicklinks/video_visit.png);
}

/*  added 20191220 iss.fjb*/
#features .icon-myeehealth {
    background-image: url(../images/quicklinks/myeehealthappicon64x74.png);
}
/*  added 20200303 iss.fjb*/ 
#features .icon-caution {
    background-image: url(../images/caution.png);
}
/* endeavor health icon update Feb 2024 */
#features .icon-manageaccount {
    background-image: url(../images/quicklinks/manage_account.png);
}
#features .icon-mychartapp {
    background-image: url(../images/quicklinks/mychart_app.png);
}
/* --------------- END adds custom icons for homepage blurb --------------*/

/* ----- Fix to Feb 22 upgrade icons -----  */
 
#features .icon-advice {
background-image: url(../images/quicklinks/medical_advice.png);
}
 
#features .icon-testResults {
background-image: url(../images/quicklinks/test_results.png);
}
 
#features .icon-medications {
background-image: url(../images/quicklinks/medications.png);
}
 
#features .icon-calendar {
background-image: url(../images/quicklinks/appointments.png);
}
 
#features li {
padding-left: 75px;
background-repeat: no-repeat;
}

/* ----- END fix to Feb 22 upgrade icons ----- */
/* ----- START open scheduling widget customizations  ----- */

/*try these classes for embedded only: .embedded.isPrelogin.ready*/

.embedded #dt-node-content .question .question-prompt-header:not(.inputFirst) .question-prompt{font-size: 1.2rem;}

.embedded .tbContainer label.togglebutton[for] {background-color: #f3f7ff;border: none;font-size: 1.1rem;font-weight: bold;color: #0B1B42;padding:1rem 2rem;min-width: 8rem;}

@media (hover: hover) and (pointer: fine) {
    .embedded .tbContainer input.togglebutton:not(:disabled) + label.togglebutton[for]:hover, .button.buttoncheck input.togglebutton:not(:disabled) + label.togglebutton[for]:hover {background-color: #91affc;color: #000;}
}

.embedded input:checked + label.togglebutton[for], input.buttoncheck:checked + label.buttoncheck {background-color: #0b1b42 !important;color: #fff !important;}

.embedded input#next-step.button.primary.positive.questionnaire {border-radius: 30px;padding: 1rem 3rem; font-size: 1.1rem;background-color: #235ff8;}

.embedded input#next-step.button.primary.positive.questionnaire.disabled {border-radius: 30px;padding: 1rem 3rem; font-size: 1.1rem;background-color: #ebebeb;}

.embedded .section.questionsContainer .question .answers {max-width: 35rem;}

.embedded .slot.button.secondary.neutral {border: none;background-color: #f3f7ff;color:#0b1b42;font-size: 1.1rem;font-weight: bold !important;}

.embedded .slot.button.secondary.neutral:hover {background-color: #d3dffe;}

.embedded .confirmationstep .card.differentHeights{background-color: #F3F7FF;}

.embedded .schedulebutton.formsection.formbuttons.floatingButtonContainer.verifyButtons.static.alignCenter.stickybanner {display: inline;}

.embedded .button.tall.schedule.completeworkflow.floating {background-color: #235ff8;border-radius: 30px;}

.embedded .button.tall.schedule.completeworkflow.floating:hover {background-color: #91affc;color: #000;}

@media only screen and (max-width: 768px) and (max-width: 768px) {
                .embedded .formbuttons.multiStep .button {width: 30%;}
                }

/* ----- END open scheduling widget customizations  ----- */