/* BACKGROUNDS START HERE */
.bg-custom-01 {
	background-color: #8b0000;
}

.bg-custom-02 {
	background-color: #fbc302;
}

.bg-first {
	background-color: rgba(255,215,0,0.5);
}

.bg-second {
	background-color: rgba(192,192,192,0.3);
}

.bg-third {
	background-color: rgba(184,115,51,0.3);
}

.bg-fourth {
	background-color: rgba(25,135,84,0.3);
}

.bg-sa {
	background-color: rgba(25,135,84,0.3);
}

.bg-ad{
	background-color: rgba(255,193,7,0.3);
}

.bg-warning-subtle {
	background-color: #fff3cd !important;
}

.bg-success-subtle {
    background-color: #d1e7dd !important;
}

.bg-danger-subtle {
	background-color: #f8d7da !important;
}

.bg-secondary-subtle {
	background-color: #e2e3e5 !important;
}

.bg-primary-subtle {
	background-color: #cfe2ff !important;
}

.bg-boy {
	background-color: #cfe2ff !important;
}

.bg-girl {
	background-color: #f8d7da !important;
}

.page-faded-background-panel{
	background-color: #fbc302;
	border: 1px solid #000000;
	width: 100%;
}

.page-body-content{
	color: #000000;
	font-size: 0.9rem;
	font-weight: 500;
	padding: 0.9rem;
}

.link-panel{
	color: #000000;
	background-color: #ffffff;
	width: 100%;
	min-height: 4rem;
	padding: 0.5rem;
	border: 1px solid #8b0000;
}

.page-background-panel {
	width: 100%;
	background-color: #1b79a6;
	border: 1px solid #aec1cf;
	padding: 0.5rem 0.75rem;
	margin: 1rem 0rem;
}

.page-category-header {
	color: #ffffff;
	text-shadow: -1px 0 #3b95e3, 0 1px #3b95e3, 1px 0 #3b95e3, 0 -1px #3b95e3;
	font-weight:650;
	width: 100%;
}