/* 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. */
/*Add billing info to prelogin page */

#features li:nth-child(5):before {
	background: rgba(0, 0, 0, 0) url("../images/quicklinks/paperless.png") no-repeat center center;
}

/*Make request activation link a button */
html body.loginPage div#wrap div#content div#sidebar div.posttext a {
	background-color: #0033A0;
	border: none;
	display: block;
	font-size: 1rem;
	font-weight:400;
	line-height: 1.5rem;
	text-transform:uppercase;
	text-align:center;
	color: #ffffff;
	margin-right: 0px;
	padding: 10px 10px 10px 10px;
	width: max-width;
}

/*Make billing requuest a button */
html body.isInside div#wrap div#content div#main p.noprint a {
	background-color: #0033A0;
	border: none;
	display: block;
	font-size: 1rem;
	font-weight:400;
	line-height: 1.5rem;
	text-transform:uppercase;
	text-align:center;
	color: #ffffff;
	margin-right: 0px;
	padding: 10px 10px 10px 10px;
	width: 300px;
}
.features .icon-medrecord {
	background-image:url('../images/medrecord.svg');
	background-position-y: 20px, 80px;
	}
	.features .icon-helprecord{
	background-image:url('../images/help.png');
	background-position-y: 20px, 80px;
	}
.features .icon-inforecord{
	background-image:url('../images/inforecord.png');
	background-position-y: 20px, 80px;
}

/**
 * RO Edits
 */
 /* Header */
h2.header {
	font-size: 20px;
	font-style: bold;
	font-weight: 700;
	line-height: 125%;
	color: #015AA7;
}

h3 {
	color: #015AA7 !important;
}

.button {
	background-color: #015AA7;
}

.button:hover {
	background-color: #013665;
}

a, .linkcolor, .subtle.linkcolor {
	color: #015AA7;
}

a:hover, .linkcolor:hover, .subtle.linkcolor:hover {
	color: #013665;
}

/* Required field message */
#required-legend {
	font-size: 14px !important;
	font-weight: 400;
	line-height: 125%;
	color: #3F454F;
}

/* Fieldset question */
#dt-node-content .question .question-prompt-header:not(.inputFirst) .question-prompt {
	font-size: 16px !important;
	font-weight: 400 !important;
	line-height: 125% !important;
	color: #3F454F;
}

/* Yes/No button */
.tbContainer label.togglebutton[for], 
.button.buttoncheck label.togglebutton[for] {
	min-width: 65px;
	border-radius: 20px;
	padding: 5px;
	display: inline-flex;
	align-items: center;
	border: 1px solid #015AA7;
    color: #015AA7;
	text-shadow: none;
}

/* Yes/No button active or focus */
.tbContainer input.togglebutton:checked + label.togglebutton[for], 
.button.buttoncheck input.togglebutton:checked + label.togglebutton[for],
input.togglebutton:focus-visible + label.togglebutton[for], 
input.togglebutton:not(:disabled) + label.togglebutton[for]:focus-visible {
	border: 1px solid #015AA7 !important;
	background-color: #015aa7 !important;
	text-decoration: none;
	color: white;
	font-weight: 400 !important;
}

/* Yes/No button hover */
input.togglebutton:not(:disabled) + label.togglebutton[for]:hover {
	border: 1px solid #013665 !important;
	background-color: #013665 !important;
	text-decoration: none;
	color: white;
	font-weight: 400 !important;
	
}


/* Multi Step Button */
.formbuttons.multiStep .button {
	font-size: 15px !important;
	font-weight: 400 !important;
	border-radius: 20px;
	display: flex;
	height: 39px;
	padding: 12px 16px;
	line-height: 15px;
	justify-content: center;
	align-items: center;
}

/* Multi Step Valid Button */
.formbuttons.multiStep .button:not(.hidden, [disabled], [aria-disabled=true], .disabled):first-child.positive,
.button.nextstep, .button.completeworkflow, .button.inlinesave {
	background: #015AA7 !important;
	color: white !important;
}

.formbuttons.multiStep .button:not(.hidden, [disabled], [aria-disabled=true], .disabled):first-child.positive:hover {
	background-color: #013665 !important;
}

.button.nextstep:hover, .button.nextstep:active, .button.completeworkflow:hover, .button.completeworkflow:active, .button.inlinesave:hover, .button.inlinesave:active {
	background-color: #013665 !important;
}

/* Multi Step Invalid Button */
.formbuttons.multiStep .button:is(.hidden, [disabled], [aria-disabled=true], .disabled):first-child {
	background: #dbdbdb;
	color: #747272;
}

/* Schedule day heading */
.slotsstep .slotsData .day .dayheader {
	font-size: 20px !important;
	font-weight: 700 !important;
	line-height: 145%;
	color: #3F454F !important;
	margin-bottom: 16px;
}

/* Provider Bio Link */
.slotsstep .slotsData .name > span .providerBioLink {
	font-size: 20px;
	font-weight: 400;
	line-height: 145%;
}

.slotsstep .slotsData h5.subtlecolor {
	font-size: 20px;
	color: #3F454F !important;
}


.card .locationssection.cardline.partial .button.secondary.neutral {
	border-radius: 10px;
	border: 2px solid #015AA7;
	display: flex;
	padding: 5px 10px;
	justify-content: center;
	align-items: center;

	color: #015AA7;
	font-size: 20px;
	font-weight: 400;
	line-height: 125%;
}

.slotsstep .slotsData .providersection:not(:last-child) {
	border-bottom: 1px solid #CDCDCD;
	padding-bottom: 20px;
}

.slotsstep .slotsData .providersection:not(:first-of-type) {
	padding-top: 36px;
}


/**
 * Filters Container / Card
 */
.filtersContainer.card {
	border-radius: 20px;
	background: #fff;
	box-shadow: 0px 4px 43px 0px rgba(0,0,0,0.08), 0px -10px 22px 0px rgba(0,0,0,0.07) !important;
	border: 0 !important;
	padding: 12px;
}

.filtersContainer.card h3.header.small {
	font-size: 20px;
	font-weight: 700;
	line-height: 145%;
	color: #3F454F !important;
	padding-top: 1.5rem;
}


.filtersContainer.card .selectionFilters h3.header.small {
	padding-top: 0;
}

.filtersContainer .selectionFilters .filter, .filtersContainerFull .selectionFilters .filter {
	padding-bottom: 1.5rem;
}

#search-criteria-header+.filter .subtlecolor {
	font-size: 20px;
	font-weight: 700;
	color: #015AA7;
}

#search-criteria-header + .filter .value {
	font-size: 14px;
	color: #3F454F;
}

.daterangecontainer .datepickercontainer {
	width: 100% !important;
	position: relative;
}

input.date.withCalendar ~ .calendar {
	margin: 0 !important;
	position: absolute;
	right: 1rem;
	top: 0.5rem;
}

.daterangecontainer .datepickercontainer > label:first-of-type {
	font-size: 20px;
	font-weight: 700;
	color: #015AA7;
	margin-left: 1rem;
}

.daterangecontainer .datepickercontainer .date {
	color: #3F454F;
	text-transform: lowercase;
	padding: 1rem;
	padding-top: 1.7rem;
	padding-bottom: 0.5rem;
	margin-top: -1.5rem;
	border-radius: 10px;
	border: 1px solid #CDCDCD;
	background: #fff;
}
.daterangecontainer .datepickercontainer .messagedisplay {
	margin-top: 8px;
	min-height: unset;
	margin-bottom: 0;
}

.filtercontainer .filterGroupTitle,
.filtertimes h4.subtlecolor {
	font-size: 14px;
	font-weight: 600;
	color: #3F454F;
}

.filtersContainer input.buttoncheck + label.buttoncheck {
	color: #3F454F;
	border: 1px solid #CDCDCD;
	border-radius: 8px;
}

input.buttoncheck + label.buttoncheck::before {
	border-color: #015AA7 !important;
}

input.buttoncheck:checked + label.buttoncheck::before,
input.prettycheck:checked + label:before {
	background-color: #015AA7;
	border-color: #015AA7;
}

.timepreferencecontainer .daytimetable .rangebuttons {
	width: 100% !important;
}

.timepreferencecontainer .daytimetable .rangebuttons .timerange {
	width: calc(33% - .2rem) !important;
	flex-grow: 0 !important;
}

.timepreferencecontainer .daytimetable span.daystring {
	padding-left: 15px;
	font-size: 15px;
	font-weight: 500;
	line-height: 125%;
	color: #015AA7;
}

.loadmorecontainer .button.secondary.neutral {
	border: 0 !important;
	color: #015AA7 !important;
	background-color: transparent !important;
}

.loadmorecontainer .button.secondary.neutral:hover {
	text-decoration: underline;
}

.button.secondary.neutral {
	color: #015AA7 !important;
	border-color: #015AA7 !important;
}

.button.tertiary.neutral {
	color: #015AA7 !important;
}

.edit-link-inline, .clear-link-inline.linktextdecoration {
	text-decoration: underline;
}

.confirmation-info-row svg {
	fill: #015AA7 !important;
}

.instructionContent,  .instructionContent span {
	color: #3F454F !important;
	line-height: 125%;
}