/* BEGIN EPIC DELIVERED THEME CSS */
/* READ ME: If you want to create CSS that works differently when applied to iOS versus Android embedded, mobile-optimized pages, you may begin your
            selectors as follows:
    
                html.mobile[data-ua='PLATFORM']
            
            Replacing PLATFORM with one of the following four case-senstive values:

                • iOS
                • android
                • othermobile
                • nonmobile
            
            So changing a button background color on iOS mobile embedded pages might look like this:

                html.mobile[data-ua='iOS'] .button {
	                background-color: red; 
                }
*/

/* BEGIN: SPECIAL HIDING PROPERTIES */
/* If you only want certain HTML content to display on the full web site, tag it with an "OnlySite" class*/
.onlysite, 
.onlySite, 
.Onlysite, 
.OnlySite {
    display: none !important;
}

/* If you want to only show content on a certain affiliate site, tag it with an Affiliate class, and then another class to unhide just for that affiliate. Use URL Rewrite an affiliate-specific override css file to do the unhiding.*/
.affiliate,
.Affiliate {
    display: none !important;
}

/* If you want to show something only when looking at your own chart, not in proxy mode, tag it with a "selfmode" class. If you want something to only show when looking at someone else's chart, use "proxymode" class. */
.proxyMode,
.proxymode,
.ProxyMode {
    display: none !important;
}
/* END: SPECIAL HIDING PROPERTIES */

/* 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. */
.logo {height: 8rem;}
.logo {background-position: center top;}  
/* END: CONFIGURABLE PRELOGIN LOGO HEIGHT */



/* BEGIN: MAIN COLOR CHANGES */
/* Primary Text Color */
h1, h2, h3, h4, .header, .heading, .hover a.header:focus, .hover a.header:hover, .hover a.heading:focus, .hover a.heading:hover, .titlebar, .sectionheader, .formsection > legend, table thead tr {
    color: #00A651;
}
.md_questionnairelist .header {
	color: #00A651;
}
body.md_showform .section .questiongroup > legend, 
body.md_saveform .section .questiongroup > legend {
    color: #00A651;
}

.md_caredecision_index #divHCAs .divHCATitle,
.md_caredecision_index .documenttable .documents .document .doctitle {
    color: #00A651;
}
.md_caredecision_index #divHCAs .divHCATitle img {
    background-color: rgb(0,217,127);
}

.pageNum {
    color: #00A651;
}

.section table caption {
    color: #00A651;
}

/* Subway UI */
.subway,
.subway a,
.subway a:focus,
.subway a:hover {
	color: #00A651;
}

.line .trainrail {
	background-color: #00A651;
}
.line .trainrail.future:not(.visited) {
	background-color:  rgba(0,166,81,0.5); 
}


.stops .trainstation {
	background-color: #23FE8D;
	border-color: #00A651;
}

.stops .now .trainstation {
	background-color: #00A651;
}

.stops .future:not(.visited) .trainstation {
	border-color:  rgba(0,166,81,0.5); 
}

/* Table Header Background Color */
body:not(.md_preadmission_ldregistration) div#main .section > *:not(.report) thead tr {
    background-color: transparent;
}
body:not(.md_preadmission_ldregistration) div#main .section > *:not(.report) thead tr th {
    background-color: rgba(0,166,81,0.05);
}

li.listheaderelement {
    background-color: #00A651;
}

.section table tbody tr.header th:first-child::after, 
.section table tbody tr.header td:first-child::after, 
.section table tfoot tr.amount.header td:first-child::after,
.section table tbody tr.header th:last-child::after,
.section table tbody tr.header td:last-child::after,
.section table tfoot tr.amount.header td:last-child::after {
    background-color: rgba(0,166,81,0.05);
}

tr.clickable.selectedVisitRecord {
    background-color:  #86FFC5;
}


/* Message Center, Visit Filters */
.Visits .filters,
.ReviewMessages .messageheader .filters {
    background-color: rgba(0,166,81,0.05);
}


/* Table List Hover Background Color */
table tr.hover, table tr td.selected, table.hoverable tr:hover, .section .content .hover:not(.button), .list.hoverable:not(.collapsible) a:focus:not(.button), .list.hoverable:not(.collapsible) a:hover:not(.button), .list.hoverable:not(.collapsible) li:focus, .list.hoverable:not(.collapsible) li:hover, .list.hoverable.collapsible a.collapsed:focus, .list.hoverable.collapsible a.collapsed:hover, .list.hoverable.collapsible li.collapsed:focus, .list.hoverable.collapsible li.collapsed:focus a, .list.hoverable.collapsible li.collapsed:hover, .list.hoverable.collapsible li.collapsed:hover a, .list.hoverable.collapsible li.collapsed a:focus, .list.hoverable.collapsible li.collapsed a:hover, .MessageList .SingleMessage.collapsed .inlinedelete:focus {
    background-color: #8FFFC7;
}

/* Open scheduling step number background circles */
.header .stepNumber {
    background-color: #00A651;
    border-color: #00A651;
}

/* Calendar selected date background color*/
.highlight {
    background-color: #00A651;
}
.calendar table td.today a {
	border-color:  #00A651;
}
.ReviewMessages .BeforeList .tabs input:checked + label {
	border-bottom-color: #00A651;
}
#calendar table td.ctrln,
.urgent,
.PickOrganization .content > p {
	color: #00A651;
}
.calendar table tbody td.hi a,
.fullscreen ul.careteam li.selected:before,
.goalslarge li.goalslistelement.selected:before {
	background-color: #00A651;
}


/* Selected card left highlight border color*/
.cardlist.selectable .card.selected::before {
    background-color: #00A651;
}
a.card.selected::before {
    background-color: #00A651;
}


/* Direct Scheduling side bar box title bar*/
.summary .titlebar {
    background-color: #00A651;
}

/* Tab selected */
.membertab.selected {
    border-color: #00A651 #c5c5c5 transparent;
}

/* Miscellaneous borders */
div.ChargeGroupContainer {
    border-left-color: #00A651;
}
div.essWarningCard {
    border-left-color: #00A651;
}

/* Sub Header text color*/
.subheader {
	color: #177434 ;
}

/* Todo Tiles */
.todotiles.appointment::after {
    background-color: #16ACFF;
}
.todotiles.appointment.selected {
    box-shadow: 0 9px 18px 2px #8DD5FC;
}
.todotiles.order::after {
    background-color: #00A651;
}
.todotiles.order.selected {
    box-shadow: 0 9px 18px 2px #11FF88;
}
.todotiles.healthadvisory::after {
    background-color: #325B6B;
}
.todotiles.healthadvisory.selected {
    box-shadow: 0 9px 18px 2px #3F9CC1;
}

/* Text Elements */
a {
	color: #00A2D7;
}

a:focus,
a:hover,
.afterList a.loadmore,
#calendar table td.ctrl a:hover {
	color: #00BFEF;
}

.list.hoverable:not(.collapsable) a.addItem ,
.list.hoverable:not(.collapsable) a.addItem:hover {
    color: #00A2D7;
}

.component > a.viewmore {
	color: #00BFEF;
}

.multiMonthCalendar .calendarBtns a, .multiMonthCalendar .calendarBtns a:hover, .multiMonthCalendar .calendarBtns a:focus, .multiMonthCalendar li.calendarBackEventBtn::before, .multiMonthCalendar li.calendarNextEventBtn::after, .loginalert .body .apptDateDetails, .BeforeList .top a, .messagefooter .loadall, .calendar table td#calcancel a, .ToDolist li.healthadvisory a.requestappointment:not(.button) {
    color: #00A2D7;
}

.date div,
.previewCCD .listelement .date div {
    color: #46C4FF;
}

/* Background color of selected day in visit summary popup window */
.previewCCD .previewPopupMulti .listelement.selected {
    background-color: #C4EEFF;
}

/* Buttons */
.button,
.button:focus,
.button:hover,
ul.MessageList.list.hoverable.collapsible .SingleMessage .ReplyButton a.button {
	background-color: #00BFEF; 
}

.button.nextstep,
.button.nextstep:focus,
.button.nextstep:hover {
	background-color: #00A651;
}

.button.completeworkflow,
.button.completeworkflow:focus,
.button.completeworkflow:hover {
	background-color: #00A651;
}

.button.cancelworkflow,
.button.cancelworkflow:focus,
.button.cancelworkflow:hover {
	background-color: #EF5252;
}

.button.inlinedelete,
.button.inlinedelete:focus,
.button.inlinedelete:hover {
	background-color: #EF5252;
}

.button.inlineedit,
.button.inlineedit:focus,
.button.inlineedit:hover {
	background-color: #00BFEF;
}

.button.inlinesave,
.button.inlinesave:focus,
.button.inlinesave:hover {
	background-color: #00A651;
}


#main .back .button {
    border-color: #00BFEF;
    color: #00BFEF;
}

/* Toggle Buttons & Buttonchecks */
input:checked + label.togglebutton[for] {
	background-color: #C4EEFF;
}
/* Mobile buttonchecks */
.mobile p.buttoncheck.checked {
	background-color: #C4EEFF;
	color: #000000;
}
/* The check on the check button */
input.prettycheck:checked + label::before, 
input.buttoncheck:checked + label.buttoncheck::before {
    background-color: #00BFEF;
    border-color: #00BFEF;
}


/* But disabled buttons should not change background color */
.button.disabled, 
.button.disabled:focus, 
.button.disabled:hover, 
.button[disabled], 
.button[disabled]:focus, 
.button[disabled]:hover {
    background-color: #dbdbdb;
}
input.buttoncheck:disabled + label,
input.prettycheck:disabled + label:before,
input.buttoncheck:disabled + label.buttoncheck:before {
	background-color: #EAEAEA;
	border-color: #DBDBDB;
}
input.buttoncheck:disabled:checked + label,
input.prettycheck:disabled:checked + label:before,
input.buttoncheck:disabled:checked + label.buttoncheck:before {
	background-color: #F2F2F2;
}


/* And button checks should have no background color */
.buttoncheck, 
.buttoncheck:focus, 
.buttoncheck:hover {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
/* END: MAIN COLOR CHANGES */

/* BEGIN: WAIT LIST, FAST PASS */
.loginalert .body .offertitle {
    background: #91E8AC none repeat scroll 0 0;
}
/* END: WAIT LIST, FAST PASS */


/* BEGIN: OPEN SCHEDULING CSS */
/* Titles on days */
.stepContainer .openingsData .card > .header {
    background-color: #91E8AC;
}

/* Remove Embedded scheduling background color/image */
body.embedded,
body.embedded #content::after {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}

/* Background color of drop down slots */
/* non-selected slot, morning */
.stepContainer .openingsData .subslotslist .slotdetailaction, 
.stepContainer .openingsData .slotdetailaction {
    background-color: #00A1C5;
}
/* non-selected slot, afternoon */
.stepContainer .openingsData .subslotslist.pm .slotdetailaction, 
.stepContainer .openingsData .slotdetailaction.pm {
    background-color: #00819E;
}

/* selected slot */
.stepContainer .openingsData .slotslist .slotdetailaction.selected {
    background-color: #0B6E11;
}

/* Back Button */
body.embedded .button:not(.disabled) {
    background-color: #00BFEF;
}

/* Schedule Button */
body.embedded .nextstep:not(.disabled), 
body.embedded .completeworkflow:not(.disabled) {
    background-color: #00A651;
}

/* Open Scheduling signup step indicators */
.signupContainer .navigation .stepindicator.current {
	background-color: #00A651;
}
.signupContainer .navigation .stepindicator {
    border: 2px solid #00A651;
    background-color: #23FE8D;
}

/* Open Scheduling Signup Container */
.signupContainer .card.loginContainer {
    background: #fff linear-gradient(to bottom, rgb(130,255,162) 0%, rgba(105,255,144,0.65) 100%) repeat scroll 0 0;
}
/* END: OPEN SCHEDULING CSS */


/* BEGIN: BACK OUT COMMON PRE-2016 BUTTON WORKAROUNDS */
/* This section is to back out some custom CSS many customers have written directly in their custom form XML files using internal style sheets. Without this, these customizations will not look good with the new UI. */

/* Turn off custom checkbox workarounds */
body.md_showform span.radiocontainer label.radiolabel::before,
body.md_showform input.radio + label::before,
body.md_showform input.clearradio + label::before,
body.md_showform td.prob label::before,
body.md_saveform span.radiocontainer label.radiolabel::before,
body.md_saveform input.radio + label::before,
body.md_saveform input.clearradio + label::before,
body.md_saveform td.prob label::before {
    display: none !important;
}

/* Remove custom icons applied to page title */
body.md_showform div#main div.title::before,
body.md_saveform div#main div.title::before,
body.md_showform div.title h1::before,
body.md_saveform div.title h1::before {
    display: none !important;
}

/* END: BACK OUT COMMON PRE-2016 BUTTON WORKAROUNDS */

/* BEGIN: FIX ECHECK-IN PAYMENT STEP TITLE DISPLAY ON IPHONE 5 AND SIMILAR SMALL SCREENS - QAN: 3912090  */
body.md_echeckin div.StepTitle {
    clear: both;
}
/* END: FIX ECHECK-IN PAYMENT STEP TITLE DISPLAY ON IPHONE 5 AND SIMILAR SMALL SCREENS - QAN: 3912090  */

/* BEGIN: HELP TEXT DISPLAY ISSUE IN CUSTOM FORMS - QAN: 3737878 */
/* The paragraph with the help text class is empty and is followed by the actual paragaph with the help text (with no class) */
body.md_showform .section .content p.helptext + p:not([class]),
body.md_saveform .section .content p.helptext + p:not([class]) {
    margin-left: 27%;
    margin-top: 0;
    width: 73%;
    color: #606060;
    font-size: 0.8em;
    line-height: 1em;
    display: block;
}

/* Hide empty paragraph after the true help text paragraph */
body.md_showform .section .content p.helptext + p:not([class]) + p,
body.md_saveform .section .content p.helptext + p:not([class]) + p {
    display: none;
}
/* END: HELP TEXT DISPLAY ISSUE IN CUSTOM FORMS - QAN: 3737878 */

/* BEGIN: TEXTAREA MESSAGE TEXT COUNTER IS NOT ALIGNED PROPERLY - QAN: 3814674 */
body.md_showform .section textarea + .messagedisplay {
    margin-left: 27%;
    margin-top: 0;
    width: 73%;
}
/* END: TEXTAREA MESSAGE TEXT COUNTER IS NOT ALIGNED PROPERLY - QAN: 3814674 */

/* BEGIN: Fix missing legends on fields without prompts cause overlapping buttons - QAN 3815147 */
body.md_showform .section .question > legend,
body.md_saveform .section .question > legend {
	min-height: 1rem;
} 
/* END: Fix missing legends on fields without prompts cause overlapping buttons - QAN 3815147 */

/* BEGIN: Restore account icon to banner - QAN 3803812 */
#account .menuicon::before {
    margin: 0 0 -1.5rem -0.25rem;
}

#account .menuicon {
    text-indent: 1.5rem;
}
/* END: Restore account icon to banner - QAN 3803812 */

/* BEGIN: MOBILE SPECIFIC CSS OVERRIDES */
/* Mobile headers in direct scheduling */
.mobile p.separator, 
.mobile .section h2, 
.mobile .section #confMesg2 legend, 
.mobile .section .formsection > legend, 
.mobile .md_scheduling_landingpage #main .pretext {
    background: #9BEDB7 none repeat scroll 0 0;
    color: #00A651;
}

/* Custom headers in mobile scheduling for organizations inserting Direct Scheduling/Appointment Request/Other headers and pretext */
.mobile .section h2.visitTypeHeader {
    font-weight: bold;
    font-size: 1.1rem;
}
.mobile p.separator, 
.mobile .section h2.visitTypeHeader,
.mobile .md_scheduling_landingpage #main h2.visitTypeHeader + div.pretext {
    margin: 0 0 0rem -5%;
}

/* Mobile buttons */
.mobile .formbuttons .button.previousstep, 
.mobile .formbuttons .button.cancelworkflow, 
.mobile .formbuttons .button.continuelater {
    border: 1px solid #1C91D5;
    color: #1C91D5;
}

/* Mobile pull back check buttons */
.mobile p.buttoncheck.pullback {
    background: #00BFEF none repeat scroll 0 0;
}

.mobile p.buttoncheck.pullback.checked {
    background-color: #00A651;
}


/* Fix for Medication Estimates*/
.md_medications_list .cardline.costContainer {
display: none;
}

.md_medications_list .rxReviewDetailsCardList .cardline.withPopup {
display: none;
}

/* END: MOBILE SPECIFIC CSS OVERRIDES */




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