:root {
    --cc_bg_mid: #8CA7D6;
    --cc_bg_dk: #006EB6;
    --cc_fg_dk: rgb(255, 255, 255);
    --cc_fg_dk_act: rgb(255, 255, 255);
}



.balance-circle {
    border-color: rgba(22,128,4,0.7) !important;
}

    .balance-circle .circle-foot {
        background-color: rgba(22,128,4,0.7) !important;
    }

.cashback-circle {
    border-color: rgba(0,192,239,0.7);
}

    .cashback-circle .circle-foot {
        background-color: rgba(0,192,239,0.7) !important;
    }

.statement-circle {
    border-color: rgba(243,156,18,0.7) !important;
}

    .statement-circle .circle-foot {
        background-color: rgba(243,156,18,0.7) !important;
    }

.inner-circle {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

.background-dark { /* header and footer background */
    background-color: #006EB6 !important
}

    .background-dark a:hover { /* header and footer background */
        color: #006EB6 !important;
        text-decoration: none !important;
    }

.foreground-dark { /* header and footer text */
    color: rgb(255, 255, 255) !important;
}

    .foreground-dark:active { /* header and footer text */
        color: rgb(255, 255, 255) !important;
    }

    .foreground-dark:visited { /* header and footer text */
        color: rgb(255, 255, 255) !important;
    }

.background-mid { /* sub nav background */
    background-color: #8CA7D6 !important;
}

.foreground-mid { /* sub nav text */
    color: rgb(255, 255, 255) !important;
}

    .foreground-mid:active { /* sub nav text */
        color: rgb(255, 255, 255) !important;
    }

    .foreground-mid:visited { /* sub nav text */
        color: rgb(255, 255, 255) !important;
    }

.background-light { /* background image - not used */
    background-color: rgb(255, 255, 255) !important;
}

.foreground-light { /* not used */
    color: rgb(34, 34, 34) !important;
}

    .foreground-light:active { /* not used */
        color: rgb(34, 34, 34) !important;
    }

    .foreground-light:visited { /* not used */
        color: rgb(34, 34, 34) !important;
    }

.btn-default,
.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
    border-color: #006EB6;
    color: rgb(255, 255, 255);
    background-color: #006EB6;
}

    .btn-default:active:focus,
    .btn-default:active.focus,
    .btn-default.active:focus,
    .btn-default.active.focus,
    .open > .dropdown-toggle.btn-default:focus,
    .open > .dropdown-toggle.btn-default.focus {
        background-color: #006EB6 !important;
        border-color: #006EB6 !important;
        color: rgb(255, 255, 255) !important;
        opacity: 0.9;
    }

    .btn-default:disabled,
    .btn-default.disabled,
    .btn-default[disabled],
    fieldset[disabled] .btn-default,
    .btn-default:disabled:focus,
    .btn-default.disabled:focus,
    .btn-default[disabled]:focus,
    fieldset[disabled] .btn-default:focus {
        background-color: #006EB6 !important;
        border-color: #006EB6 !important;
        color: rgb(255, 255, 255) !important;
        opacity: 0.5;
    }

    .btn-default:disabled {
        border-color: #006EB6;
        color: rgb(255, 255, 255);
        background-color: #006EB6;
        opacity: 0.5;
    }

.carouselCaption {
    border-color: rgb(0, 0, 0) !important;
    color: rgb(0, 0, 0) !important;
    background-color: #006EB6 !important;
}

.btn-blue {
    border-color: rgb(34, 28, 70);
    color: white !important;
    background-color: rgb(34, 28, 70);
}