:root {
	--selectedRecord: lightgray;
	--hoverRecord: lightgray;
	--gradientKg: #3f51b587;
	--gradientKm: #d1a46aff;
	--premium: #C8862EFF; /*Axium Orange*/
	--undetermined: #750505ff;
	--generator: #3F51B5;
	--generator_font: #364595ff;
	--receiver: #744a8bff;
	--receiver_font: #603e72ff;
	--carrier: #d15c47ff;
	--carrier_font: #963c2cff;
}

.mud-navmenu.mud-navmenu-default .mud-nav-link-expand-icon.mud-transform {
	fill: inherit;
}

.generator {
	color: var(--generator) !important;
}

.receiver {
	color: var(--receiver) !important;
}

.carrier {
	color: var(--carrier) !important;
}

/*Hide tooltips */
.gm-style > div > div > p[class^="gm-style-"] {
	opacity: 0 !important;
	display: none !important;
	visibility: hidden !important;
	Changed 'none' to 'hidden' as visibility uses hidden/visible
}

/* Target shading overlay more specifically */
.gm-style div[aria-hidden="true"][style*="background-color"],
.gm-style div[style*="background-color: rgb(0, 0, 0)"],
.gm-style div[style*="background-color: rgba(0, 0, 0"],
.gm-style > div:nth-child(1) > div:nth-child(3) {
	background-color: transparent !important;
	opacity: 0 !important;
	pointer-events: none !important;
}

.gradiant-kg {
	width: 100%;
	background: linear-gradient( 90deg, var(--gradientKg) 0%, /* Darker shade on the left */
	var(--gradientKg) calc(var(--gradiant-valueKg) / var(--gradiant-maxKg) * 50%), /* Primary color around halfway */
	rgba(255, 255, 255, 0.1) calc(var(--gradiant-valueKg) / var(--gradiant-maxKg) * 100%), /* Light transparent towards right */
	rgba(255, 255, 255, 0.5) 100% /* Lightest at the far right */
	);
	height: 25px;
	padding-top: 4px;
	padding-bottom: 4px;
	border-radius: 0px;
}

.gradiant-km {
	width: 100%;
	background: linear-gradient(90deg, var(--gradientKm) 0%, /* Darker shade on the left */
	var(--gradientKm) calc(var(--gradiant-valueKm) / var(--gradiant-maxKm) * 50%), /* Primary color around halfway */
	rgba(255, 255, 255, 0.1) calc(var(--gradiant-valueKm) / var(--gradiant-maxKm) * 100%), /* Light transparent towards right */
	rgba(255, 255, 255, 0.5) 100% /* Lightest at the far right */
	);
	height: 25px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
	border-radius: 0px;
}

.gradiant-determined {
	width: 100%;
	background: linear-gradient(90deg, #4caf50 0%, /* Lighter Green */
	#66bb6a calc(var(--gradiant-valueDet) / var(--gradiant-maxDet) * 50%), /* Medium Green */
	rgba(200, 230, 201, 0.3) calc(var(--gradiant-valueDet) / var(--gradiant-maxDet) * 100%), /* Light Green Transparent */
	rgba(255, 255, 255, 0.5) 100% /* Lightest */
	);
	height: 25px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
	border-radius: 0px;
}

.selected, .selected > td {
	background-color: var(--selectedRecord) !important;
}

.mud-header {
	color: #FFFFFF !important;
	border: thin solid black;
	border-radius: 0 !important; /* Remove border rounding */
	background-color: var(--mud-palette-primary) !important;
}

thead .mud-hierarchy-toggle-button svg {
	fill: white !important;
	color: white !important;
	width: 28px !important;
	height: 28px !important;
}

.mud-DlgTitle {
	padding: 10px;
	color: white !important;
	background-color: var(--mud-palette-primary) !important;
	font-size: 1.5em;
}

.mud-DlgTitlePremium {
	padding: 10px;
	color: white !important;
	background-color: var(--premium) !important;
	font-size: 1.5em;
}

.mud-button-root mud-icon-button mud-ripple mud-ripple-icon mud-icon-button-size-small sort-direction-icon mud-direction-asc {
	color: #FFFFFF !important;
}

.mud-button-root mud-icon-button mud-ripple mud-ripple-icon mud-icon-button-size-small filter-button {
	color: #FFFFFF !important;
}

.mud-button-root mud-icon-button mud-ripple mud-ripple-icon mud-icon-button-size-small {
	color: #FFFFFF !important;
}

.ellipsisGrid {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 1px; /*Because the Grid will have Sort, Filter, Menu Icons it will usually be Wider than I want*/
}

.ellipsisCombo {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 200px;
}

.GridFieldItem {
	display: flex;
	align-items: center;
	gap: 4px;
	overflow: hidden;
}

.ellipsisGenName {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 225px;
	font-weight: 700;
}

.ellipsisDescription {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 500px;
}

.ellipsisStreet {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 175px;
}

.ellipsisNAICS {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 175px;
}

.gridHeader {
	background-color: #ebebebff;
}


.has-tooltip-mudchip {
	--tooltip-pre-delay: 1000ms;
	--tooltip-post-delay: 0ms;
	--tooltip-borderradius: 8px;
	--tooltip-color: #fff;
	margin-left: 4px;
}

@media (min-width:600px) {
	.scale-title {
		font-size: 18px;
	}
}

@media (min-width:960px) {
	.scale-title {
		font-size: 30px;
	}
}

/* Makes MudDataGrid Buttons such as Sort and Filter White */
.column-options button svg {
	fill: #FFFFFF;
	color: #FFFFFF;
}