﻿/* Override.css November 2020 Updates */

/* ******************************************** */
/*  Pre-login page NSC_homeprelogin.txt icons	*/
/* ******************************************** */
/* 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);
}
#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 endeavor health icon update Feb 2024  */
/* ********************************************** */
/*   END prelogin page List css                   */
/* ********************************************** */

/* RFS: 149974- HENRI -Preventative Care page: hide all Appt Sched buttons, then add Schedule Appt button to Flu shots*/
		.btnRequestAppt{
			display: none !important;
		}
		
		div.hm-group div.hmt-item-card.card.withButton div.buttonList.right input.button.multi.otherbutton.nextstep.btnMarkAsComplete	{
				float: left;
		}
/* reduce width of button and center button on medical record request your request has been submitted page. Joel E. 8/17/2017 item from PP spreadsheet. */	
		a.button.nextstep {

				width: 315px; !important;
				margin: auto;
				display: block;
		}
/* visit Details Back to Visit Detail button at botton of details */
		div#wrap.withSidebar div.back a.button.previousstep{
				width: 315px; !important;
				margin: auto;
				display: block;		
		}	
		
/*START Letters formatting for Illinois School Letters*/
	@media print{
		/*ILLINOIS SCHOOL FORM PRINTING EDITS*/
		/*hide the "print/close window" commands and "Letter Details" from printing, cannot do this OUTSIDE of "media print"*/

		.md_letterdetails #wrap .header,
		.md_letterdetails #wrap .printheader,
		.md_letterdetails #blftwrapper,
        .md_letterdetails div#wrap #main div.title,
		.letterfooter,
		.lb_overlay,
		.lb_content
		{
			display: none !important;
		}
	
		
		.patientfooter,
		.letterfooter,
		html.notile body.hasCommunityLinks.isInside.color1.graphicHeader.md_letterdetails.ready footer#footer.fitme.width{
			display: none !important;
		}
			
		html.notile body.hasCommunityLinks.isInside.color1.graphicHeader.md_letterdetails.ready div#wrap.withSidebar main#main div.section.letter.card div.fmtConv,
		body.md_letterdetails div#wrap div#content div#main div.section.letter.card div.fmtConv,
		.md_letterdetails div main div div.fmtConv
		{
			line-height: 7pt !important;
		}	
	}
/*END Letters formatting for Illinois School Letters*/

/* Hide Scheduling Need Help? question mark image at bottom of Schedule an Appointment kopp 4.20.23 */
/* Works with String: Scheduling - Scheduling - Index - LandingPagePostTextTitle */
div#scheduling-workflow div.jqHidden.stepcontainer div.jqHidden.stepcontainer div#LandingPage div._Segment._container.boundary-none.LandingPageReact div._Segment._container.boundary-none.LandingPagePostText svg._SvgSprite._Icon._image.size-20.icon {
	display: none
}
/* End hide "?" */

/* ----- 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  ----- */