﻿/*************************************
**************************************
    7005 Color Overrides
**************************************
*************************************/

a {
    color: #00568c;
}
    a:hover,
    a:focus,
    a:active {
        color: #007ac7;
    }

#back-to-top a {
    background-color: #999999;
}

.bg-primary {
	background-color: #00263E;
}

.bg-success {
    background-color: #388e3c;
}

.bg-inverse {
    background-color: #999999;
}

.text-primary {
    color: #145296;
}

.text-primary-alt {
    color: #00263E;
}

.text-success,
.status-green {
    color: #388e3c;
}

.text-highlight {
    color: #007ac7;
}

.text-cool-gray {
    color: #686868;
}

.navbar-default .navbar-text,
.navbar-default .navbar-nav > li > a {
    color: #00263E;
}

    .navbar-default .navbar-text p small {
        color: #00263E;
    }

.navbar-account-select {
    background-color: #00263E;
}

.nav-name {
    color: #00263E;
}

#nav-account-num-xs {
    color: #00263E;
}

.dropdown.open > .dropdown-toggle:focus {
    color: #00263E !important;
}

.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus,
.navbar-nav > li.active > a:hover,
.dropdown-menu li a:hover,
.dropdown-menu li a:focus,
.dropdown-menu li a:active {
    color: #00263E !important;
    background-color: #a4c8e1 !important;
    border-color: #a4c8e1 !important;
}

.navbar-nav > li.active > a,
#top-title-xs {
    color: #007ac7 !important;
}

.navbar-dashboard .navbar-nav > li > a {
    color: #f1f1f1;
}

.navbar-dashboard,
.navbar-dashboard .navbar-collapse,
.navbar-submission {
    background-color: #999999;
}

a.nav-switch-account.btn-info:hover,
a.nav-switch-account.btn-info:focus,
a.nav-switch-account.btn-info:active {
    color: #00263E !important;
}

.accountsList-selected {
    color: #00263E !important;
}

@media (max-width: 374px) {
    .navbar-brand {
        display: none;
    }
}

@media (max-width: 992px) {
    .navbar-brand img {
        max-width: 200px;
    }
}

/* include #footer to override custom.css */
.footer, #footer {
    background-color: #00263E;
    border-top: 1px solid #00263E;
}

#footer-nav a.sub {
    color: #a4c8e1;
}

.errorPage-text,
.errorPage-navText,
.errorPage-footer-msg,
.panel .panel-heading h4,
div.jGrowl div.jGrowl-notification.warning,
#account-display {
    color: #686868;
}

.panel .panel-heading.panel-heading-dark {
    background-color: #00263E;
}

.panel .panel-heading h4,
.panel .panel-heading .icon i,
.modal-header,
.popover-title {
    color: #00263E;
}

.wizard-steps .wstep.current,
.wizard-steps .wstep.current .donut i {
    color: #00263E;
}
    .wizard-steps .wstep.current .donut {
        border-color: #00263E;
    }

.wizard-steps .wstep.done,
.wizard-steps .wstep.done .donut i {
    color: #007ac7;
}
    .wizard-steps .wstep.done .donut {
        border-color: #007ac7;
    }

.nav-tabs > li > a:hover,
.nav-tabs > li > a:hover > i {
    background-color: #a4c8e1 !important;
    border-color: #a4c8e1 !important;
    color: #00263E !important;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a > i {
    color: #007ac7;
}

.btn-primary,
div.dt-buttons > .dt-button.btn-primary {
    background-color: #00263E;
    border-color: #00263E;
}
    .btn-primary:hover,
    .btn-primary:focus,
    .btn-primary:active,
    .btn-primary.active,
    div.dt-buttons > .dt-button.btn-primary:hover,
    div.dt-buttons > .dt-button.btn-primary:focus,
    div.dt-buttons > .dt-button.btn-primary:active,
    div.dt-buttons > .dt-button.btn-primary.active,
    div.dt-buttons > .dt-button.btn-primary:active:not(.disabled):hover:not(.disabled),
    div.dt-buttons > .dt-button.btn-primary.active:not(.disabled):hover:not(.disabled),
    div.dt-container .dt-paging .dt-paging-button:hover,
    div.dt-container .dt-paging .dt-paging-button:active {
        background: initial;
        background-color: #007ac7;
        border-color: #007ac7;
    }

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    background-color: #0E2330;
    border-color: #0E2330;
}

.btn-success {
    background-color: #69a4ce;
    border-color: #69a4ce;
}

a.btn-success:hover,
a.btn-success:focus,
a.btn-success:active,
a.btn-success.active,
button.btn-success:hover,
button.btn-success:focus,
button.btn-success:active,
button.btn-success.active {
    background-color: #a4c8e1 !important;
    border-color: #a4c8e1 !important;
    color: #00263E !important;
}

.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
    background-color: #80a0b7;
    border-color: #80a0b7;
}

.er-db-statistics-btn .btn-success:hover {
    background-color: #00c853 !important;
}

.btn-info,
div.dt-buttons > .dt-button.btn-info {
    background-color: #007ac7;
    border-color: #007ac7;
}
    .btn-info:hover,
    .btn-info:focus,
    .btn-info:active,
    .btn-info.active,
    div.dt-buttons > .dt-button.btn-info:hover,
    div.dt-buttons > .dt-button.btn-info:focus,
    div.dt-buttons > .dt-button.btn-info:active,
    div.dt-buttons > .dt-button.btn-info.active,
    div.dt-buttons > .dt-button.btn-info:active:not(.disabled):hover:not(.disabled),
    div.dt-buttons > .dt-button.btn-info.active:not(.disabled):hover:not(.disabled) {
        background: initial;
        background-color: #a4c8e1;
        border-color: #a4c8e1;
    }

    .btn-info.disabled,
    .btn-info[disabled],
    fieldset[disabled] .btn-info,
    .btn-info.disabled:hover,
    .btn-info[disabled]:hover,
    fieldset[disabled] .btn-info:hover,
    .btn-info.disabled:focus,
    .btn-info[disabled]:focus,
    fieldset[disabled] .btn-info:focus,
    .btn-info.disabled:active,
    .btn-info[disabled]:active,
    fieldset[disabled] .btn-info:active,
    .btn-info.disabled.active,
    .btn-info[disabled].active,
    fieldset[disabled] .btn-info.active {
        background-color: #3d6c8a;
        border-color: #3d6c8a;
    }

.btn-inverse {
    background-color: #999999;
    border-color: #999999;
}

    .btn-inverse:hover,
    .btn-inverse:focus,
    .btn-inverse:active,
    .btn-inverse.active,
    .btn-inverse.disabled,
    .btn-inverse[disabled] {
        color: #686868;
    }

.btn-white {
    background-color: #ffffff;
    border-color: #ffffff;
    color: #00263E;
}

a.btn-white:hover,
a.btn-white:focus,
a.btn-white:active,
a.btn-white.active,
button.btn-white:hover,
button.btn-white:focus,
button.btn-white:active,
button.btn-white.active {
    background-color: #00263E;
    border-color: #00263E;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success {
    background: #388e3c;
}

.progress-bar {
    color: #ffffff;
    background-color: #388e3c;
}

.complete-message i {
    color: #388e3c;
}

.success-check circle,
.success-check polyline {
    stroke: #388e3c;
}

div.jGrowl div.jGrowl-notification.success {
    background-color: #388e3c;
    border-color: #388e3c;
}

.img-center10 {
    margin: 10px auto;
}

.account-select-product-type,
.nav-name-product-type,
.db-product-type,
#db-account-balance,
.account-balance {
    color: #007ac7;
}

.editing-expense {
    color: #00568c;
}

#change-employeraccount-menu > li > a.ea-selected {
    background-color: #00568c;
    border: 1px solid #00568c !important;
}
    #change-employeraccount-menu > li > a.ea-selected:hover,
    #change-employeraccount-menu > li > a.ea-selected:active {
        background-color: #dedede !important;
        border: 1px solid #dedede;
    }

#nav-message-new,
#nav-notification-new,
.notification-list-new,
#hamburger-new {
    background-color: #007ac7;
}

.navbar-nav > li > a:hover > #nav-message-new,
.navbar-nav > li > a:focus > #nav-message-new,
.navbar-nav > li > a:hover > #nav-notification-new,
.navbar-nav > li > a:focus > #nav-notification-new {
    color: #a4c8e1;
    background-color: #00263E;
}

.unread-msg {
    color: #007ac7;
}

.resource-more-info:active,
.resource-more-info:hover,
.resource-more-info:focus {
    color: #007ac7;
}

.panel-hra-store {
    display: none;
    background-image: url(/Images/7005/bg-hra-store-555.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-color: transparent !important;
    border: none;
    min-height: 300px;
}

    .panel-hra-store .btn {
        display: none;
        position: absolute;
        left: 6%;
        top: 185px;
    }

@media (min-width: 375px) {
    .panel-hra-store,
    .panel-hra-store .btn {
        display: block;
    }
}

@media (min-width: 440px) {
    .panel-hra-store .btn {
        left: 14%;
        top: 1000%;
    }
}

@media (min-width: 440px) {
    .panel-hra-store,
    .panel-hra-store .btn {
        display: block;
    }
}

@media (min-width: 768px) {
    .panel-hra-store {
        background-image: url(/Images/7005/bg-hra-store-720.png);
        min-height: 225px;
    }

        .panel-hra-store .btn {
            left: 40px;
            top: 135px;
            padding: 10px 25px;
        }
}

@media (min-width: 992px) {
    .panel-hra-store {
        background-image: url(/Images/7005/bg-hra-store-555.png);
        min-height: 228px;
    }

        .panel-hra-store .btn {
            left: 28px;
            top: 165px;
        }
}

@media (min-width: 1200px) {
    .panel-hra-store {
        min-height: 278px;
    }

        .panel-hra-store .btn {
            left: 38px;
            top: 205px;
        }
}

.er-stat-1 {
    border-color: #b3d1e6;
}

.er-stat-2 {
    border-color: #a4c8e1;
}

.er-stat-3 {
    border-color: #95bfdc;
}

.er-stat-4 {
    border-color: #86b6d7;
}

.er-stat-5 {
    border-color: #78add2;
}

.er-stat-6 {
    border-color: #69a4ce;
}

.er-stat-7 {
    border-color: #5a9bc9;
}

.er-stat-8 {
    border-color: #4b93c4;
}

#db-fsa-info-benefittype,
#uniform-SelectedDivisionID > span {
    color: #007ac7;
}

.db-election-graph-available,
#db-contribution-graph-available {
    background-color: #007ac7;
}