:root {
	--black: #3E3E3E !important;
	--blackHover: #575757 !important;
	--primaryBlue: #2193B0 !important;
	--primaryBlueHover: #3fb9d8 !important;
	--lighterBlue: #52d3f3 !important;
	--cyan: #E9F3F5 !important;
	--gray: #B1B1B1 !important;
	--pink: #F53258 !important;
	--pinkHover: #f35272 !important;
	--lighterPink: #FF637D !important;
	--yellow: #C8BF27 !important;
	--lightGray: #EcEcEc !important;
	--darkBlue: #186b80 !important;
	--darkBlueHover: #248ea8 !important;
	--ligtherGray: #f7f7f7 !important;
	--defaultWhite: #fff !important;
	--orange: #ff8100 !important;
	--orangeHover: #f79738 !important;
	--lighterOrange: #ffa233 !important;
	--green: #8bc34a !important;
	--greenTransparent: #8bc34a80 !important;
	--lighterGreen: #a1d374 !important;
	--greenHover: #74a140 !important;
	--greenchroma: #05F73E !important;
	--greyDarker: #C5C5C5 !important;
	--selectedBackground: #bbdae1;
}

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

.bg-darker {
	background-color: var(--darkBlue) !important;
}

.bg-danger {
	background-color: var(--pink) !important;
}

.bg-warning {
	background-color: var(--orange) !important;
}

.bg-success {
	background-color: var(--green) !important;
}

.btn-primary:not(:disabled) {
	background-color: var(--primaryBlue) !important;
	border-color: var(--primaryBlue) !important;
	color: white !important;
}

.btn-primary:disabled {
	background-color: var(--lighterBlue) !important;
	border-color: var(--lighterBlue) !important;
	color: var(--lightGray) !important;
}

.btn-primary:hover:not(:disabled) {
	background-color: var(--primaryBlueHover) !important;
	border-color: var(--primaryBlueHover) !important;
	color: white;
}

.btn-darker:not(:disabled) {
	background-color: var(--darkBlue) !important;
	border-color: var(--darkBlue) !important;
	color: white !important;
}

.btn-darker:disabled {
	background-color: var(--lighterBlue) !important;
	border-color: var(--lighterBlue) !important;
	color: var(--lightGray) !important;
}

.btn-darker:hover:not(:disabled) {
	background-color: var(--darkBlueHover) !important;
	border-color: var(--darkBlueHover) !important;
	color: white;
}

.btn-danger:not(:disabled) {
	background-color: var(--pink) !important;
	border-color: var(--pink) !important;
	color: white !important;
}

.btn-danger:disabled {
	background-color: var(--lighterPink) !important;
	border-color: var(--lighterPink) !important;
	color: var(--lightGray) !important;
}

.btn-danger:hover:not(:disabled) {
	background-color: var(--pinkHover) !important;
	border-color: var(--pinkHover) !important;
	color: white;
}

.btn-warning:not(:disabled) {
	background-color: var(--orange) !important;
	border-color: var(--orange) !important;
	color: white !important;
}

.btn-warning:disabled {
	background-color: var(--lighterOrange) !important;
	border-color: var(--lighterOrange) !important;
	color: var(--lightGray) !important;
}

.btn-warning:hover:not(:disabled) {
	background-color: var(--orangeHover) !important;
	border-color: var(--orangeHover) !important;
	color: white;
}

.btn-success:not(:disabled) {
	background-color: var(--green) !important;
	border-color: var(--green) !important;
	color: white !important;
}

.btn-success:disabled {
	background-color: var(--lighterGreen) !important;
	border-color: var(--lighterGreen) !important;
	color: var(--lightGray) !important;
}

.btn-success:hover:not(:disabled) {
	background-color: var(--greenHover) !important;
	border-color: var(--greenHover) !important;
	color: white;
}

.text-primary {
	color: var(--primaryBlue) !important;
}

.text-danger {
	color: var(--pink) !important;
}

.text-warning {
	color: var(--orange) !important;
}

.text-success {
	color: var(--green) !important;
}

.text-card-yellow {
	color: var(--yellow) !important;
}