body {
	--aah-color: #dc3545; /* AAH */
	--abt-color: #6c757d; /* Abbott */
	--bst-color: #ff9800; /* Bestway */
	--cav-color: #795548; /* Cavendish */
	--col-color: #9c27b0; /* Colorama/BNS */
	--day-color: #607d8b; /* Day Lewis */
	--dt-color: #d6c372; /* DT */
	--dtb-color: #000000; /* DT Block */	
	--dt-claw-color: #bec7c7; /* DT Clawback */	
	--eth-color: #9e9e9e; /* Ethigen */
	--lex-color: #3f51b5; /* Lexon */
	--mhn-color: #e91e63; /* Medihealth North */
	--mov-color: #9C93CF; /* Movianto */
	--otd-color: #ff5722; /* OTC Direct */
	--phd-color: #91c848; /* Phoenix */
	--sig-color: #009688; /* Sigma */
	--tri-color: #00bcd4; /* Trident */
	--uni-color: #00b5ef; /* Alliance/Cencora */
	/* Product colours */
	--generic-color: #4caf50;
	--pi-color: #2196f3;
	--surgical-color: #ff9800;
	--otc-color: #9c27b0;
	--brand-color: #f44336;
	--unknown-color: #757575;
}

.supplierChipBase{
	border: 2px solid var(--active-color);
	background-color: color-mix(in srgb, var(--active-color) 30%, white);
}

	.supplierChipBase:hover:not(.hoverDisabled) {
		background-color: color-mix(in srgb, var(--active-color) 60%, white) !important;
	}

.supplierCarouselBase {
	border: 2px solid var(--active-color);
	background-color: color-mix(in srgb, var(--active-color) 30%, white);
}

.productChipBase {
	background-color: var(--active-color) !important;
	color: white !important;
}
	.productChipBase:hover:not(.hoverDisabled) {
		background-color: color-mix(in srgb, var(--active-color) 80%, black) !important;
	}

.productChipUnselected {
	background-color: var(--mud-palette-gray-lighter) !important;
}
	.productChipUnselected:hover:not(.hoverDisabled) {
		background-color: var(--mud-palette-gray-light) !important;
	}
	

.AAHColor {
	--active-color: var(--aah-color);
}

.ABTColor {
	--active-color: var(--abt-color);
}

.BSTColor {
	--active-color: var(--bst-color);
}

.CAVColor {
	--active-color: var(--cav-color);
}

.COLColor {
	--active-color: var(--col-color);
}

.DAYColor {
	--active-color: var(--day-color);
}

.DTColor, .DT-ConColor {
	--active-color: var(--dt-color);
}

.DT-ClawColor {
	--active-color: var(--dt-claw-color);
}

.DTBColor {
	--active-color: var(--dtb-color);
}

.ETHColor {
	--active-color: var(--eth-color);
}

.LEXColor {
	--active-color: var(--lex-color);
}

.MHNColor {
	--active-color: var(--mhn-color);
}

.MOVColor {
	--active-color: var(--mov-color);
}

.OTDColor {
	--active-color: var(--otd-color);
}

.PHDColor {
	--active-color: var(--phd-color);
}

.SIGColor {
	--active-color: var(--sig-color);
}

.TRIColor {
	--active-color: var(--tri-color);
}

.UNIColor {
	--active-color: var(--uni-color);
}

.GenericColor {
	--active-color: var(--generic-color);
}

.PIColor {
	--active-color: var(--pi-color);
}

.SurgicalColor {
	--active-color: var(--surgical-color);
}

.OTCColor {
	--active-color: var(--otc-color);
}

.BrandColor {
	--active-color: var(--brand-color);
}

.UnknownColor {
	--active-color: var(--unknown-color);
}

.AllColor {
	--active-color: var(--mud-palette-primary);
}

.min-height-0{
    min-height: 0
}

mark {
    padding: .1em;
    color: var(--mud-palette-warning-text);
    background-color: var(--mud-palette-warning-lighten);
}