﻿/* Colors CSS Override */
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: #033c5a;
}

.section.questionsContainer .question.questionSlider .slider,
.slider-answer .slidersection.HORIZSLIDER .slider,
.slider-answer .slidersection.VERTSLIDER .slider {
  box-shadow: rgba(0, 0, 0, 0.2) 0 2px 4px -1px inset, 0 1px 0 0 rgba(255, 255, 255, 0.5);
  background: rgba(3, 60, 90, 0.4);
}

.section.questionsContainer .question.questionSlider .sliderball {
  border-color: #005581;
}

#divAcpQuestionnaire .qnr-container .questiongroup .group-prompt,
#divAcpQuestionnaire .qnr-container .questionGroupRulerStyle > .question-prompt-header {
  color: #033c5a;
}

.popupiconcontainer > .popupInstructions > span.header {
  color: #033c5a;
}

.md_questionnairelist .header,
.md_mychartquestionnaire_questionnaires .header {
  color: #033c5a;
}

body.md_showform .questiongroup > .row > [class*=col-] > legend,
body.md_saveform .questiongroup > .row > [class*=col-] > legend {
  color: #033c5a;
}

.subheader {
  color: #033c5a;
}

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

input.prettyradio:checked + label:before {
  background-color: #033c5a;
}

select.selected {
  border-left-color: #033c5a;
}

.subway,
.subway a,
.subway a:focus,
.subway a:hover {
  color: #033c5a;
}

.line .trainrail {
  background-color: #033c5a;
}

.line .trainrail.future:not(.visited) {
  background-color: rgba(3, 60, 90, 0.5);
}

.stops .trainstation {
  background: #80c8ed;
  border-color: #033c5a;
}

.stops .now .trainstation {
  background-color: #033c5a;
}

.stops .future:not(.visited) .trainstation {
  background: #ffffff;
  border-color: rgba(3, 60, 90, 0.5);
}

.card.helptip.success.moreToDo .header.medium {
  color: #033c5a;
}

.verticalSubwayStop:before {
  background-color: #033c5a;
}

.verticalSubwayStopContents:before {
  border-color: #033c5a;
  background-color: #ffffff;
}

.calendar table td.today a,
.calendar table td.today button {
  border-color: #033c5a;
}

.ReviewMessages .BeforeList .tabs a[data-checked=checked] {
  border-bottom-color: #033c5a;
}

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

.calendar table tbody td.hi a,
.calendar table tbody td.hi button,
.calendar .selectableevent {
  background-color: #033c5a;
}

.fullscreen ul.careteam li.selected:before,
.goalslarge li.goalslistelement.selected:before {
  background-color: #033c5a;
}

div.ChargeGroupContainer {
  border-left-color: #033c5a;
}

.essLtrBtn:not(.nextstep),
.essDocBtn:not(.nextstep) {
  background-image: none !important;
  background-color: #033c5a !important;
}

.essSearchResultsMsg {
  color: #033c5a;
}

div.essInfoCard {
  border-left-color: #033c5a;
}

.ReviewMessages .messageheader .filters {
  background-color: rgba(3, 60, 90, 0.05);
  border-top-color: #cccccc;
}

.membertab.selected {
  border-color: #033c5a #cccccc transparent;
}

.requestheader {
  background-color: rgba(3, 60, 90, 0.05);
}

.summary .titlebar,
.sidebarlinks .titlebar {
  background-color: #033c5a;
}

a.summaryInfo:hover, a.summaryInfo.summaryActive {
  background-color: rgba(3, 60, 90, 0.1);
}

.summaryInfo.summaryActive .subtle.edit,
.summaryInfo.summaryComplete .subtle,
.summaryInfo.summaryIncomplete .subtle {
  color: #033c5a;
}

.summaryInfo .subtle.editText {
  color: #0089ba;
}

.summaryInfo:before {
  background-color: #033c5a;
}

#scheduling-workflow .banner::before {
  background-color: rgba(3, 60, 90, 0.05);
}

#standardworkflowselector > .separator > p {
  color: #033c5a;
}

.summary {
  border-top: 0.2rem solid rgba(3, 60, 90, 0.2);
}

.selfTriage .helperSection.narrowSymptoms:after,
.selfTriage .helperSection.nextSteps:after {
  border-color: rgba(3, 60, 90, 0.5);
}

.medcard .selection-enabled input[type=checkbox] + label svg:hover {
  fill: #033c5a;
}

.med-selection-box input[type=checkbox]:focus + label svg {
  box-shadow: 0 0 10px rgba(3, 60, 90, 0.5);
}

.medcard .selection-enabled input[type=checkbox]:checked + label svg {
  fill: #033c5a;
}

.medbottom .buttonList .button.inlinesave,
.medbottom .buttonList .button.inlinedelete,
.pendingUpdatesSection .buttonList .button.inlinesave,
.pendingUpdatesSection .buttonList .button.inlinedelete {
  color: #033c5a;
  background: #ffffff;
  border-color: #eaeaea;
}

.statusBadge.neutral {
  background-color: #c0e3f6;
  border-color: #033c5a;
  color: #363636;
}

.section.questionsContainer .questiongroup .grouptable .grouptablerow[data-zebrastripeon=true] {
  background-color: rgba(3, 60, 90, 0.05);
}

/* EpicWP CSS Overrides */
.header .stepNumber {
  background-color: #033c5a;
  border: 2px solid #003c5a;
}

.stepContainer .openingsData .card .jumpArrow {
  fill: #0a597d;
}

.stepContainer .openingsData .slotslist .slotdetailaction {
  background-color: #0a597d;
  color: #ffffff;
  text-decoration: none;
}

.stepContainer .openingsData .slotslist .slotdetailaction:focus,
.stepContainer .openingsData .slotslist .slotdetailaction:hover,
.stepContainer .openingsData .slotslist .slotdetailaction.selected {
  transform: scale(1.05);
  background-color: #033c5a;
}

.signupContainer .navigation .stepindicator {
  background-color: rgba(3, 60, 90, 0.5);
  border: 2px solid #033c5a;
}

.signupContainer .navigation .stepindicator.current {
  background-color: #033c5a;
}

div.openingsData div.providername span.providername {
  color: #033c5a;
}

div.openingsData div.providername span.providername a {
  color: #033c5a;
  text-decoration: underline;
}

/* Common CSS Overrides */
input[type=date]:focus,
input[type=time]:focus,
.qnr-container .answers input[type=date]:not(.upload-control):focus,
.qnr-container .answers input[type=time]:not(.upload-control):focus {
  color: #0a5b80;
}

.button {
  background-color: #033c5a;
}

.button:hover, .button:active {
  background-color: #005581;
}

.button.nextstep, .button.completeworkflow, .button.inlinesave {
  background-color: #0a5b80;
}

.button.nextstep:hover,
.button.nextstep:active,
.button.completeworkflow:hover,
.button.completeworkflow:active,
.button.inlinesave:hover,
.button.inlinesave:active {
  background-color: #033c5a;
  border-bottom: 1px solid #ffd400;
}

.button.primary.neutral {
  background-color: #033c5a;
}

.button.primary.neutral:hover,
.button.primary.neutral:active {
  background-color: #005581;
}

.button.primary.positive:hover,
.button.primary.positive:active {
  background-color: #0a5b80;
  border-bottom: 1px solid #ffd400;
}

.formbuttons.multiStep .button:not(.hidden):not([disabled]):not(.disabled):first-child {
  background-color: #033c5a;
}

.formbuttons.multiStep .button:not(.hidden):not([disabled]):not(.disabled):first-child:hover,
.formbuttons.multiStep .button:not(.hidden):not([disabled]):not(.disabled):first-child:active {
  background-color: #005581;
}

.formbuttons.multiStep .button:not(.hidden):not([disabled]):not(.disabled):first-child.nextstep:hover,
.formbuttons.multiStep .button:not(.hidden):not([disabled]):not(.disabled):first-child.nextstep:active,
.formbuttons.multiStep .button:not(.hidden):not([disabled]):not(.disabled):first-child.completeworkflow:hover,
.formbuttons.multiStep .button:not(.hidden):not([disabled]):not(.disabled):first-child.completeworkflow:active,
.formbuttons.multiStep .button:not(.hidden):not([disabled]):not(.disabled):first-child.inlinesave:hover,
.formbuttons.multiStep .button:not(.hidden):not([disabled]):not(.disabled):first-child.inlinesave:active,
.formbuttons.multiStep .button:not(.hidden):not([disabled]):not(.disabled):first-child.positive:hover,
.formbuttons.multiStep .button:not(.hidden):not([disabled]):not(.disabled):first-child.positive:active {
  background-color: #0a5b80;
  border-bottom: 1px solid #ffd400;
}

p.flatradio.container:not(.selected) input.flatradio:checked + label,
p.flatradio.container:not(.selected) input.flatradio:checked + label .subtle {
  color: #0a5b80;
}

input.flatradio:checked + label:before {
  background-color: #0a5b80;
  border-color: #0a5b80;
}

.standardBanner.informationalType .header {
  color: #0a5b80;
}

/* EPP */
body #extPmtPageFrame {
  height: 68rem;
  overflow-y: visible;
}

body #guestPay-content #extPmtPageFrame {
  height: 68rem;
  overflow-y: visible;
}

body #guestPay-content .formbuttons {
  margin-bottom: 5rem;
}
