:root {
	--cc_bg_mid: #FCAE26;
	--cc_bg_dk: #000000;
	--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: ##CIRCLE3BG## !important;
}
.statement-circle .circle-foot {
	background-color: ##CIRCLE3BG## !important;
}
.inner-circle {
	background-color: rgba(255, 255, 255, 0.5) !important;
}
.background-dark { /* header and footer background */
	background-color: #000000 !important
}
.background-dark a:hover { /* header and footer background */
	color: #000000 !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: #FCAE26 !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 {
	border-color: #000000; color: rgb(255, 255, 255); background-color: #000000;
}
.btn-default:hover {
	border-color: #000000; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255);
}
.btn-default:disabled {
	border-color: #000000; color: rgb(255, 255, 255); background-color: #000000; opacity: 0.5;
}
.carouselCaption {
	border-color: rgb(0, 0, 0) !important; color: rgb(0, 0, 0) !important; background-color: #000000 !important;
}

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