.bg-primary {
	background-color: hsl(60, 100%, 40%) !important;
}

.bg-primary:hover {
	background-color: hsl(60, 100%, 50%) !important;
}

.bg-primary-disabled {
	background-color: hsl(60, 100%, 50%) !important;
}

.border-primary {
	border-color: hsl(60, 100%, 40%) !important;
}

.text-primary {
	color: hsl(60, 100%, 40%) !important;
}

.text-primary:hover {
	color: hsl(60, 100%, 50%) !important;
}

.bg-secondary {
	background-color: hsl(0, 0%, 27%) !important;
}

.bg-secondary:hover {
	background-color: hsl(0, 0%, 27%) !important;
}

.border-secondary {
	border-color: hsl(0, 0%, 27%) !important;
}

.text-secondary {
	color: hsl(0, 0%, 27%) !important;
}

.text-secondary:hover {
	color: hsl(0, 0%, 27%) !important;
}