/* BEGIN EPIC DELIVERED THEME CSS */
/* BEGIN: SPECIAL HIDING PROPERTIES */
/* If you only want certain HTML content to display on mobile, tag it with an "OnlyMobile" class*/
.onlymobile,
.onlyMobile,
.Onlymobile,
.OnlyMobile {
  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,
.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: CONFIGURABLE BACKGROUND COLOR AND BACKGROUND IMAGE */
/* Prelogin background image and color */
body {
  background: rgba(13, 146, 255, 1) url("../images/prelogin.jpg") no-repeat fixed center center/cover;
}

#content::after {
  background: rgba(13, 146, 255, 1) url("../images/prelogin_blurred.jpg") no-repeat fixed center center/cover;
}

/* Postlogin background image and color */
body.isInside {
  background: rgba(13, 146, 255, 1) url("../images/background.jpg") no-repeat fixed center top/cover;
}

body.isInside #content::after {
  background: rgba(13, 146, 255, 1) url("../images/background_blurred.jpg") no-repeat fixed center top/cover;
}

.component.Popup > .titlebar .titlebarblurbackground::before {
  background: rgba(13, 146, 255, 1) url("../images/background_blurred.jpg") no-repeat fixed center top/cover;
}

.menudetailstable.leftmenu .leftcolumn::before, .goalslarge .goalsleft::before {
  background: rgba(13, 146, 255, 1) url("../images/background_blurred.jpg") repeat scroll left top;
}

/* END: CONFIGURABLE BACKGROUND COLOR AND BACKGROUND IMAGE */
/* 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: #0071CE;
}

.md_questionnairelist .header {
  color: #0071CE;
}

body.md_showform .section .questiongroup > legend,
body.md_saveform .section .questiongroup > legend {
  color: #0071CE;
}

.md_caredecision_index #divHCAs .divHCATitle,
.md_caredecision_index .documenttable .documents .document .doctitle {
  color: #0071CE;
}

.md_caredecision_index #divHCAs .divHCATitle img {
  background-color: rgb(2, 116, 255);
}

.pageNum {
  color: #0071CE;
}

.section table caption {
  color: #0071CE;
}

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

.line .trainrail {
  background-color: #0071CE;
}

.line .trainrail.future:not(.visited) {
  background-color: rgba(0, 113, 206, 0.5);
}

.stops .trainstation {
  background-color: #4BAEFE;
  border-color: #0071CE;
}

.stops .now .trainstation {
  background-color: #0071CE;
}

.stops .future:not(.visited) .trainstation {
  border-color: rgba(0, 113, 206, 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, 113, 206, 0.05);
}

li.listheaderelement {
  background-color: #0071CE;
}

.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, 113, 206, 0.05);
}

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

/* Message Center, Visit Filters */
.Visits .filters,
.ReviewMessages .messageheader .filters {
  background-color: rgba(0, 113, 206, 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: #B7DEFF;
}

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

/* Calendar selected date background color*/
.highlight {
  background-color: #0071CE;
}

.calendar table td.today a {
  border-color: #0071CE;
}

.ReviewMessages .BeforeList .tabs input:checked + label {
  border-bottom-color: #0071CE;
}

#calendar table td.ctrln,
.urgent,
.PickOrganization .content > p {
  color: #0071CE;
}

.calendar table tbody td.hi a,
.fullscreen ul.careteam li.selected:before,
.goalslarge li.goalslistelement.selected:before {
  background-color: #0071CE;
}

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

a.card.selected::before {
  background-color: #0071CE;
}

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

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

/* Miscellaneous borders */
div.ChargeGroupContainer {
  border-left-color: #0071CE;
}

div.essWarningCard {
  border-left-color: #0071CE;
}

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

/* Todo Tiles */
.todotiles.appointment::after {
  background-color: #00277C;
}

.todotiles.appointment.selected {
  box-shadow: 0 9px 18px 2px #064DEA;
}

.todotiles.order::after {
  background-color: #002856;
}

.todotiles.order.selected {
  box-shadow: 0 9px 18px 2px #0057C0;
}

.todotiles.healthadvisory::after {
  background-color: #221835;
}

.todotiles.healthadvisory.selected {
  box-shadow: 0 9px 18px 2px #492B85;
}

/* Text Elements */
a {
  color: #001A3E;
}

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

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

.component > a.viewmore {
  color: #002856;
}

.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: #001A3E;
}

.date div,
.previewCCD .listelement .date div {
  color: #003BAC;
}

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

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

.button.nextstep,
.button.nextstep:focus,
.button.nextstep:hover {
  background-color: #8DC63F;
}

.button.completeworkflow,
.button.completeworkflow:focus,
.button.completeworkflow:hover {
  background-color: #8DC63F;
}

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

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

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

.button.inlinesave,
.button.inlinesave:focus,
.button.inlinesave:hover {
  background-color: #8DC63F;
}

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

/* Toggle Buttons & Buttonchecks */
input:checked + label.togglebutton[for],
input.buttoncheck:checked + label.buttoncheck {
  background-color: #2B7BFF;
}

/* Mobile buttonchecks */
.mobile p.buttoncheck.checked {
  background-color: #2B7BFF;
  color: #000000;
}

/* The check on the check button */
input.prettycheck:checked + label::before,
input.buttoncheck:checked + label.buttoncheck::before {
  background-color: #002856;
  border-color: #002856;
}

/* 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: #B2DEEF none repeat scroll 0 0;
}

/* END: WAIT LIST, FAST PASS */
/* BEGIN: OPEN SCHEDULING CSS */
/* Titles on days */
.stepContainer .openingsData .card > .header {
  background-color: #B2DEEF;
}

/* 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: #00152C;
}

/* non-selected slot, afternoon */
.stepContainer .openingsData .subslotslist.pm .slotdetailaction,
.stepContainer .openingsData .slotdetailaction.pm {
  background-color: #000205;
}

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

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

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

/* Open Scheduling signup step indicators */
.signupContainer .navigation .stepindicator.current {
  background-color: #0071CE;
}

.signupContainer .navigation .stepindicator {
  border: 2px solid #0071CE;
  background-color: #4BAEFE;
}

/* Open Scheduling Signup Container */
.signupContainer .card.loginContainer {
  background: #fff linear-gradient(to bottom, rgb(249, 255, 225) 0%, rgba(239, 246, 209, 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: Restore hidden patient name in more proxy menu on hover - QAN 3881926 */
.compact #proxies > li > p .grow .iconlabel {
  position: static;
}

/* END: Restore hidden patient name in more proxy menu on hover - QAN 3881926 */
/* BEGIN: Fix cropped bottom of low hanging letters in proxy drop down menu - QAN 4082981 */
#proxies #moretabs .iconlabel {
  overflow: visible;
}

/* END: Fix cropped bottom of low hanging letters in proxy drop down menu - QAN 4082981 */
/* BEGIN: ENABLE CHANGING TRANSPARENCY LEVELS */
/* Side bar */
#sidebar {
  background-color: rgba(255, 255, 255, 0.7);
}

/* Main Body */
#main,
.BeforeList input.SearchList {
  background-color: rgba(255, 255, 255, 0.88);
}

/* Banner */
.isInside #header:not(:empty) {
  background: rgba(255, 255, 255, 0) linear-gradient(to right, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.98) 12%, rgba(255, 255, 255, 1) 12.5%) repeat scroll 0 0;
}

/* Menus */
#header .submenu {
  background: rgba(255, 255, 255, 0.98) none repeat scroll 0 0;
}

/* END: ENABLE CHANGING TRANSPARENCY LEVELS */
/* BEGIN: PROXY COLORS */
/* Proxy Switcher Colors 
 * These colors impact the proxy icons, menus, and header.
 * They are used to provide the context of which proxy record is being accessed.
 * They do not impact the background image or colors of the main content of the page (except for hovers).
*/
/* Color 1 - Skylight */
img.photo.color1,
.colorpreview.color1,
#proxies .color1:after,
body.color1 #header .menugroup.selected .menuicon:after {
  background-color: #3A9BE5;
}

#proxies .color1 .proxyicon,
#proxies a.color1 .proxyicon {
  background-color: #3A9BE5;
  border-color: #3A9BE5;
}

body.color1 #header .menugroup li a:not(.button):focus,
body.color1 #header .menugroup li a:not(.button):hover,
body.color1 #localeswitch #morelocales li a:not(.button):hover {
  background-color: #D2EBFE;
}

/* Color 2 - Forest */
img.photo.color2,
.colorpreview.color2,
#proxies .color2:after,
body.color2 #header .menugroup.selected .menuicon:after {
  background-color: #3FA94B;
}

#proxies .color2 .proxyicon,
#proxies a.color2 .proxyicon {
  background-color: #3FA94B;
  border-color: #3FA94B;
}

body.color2 #header .menugroup li a:not(.button):focus,
body.color2 #header .menugroup li a:not(.button):hover,
body.color2 #localeswitch #morelocales li a:not(.button):hover {
  background-color: #CAF3CF;
}

/* Color 3 - Bubblegum */
img.photo.color3,
.colorpreview.color3,
#proxies .color3:after,
body.color3 #header .menugroup.selected .menuicon:after {
  background-color: #DF66D5;
}

#proxies .color3 .proxyicon,
#proxies a.color3 .proxyicon {
  background-color: #DF66D5;
  border-color: #DF66D5;
}

body.color3 #header .menugroup li a:not(.button):focus,
body.color3 #header .menugroup li a:not(.button):hover,
body.color3 #localeswitch #morelocales li a:not(.button):hover {
  background-color: #FFCCFB;
}

/* Color 4 - Royal */
img.photo.color4,
.colorpreview.color4,
#proxies .color4:after,
body.color4 #header .menugroup.selected .menuicon:after {
  background-color: #AE77E5;
}

#proxies .color4 .proxyicon,
#proxies a.color4 .proxyicon {
  background-color: #AE77E5;
  border-color: #AE77E5;
}

body.color4 #header .menugroup li a:not(.button):focus,
body.color4 #header .menugroup li a:not(.button):hover,
body.color4 #localeswitch #morelocales li a:not(.button):hover {
  background-color: #EBD6FF;
}

/* Color 5 - Ocean */
img.photo.color5,
.colorpreview.color5,
#proxies .color5:after,
body.color5 #header .menugroup.selected .menuicon:after {
  background-color: #0DA798;
}

#proxies .color5 .proxyicon,
#proxies a.color5 .proxyicon {
  background-color: #0DA798;
  border-color: #0DA798;
}

body.color5 #header .menugroup li a:not(.button):focus,
body.color5 #header .menugroup li a:not(.button):hover,
body.color5 #localeswitch #morelocales li a:not(.button):hover {
  background-color: #CFF2EE;
}

/* Color 6 Goldenrod */
img.photo.color6,
.colorpreview.color6,
#proxies .color6:after,
body.color6 #header .menugroup.selected .menuicon:after {
  background-color: #BA8B00;
}

#proxies .color6 .proxyicon,
#proxies a.color6 .proxyicon {
  background-color: #BA8B00;
  border-color: #BA8B00;
}

body.color6 #header .menugroup li a:not(.button):focus,
body.color6 #header .menugroup li a:not(.button):hover,
body.color6 #localeswitch #morelocales li a:not(.button):hover {
  background-color: #EDDDAB;
}

/* Color 7 - Autumn */
img.photo.color7,
.colorpreview.color7,
#proxies .color7:after,
body.color7 #header .menugroup.selected .menuicon:after {
  background-color: #EC7224;
}

#proxies .color7 .proxyicon,
#proxies a.color7 .proxyicon {
  background-color: #EC7224;
  border-color: #EC7224;
}

body.color7 #header .menugroup li a:not(.button):focus,
body.color7 #header .menugroup li a:not(.button):hover,
body.color7 #localeswitch #morelocales li a:not(.button):hover {
  background-color: #FFD0B3;
}

/* END: Proxy Colors */
/* BEGIN: Locale menu */
body div#wrap #localeswitch #morelocales li a:hover:not(.button) {
  background-color: #418EFB;
}

/* END: LOCALE MENU */
/* BEGIN: HIGH CONTRAST OVERRIDES */
/* Force white background in the main pane */
html[data-altstylesheet="High Contrast"] #main,
html[data-altstylesheet="High Contrast"] .BeforeList input.SearchList {
  background: #fff;
}

/* Darken blue sidebar links and other links that appear on non-white backgrounds */
html[data-altstylesheet="High Contrast"] #sidebar .recovery a,
html[data-altstylesheet="High Contrast"] #sidebar .component.medicationslist .pickupbanner,
html[data-altstylesheet="High Contrast"] #sidebar .component.medicationslist .pendingupdates,
html[data-altstylesheet="High Contrast"] .visitinformation a:not(.button),
html[data-altstylesheet="High Contrast"] .apptDeptInstructions .section.flat a:not(.button),
html[data-altstylesheet="High Contrast"] .medbottom .medinfocolumn a,
html[data-altstylesheet="High Contrast"] .softwarning a:not(.button) {
  color: #001536;
}

/* Darken sidebar headers */
html[data-altstylesheet="High Contrast"] #sidebar .header {
  color: #0257BF;
}

/* Darken datestamp */
html[data-altstylesheet="High Contrast"] .Visits .card .date div,
html[data-altstylesheet="High Contrast"] .previewCCD .listelement .date div {
  color: #021D47;
}

html[data-altstylesheet="High Contrast"] #sidebar {
  background-color: rgba(255, 255, 255, 0.9);
}

/* Darken edit icon (e.g. add health issue popup) */
html[data-altstylesheet="High Contrast"] img[src*="edit.png"] {
  background-image: url("../images/edit_HC.png");
}

html[data-altstylesheet="High Contrast"] .button:not(.buttoncheck),
html[data-altstylesheet="High Contrast"] .button:not(.buttoncheck):focus,
html[data-altstylesheet="High Contrast"] .button:not(.buttoncheck):hover,
html[data-altstylesheet="High Contrast"] ul.MessageList.list.hoverable.collapsible .SingleMessage .ReplyButton a.button {
  background-color: #021D47;
}

html[data-altstylesheet="High Contrast"] .button.nextstep,
html[data-altstylesheet="High Contrast"] .button.nextstep:focus,
html[data-altstylesheet="High Contrast"] .button.nextstep:hover {
  background-color: #487314;
}

html[data-altstylesheet="High Contrast"] .button.completeworkflow,
html[data-altstylesheet="High Contrast"] .button.completeworkflow:focus,
html[data-altstylesheet="High Contrast"] .button.completeworkflow:hover {
  background-color: #487314;
}

html[data-altstylesheet="High Contrast"] .button.cancelworkflow,
html[data-altstylesheet="High Contrast"] .button.cancelworkflow:focus,
html[data-altstylesheet="High Contrast"] .button.cancelworkflow:hover {
  background-color: #D14454;
}

html[data-altstylesheet="High Contrast"] .button.inlinedelete,
html[data-altstylesheet="High Contrast"] .button.inlinedelete:focus,
html[data-altstylesheet="High Contrast"] .button.inlinedelete:hover {
  background-color: #D14454;
}

html[data-altstylesheet="High Contrast"] .button.inlineedit,
html[data-altstylesheet="High Contrast"] .button.inlineedit:focus,
html[data-altstylesheet="High Contrast"] .button.inlineedit:hover {
  background-color: #021D47;
}

html[data-altstylesheet="High Contrast"] .button.inlinesave,
html[data-altstylesheet="High Contrast"] .button.inlinesave:focus,
html[data-altstylesheet="High Contrast"] .button.inlinesave:hover {
  background-color: #487314;
}

html[data-altstylesheet="High Contrast"] .button.disabled,
html[data-altstylesheet="High Contrast"] .button.disabled:focus,
html[data-altstylesheet="High Contrast"] .button.disabled:hover,
html[data-altstylesheet="High Contrast"] .button[disabled],
html[data-altstylesheet="High Contrast"] .button[disabled]:focus,
html[data-altstylesheet="High Contrast"] .button[disabled]:hover {
  background-color: #DBDBDB;
}

html[data-altstylesheet="High Contrast"] #main .back .button {
  color: #021D47;
}

html[data-altstylesheet="High Contrast"] body .stepContainer .openingsData .slotslist .slotdetailaction.selected,
html[data-altstylesheet="High Contrast"] body .lookup .searchinputs:after,
html[data-altstylesheet="High Contrast"] body .lookup .expanded #searchimg {
  background-color: #487314;
  border-color: #487314;
}

/* END: HIGH CONTRAST 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. */
/* Begin Guest Pay EPP iFrame height */
#guestPay-content #extPmtPageFrame, #guestPay-content #iFrameLoadingIndicator {
  height: 23rem !important;
}

/* End Guest Pay EPP iFrame height */