﻿/* 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. */

/* BEGIN: MAIN COLOR CHANGES */


/* END: MAIN COLOR CHANGES */


/* --------------- 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  ----- */
/* this is only for the embedded widget on endeavorhealth.org; it does not affect other OS workflows */

.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) {
	.embedded .formbuttons.multiStep .button {width: 45%;}
	}

	
/* ----- END open scheduling widget customizations  ----- */

/*OMW - added below to remove border around OMW icon and to enlarge it a bit - iss.fjb 20200211*/
/*
#stepcontainer-root > div:nth-child(4) > div.userInfoStep.grid.card > div > div > div > div > div.photoContainer > div,
#stepcontainer-root > div:nth-child(5) > div > div > div > div.apptDetails.col-12 > div.photoContainer.noprint > div,
#stepcontainer-root > div:nth-child(5) > div > div > div > div.apptDetails.col-5 > div.photoContainer.noprint > div {
	width: 7rem;
	height: 7rem;
	border: none;
	border-radius: unset;
}
*/


/* ODVV: added code below to remove header that included DMG  iss.fjb 20210310*/
/*
#scheduling-workflow > div:nth-child(10) > div > form > div > div > div.card.joinqueue.provider > div.providerphoto > div.providerinfo > span.centerlabel.header.medium.joinqueueproviderlabel {
	display: none;
}
*/


/* increase size of right rail help text for Ask a Med Question 20190827 iss.fjb */
/*
.helptext {
  font-size: 1em;
  }
.helptext li {
  line-height: 1.4rem;
  }
*/

/*--------------------- begin OS customizations -----------------------*/
/* updated open scheduling widget with branding iss.fjb 20180821 */
/*
.stepContainer .openingsData .card > .header {
    background-color: #f2f2f2;
    border-bottom: 1px solid #70c2b4;
    color: #665a58;
}
*/

/*changed height to 565px to prevent vertical scrollbars on desktop 20170623 iss.fjb*/
/*
@media only screen and (min-width:710px) {
body.embedded .stepContainer {
	
	height: 583px !important;
}
}
*/

/*20170320 iss.fjb*/
/*
body.embedded .loginSignupContainer > .pretext,
body.embedded .loginSignupContainer > .posttext {
	font-weight:bold;
	border-bottom: 2px solid #70c2b4;
	line-height: 1em;
}
*/

/* fixes font size on multiple select fields: race  iss.fjb 20210311 */
/*
.multiSelectDropdown select {
	font-size: 1rem;
} 
*/


/*--------------------- end OS customizations -----------------------*/


/* bolds helpline text and removes pointer iss.fjb 20210305  */
/*
.eehhelpline {pointer-events: none; font-weight: bold;}
*/


/* #listHolder > div > div:nth-child(5) > form {display: none;} */
/*.walkInForm {display: none;}*/
