body {
	background: #eee;
	padding-bottom: 20px;
}

.header-row {
	color: #fff;
	font-size: 22px;
	padding: 20px 0;
	font-weight: bold;
}

.card {
	margin-top: 50px;
	border-radius: 10px;
}

.card-header {
	margin: -30px 20px 0px 20px;
	background: #fff;
	border-radius: 10px !important;
}

.card-body {
	padding: 5px 20px;
	color: #fff;
	font-weight: bold;
}

.card-title {
	margin-bottom: 0.3rem;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
}

.font-darkpurple {color: #613078;}
.font-darkblue {color: #101d40;}
.background-darkblue {background-color: #101d40 !important;}
.background-termspurple {background-color: #7b2145 !important;}
.background-blue {background-color: #0066b2 !important;}
.background-green {background-color: #40ad48 !important;}
.background-darkgreen {background-color: #28732e !important;}
.background-red {background-color: #e1232a !important;}
.background-darkred {background-color: #9c1419 !important;}
.background-purple {background-color: #934db3 !important;}
.background-darkpurple {background-color: #613078 !important;}
.background-yellow {background-color: #fdb813 !important;}
.background-darkyellow {background-color: #dda300 !important;}
.background-eee {background-color: #eeeeee !important;}
.background-blue-gradient {background: linear-gradient(to bottom right, #0066b2 , #101d40);}
.background-purple-gradient {background: linear-gradient(to bottom right, #934db3 , #613078);}