/*Background colours*/

.bg-light-blue {
	--sky-blue-90: hsl(196, 74%, 90%);
	background-color: var(--sky-blue-90) !important;
	--bs-table-bg: var(--sky-blue-90);
	--bs-table-accent-bg: var(--sky-blue-90);
}

.bg-light-yellow {
	--sunflower-85: hsl(55, 100%, 85%);
	--risk-yellow-85: hsl(48, 100%, 85%);
	background-color: var(--risk-yellow-85) !important;
	--bs-table-bg: var(--risk-yellow-85);
	--bs-table-accent-bg: var(--risk-yellow-85);
}

.bg-light-green {
	--risk-green-80: hsl(114, 49%, 85%);
	background-color: var(--risk-green-80) !important;
	--bs-table-bg: var(--risk-green-80);
	--bs-table-accent-bg: var(--risk-green-80);
}

.bg-light-red {
	--risk-red-80: hsl(357, 68%, 85%);
	background-color: var(--risk-red-80) !important;
	--bs-table-bg: var(--risk-red-80);
	--bs-table-accent-bg: var(--risk-red-80);
}

.bg-mid-grey {
	--sandstone-80: hsl(40, 3%, 80%);
	background-color: var(--sandstone-80) !important;
	--bs-table-bg: var(--sandstone-80);
	--bs-table-accent-bg: var(--sandstone-80);
}

.bg-light-grey {
	--sandstone-95: hsl(40, 3%, 95%);
	background-color: var(--sandstone-95) !important;
	--bs-table-bg: var(--sandstone-95);
	--bs-table-accent-bg: var(--sandstone-95);
}

.bg-white-grey {
	--sandstone-99: hsl(40, 3%, 99%);
	background-color: var(--sandstone-99) !important;
	--bs-table-bg: var(--sandstone-99);
	--bs-table-accent-bg: var(--sandstone-99);
}

.bg-gold {
	--sunflower-50: hsl(55, 100%, 50%);
	--risk-yellow-50: hsl(48, 100%, 50%);
	background-color: var(--risk-yellow-50) !important;
	--bs-table-bg: var(--risk-yellow-50);
	--bs-table-accent-bg: var(--risk-yellow-50);
}

.bg-dark-green {
	--risk-green-60: hsl(114, 49%, 60%);
	background-color: var(--risk-green-60) !important;
	--bs-table-bg: var(--risk-green-60);
	--bs-table-accent-bg: var(--risk-green-60);
}

.bg-eucalyptus {
	--eucalyptus-70: hsl(178, 80%, 70%);
	background-color: var(--eucalyptus-70) !important;
	--bs-table-bg: var(--eucalyptus-70);
	--bs-table-accent-bg: var(--eucalyptus-70);
}

.fg-light-green {
	--risk-green-40: hsl(114, 49%, 40%);
	color: var(--risk-green-40);
}

.fg-light-red {
	--risk-red-40: hsl(357, 68%, 40%);
	color: var(--risk-red-40);
}

/*Heights*/

.min-height-50 {
	min-height: 50px;
}


/*Fade (for div elements explicitly added to modals)*/
.fade-fast {
	/* start hidden/transparent */
	opacity: 0;
	transition: opacity .15s linear;
}
.fade-fast.show {
	opacity: 1;
}