: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;
}

.rounded-border-generator {
	border: 3px solid var(--generator);
	border-radius: 12px;
	padding: 4px;
	box-sizing: border-box;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
	cursor: pointer;
}

	.rounded-border-generator:hover {
		transform: scale(1.03);
		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
	}

.rounded-border-receiver {
	border: 3px solid var(--receiver);
	border-radius: 12px;
	padding: 4px;
	box-sizing: border-box;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
	cursor: pointer;
}

	.rounded-border-receiver:hover {
		transform: scale(1.03);
		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
	}

.rounded-border-carrier {
	border: 3px solid var(--carrier);
	border-radius: 12px;
	padding: 4px;
	box-sizing: border-box;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
	cursor: pointer;
}

	.rounded-border-carrier:hover {
		transform: scale(1.03);
		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
	}

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

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

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