/* Stop waiting
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.wait-for-theme {
    opacity: 1;
}
/* Provider Group Name
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.provider-group-name:after {
  content: "BJC HealthCare";
}

/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button, .button:not(.vuetify, .vjs-button, .vjs-big-play-button, .__ctaButton), button:not(.vuetify, .vjs-button, .vjs-big-play-button, .__ctaButton), input[type="submit"], input[type="reset"], input[type="button"] {
    border-color: #00529B;
    color: #00529B;
}

.button:hover, .button:not(.vuetify, .vjs-button, .vjs-big-play-button, .__ctaButton):hover, button:not(.vuetify, .vjs-button, .vjs-big-play-button, .__ctaButton):hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover {
    color: #276caa;
    border-color: #276caa;
}

.button:focus, .button:not(.vuetify, .vjs-button, .vjs-big-play-button, .__ctaButton):focus, button:not(.vuetify, .vjs-button, .vjs-big-play-button, .__ctaButton):focus, input[type="submit"]:focus, input[type="reset"]:focus, input[type="button"],
.button:active, .button:not(.vuetify, .vjs-button, .vjs-big-play-button, .__ctaButton):active, button:not(.vuetify, .vjs-button, .vjs-big-play-button, .__ctaButton):active, input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active {
    color: #407eb4;
    border-color: #4581b6;
}

.button.button-primary, .button.button-primary:not(.vuetify), button.button-primary:not(.vuetify) {
    background-color: #00529B;
    border-color: #00529B;
}

.button.button-primary.button-against-dark-bg, .button:not(.vuetify).button-primary.button-against-dark-bg,button:not(.vuetify).button-primary.button-against-dark-bg {
    border-color: #004c8f;
}

.button.button-primary.button-against-dark-bg:hover, .button:not(.vuetify).button-primary.button-against-dark-bg:hover, button:not(.vuetify).button-primary.button-against-dark-bg:hover {
    border-color: #003e75;
}

.button.button-primary:hover, .button:not(.vuetify).button-primary:hover, button:not(.vuetify).button-primary:hover {
    background-color: #1a64a5;
    border-color: #2269a8;
}

.button.button-primary:focus, .button:not(.vuetify).button-primary:focus, button:not(.vuetify).button-primary:focus,
.button.button-primary:active, .button:not(.vuetify).button-primary:active, button:not(.vuetify).button-primary:active {
    background-color: #276caa;
    border-color: #3375af;
}

.button-group button:last-child, .button-group .button:last-child  {
    border-right-color: #00529B;
}

.v-button-primary.vuetify.v-btn:not(.unbranded) {
    background-color: #00529B;
    border-color: #00529B;
}
.v-btn--outlined.vuetify.v-btn:not(.unbranded) {
    border-color: #00529B;
}
.v-btn--outlined.vuetify.v-btn:not(.unbranded) .v-btn__content,
.bill-summary-autoscroll-mobile button.v-btn.vuetify.autoscroll-button.v-btn--text,
.bill-summary-autoscroll-mobile button.v-btn.vuetify.autoscroll-button.v-btn--text .v-icon,
.vuetify .account-details-autoscroll-mobile button.v-btn.vuetify.autoscroll-button.v-btn--text,
.vuetify .account-details-autoscroll-mobile button.v-btn.vuetify.autoscroll-button.v-btn--text .v-icon {
    color: #00529B;
}
.vuetify button.v-btn--text:not(.v-button-primary) {
	color: #00529B;
}

/* Button loaders/spinners
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button-svg-loader-container img[src$=".svg"] {
    /*
    use either a white or dark gray spinner depending on the secondary color,
    which should be the background color for the button
    */
    filter: saturate(0) invert(1);
}

/* Datepicker
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.dashboard-summary-table td a {
    border-bottom-color: #00529B;
}

.dashboard-summary-table td a:hover {
    border-bottom-color: #4480b6;
}

/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */
select:focus {
    border-bottom-color: #00529B;
}

input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus {
    border-color: #00529B;
}

.input-focused .input-area-field-wrapper {
    border-bottom-color: #888;
}

.input-area-rules li {
    color: #616161;
}

.input-area-field-wrapper {
    border-bottom-color: #d1d1d1;
}

.input-area-rules .rule-met-icon .iconic * {
    fill: #616161;
}

.errored .input-area-rules .iconic * {
    fill: #CB2A23;
}

.input-area-rules .rule-met .rule-met-icon .iconic * {
    fill: #1aa951;
}


/* Modals
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.success .modal-content-container:not(.vuetify) {
    background-color: #1560a3;
}

.information .modal-content-container:not(.vuetify) {
    background-color: #00529B;
}

/* Notifications
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.notification {
    background: #1560a3;
    border-color: #00529B;
}

.notification-close .iconic:hover {
    fill: #003665;
}

.notif-background svg {
    fill: #1560a3;
}

.notifications.success {
    background: #2d70ad;
    border-color: #135793;
    color: #004078;
}

.notifications .notification-read-indicator.unread svg * {
    fill: #00529B;
}
/* Feedback
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.feedback-modal-container .modal-content-container .feedback-modal-background {
    background-color: #1560a3;
}

.feedback-modal div.feedback-icon.selected {
    background: #004078;
}

.feedback-modal div.feedback-icon:hover, .feedback-modal div.feedback-icon.selected:hover {
    background: #004684;
}

.button-group.nps-buttons button {
    background-color: #00529B;
    border-color: #00427c;
}

.button-group.nps-buttons button:hover {
    background-color: #1a64a5;
    border-top-color: #125fa3;
    border-bottom-color: #125fa3;
}

.button-group.nps-buttons button:hover:first-child {
    border-left-color: #125fa3;
}


.button-group.nps-buttons button:hover:last-child {
    border-right-color: #125fa3;
}

.button-group.nps-buttons button:focus,
.button-group.nps-buttons button:active,
.button-group.nps-buttons button.button-selected {
    background-color: #276caa;
    border-top-color: #276caa;
    border-bottom-color: #276caa;
}

.button-group.nps-buttons button:button-selected:first-child {
    border-left-color: #1f67a7;
}

.button-group.nps-buttons button:button-selected:last-child {
    border-left-color: #1f67a7;
}
/* New NPS after payment feedback */
.feedback-modal-payment .feedback-modal-container .modal-content-container {
    background-color: #1560a3;
}

/* Footer
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.footer-separator {
    background-color: #1560a3;
}

/* Header
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.header {
    background: #00529B;
}

.nav-content {
    width: 100%;
}

/* How should we handle light colors? */
.nav-content a:hover, .nav-content .link:hover {
    color: white;
}

@media (min-width: 750px) {
    .nav-items-locations {
        left: 0;
    }
}

.header-home-link {
    height:32px;
    visibility: hidden;
}

.header-home-link svg {
    display:none;
}


.header .button.button-primary {
    background: #004c8f;
    border-color: #004c8f;
}

.nav-items-actions .button.button-primary, .nav-items-actions .button:not(.vuetify).button-primary {
    background: #004c8f;
    border-color: #004c8f;
}

/* Need to override some mobile styles. */
@media (max-width: 750px) {
    .nav-items-locations a.active, .nav-items-locations span.active {
        background: #00529B;
        border-color: #1560a3;
    }
}

/* Need to override some desktop styles. */
@media (min-width: 750px) {
    .nav-items-actions .icon .notif-background svg {
        fill: #1560a3;
    }
}

/* Landing
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.landing-entry-container {
    background: #FFFFFF;
}

.landing-entry-container .provider,
.landing-entry-container .instructions,
.landing-entry-container .scode-amount-instructions,
.landing-entry-container .scode-amount-help {
    color: #7a7a7a;
}

.language-dropdown-landing-container {
    color: #00529B !important;
}
/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.payment-content .listing-items .input-area-wrapper a.billpay {
    color: #00529B;
}

.payment-content .listing-items .input-area-wrapper a.billpay:hover {
    color: #1f67a7;
}

/* Messages
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.message-details .type-indicator.type-patient svg * {
    fill: #1560a3;
}

.message-details .type-indicator.type-provider svg * {
    fill: #1560a3;
}

/* Payment
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.payment-content .button-group {
    border-right: #00529B;
}

.payment-content .financing-page button[disabled]:hover,
.payment-content .financing-page button[disabled]:focus,
.payment-content .financing-page button[disabled]:active,
.payment-content .financing-page button[disabled],
.payment-content .financing-options button[disabled]:hover,
.payment-content .financing-options button[disabled]:focus,
.payment-content .financing-options button[disabled]:active,
.payment-content .financing-options button[disabled] {
    color: #00529B;
    border-color: #00529B;
}

.payment-content .listing-items .listing-item-icon .iconic {
    fill: #00529B;
}
/* Payment Form
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.payment-form-content .listing-items .listing-item-icon .iconic {
    fill: #00529B;
}

/* Progress
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@keyframes pulse {
    0%    { background-color: #00529B; }
    50%   { background-color: #004a8c; }
    100%  { background-color: #00529B; }
}

.progress-bar {
    border-color: #00529B;
}

.progress-state {
    background-color: #00529B;
}

/* Verify
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.verify-question {
    color: #00529B;
}

.verify-question-wrapper {
    border-color: #00529B;
}
/* Logo
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.landing-logo:not(.billpay) {
    background: url('https://dv6uoixygdb8o.cloudfront.net/themes/2/bjc_1559688354.png');
    height: 200px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.landing-logo svg {
    display: none;
}

/* New vuetify styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.filled-icon {
    background: #00529B !important;
}
.v-tabs-slider-wrapper {
    color: #00529B !important;
}
.vuetify .v-input.v-text-field--outlined.v-input--is-focused {
    color: #00529B;
}
.vuetify .v-input.v-text-field--outlined.v-input--is-focused .v-label--active:not(.v-label--is-disabled) {
    color: #00529B;
}