:root{

	--ccm-blue: #43B3C1;
	--ccm-blue-dark: #3299a6;
	--ccm-blue-light: #6cc9d4;

	/* Override Bootstrap */
	--bs-primary: #43B3C1;
	--bs-primary-rgb: 67,179,193;

	--bs-info: #43B3C1;
	--bs-info-rgb: 67,179,193;

}

.btn-primary{
	background-color: var(--ccm-blue);
	border-color: var(--ccm-blue);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:focus-visible{
	background-color: var(--ccm-blue-dark);
	border-color: var(--ccm-blue-dark);
}

.btn-primary:active{
	background-color: var(--ccm-blue-dark) !important;
	border-color: var(--ccm-blue-dark) !important;
}

/* OUTLINE BUTTONS */

.btn-outline-primary{
	color: var(--ccm-blue);
	border-color: var(--ccm-blue);
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:focus-visible{
	background-color: var(--ccm-blue);
	border-color: var(--ccm-blue);
	color: #fff;
}

.btn-outline-primary:active{
	background-color: var(--ccm-blue-dark) !important;
	border-color: var(--ccm-blue-dark) !important;
	color: #fff;
}

.btn-secondary{
	background-color: var(--ccm-blue);
	border-color: var(--ccm-blue);
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:focus-visible{
	background-color: var(--ccm-blue-dark);
	border-color: var(--ccm-blue-dark);
}

.btn-secondary:active{
	background-color: var(--ccm-blue-dark) !important;
	border-color: var(--ccm-blue-dark) !important;
}

.btn-outline-secondary{
	color: var(--ccm-blue);
	border-color: var(--ccm-blue);
}

.btn-outline-secondary:hover,
.btn-outline-secondary:focus,
.btn-outline-secondary:focus-visible{
	background-color: var(--ccm-blue);
	border-color: var(--ccm-blue);
	color: #fff;
}

.btn-outline-secondary:active{
	background-color: var(--ccm-blue-dark) !important;
	border-color: var(--ccm-blue-dark) !important;
	color: #fff;
}

/* BADGES */

.bg-primary{
	background-color: var(--ccm-blue) !important;
}

.bg-info{
	background-color: var(--ccm-blue) !important;
}

/* LINKS */

a{
	color: var(--ccm-blue);
}

a:hover{
	color: var(--ccm-blue-dark);
}

/* PAGINATION */

.page-item.active .page-link{
	background-color: var(--ccm-blue);
	border-color: var(--ccm-blue);
}

/* PROGRESS */

.progress-bar{
	background-color: var(--ccm-blue);
}