.loading-progress {
	position: relative;
	display: block;
	width: 8rem;
	height: 8rem;
	margin: 20vh auto 1rem auto;
}

	.loading-progress circle {
		fill: none;
		stroke: #e0e0e0;
		stroke-width: 0.6rem;
		transform-origin: 50% 50%;
		transform: rotate(-90deg);
	}

		.loading-progress circle:last-child {
			stroke: #1b6ec2;
			stroke-dasharray: calc(3.141 * var(--blazor-load-percentage, 0%) * 0.8), 500%;
			transition: stroke-dasharray 0.05s ease-in-out;
		}

.loading-progress-text {
	/*	position: absolute; <-- removed for linear-progress */
	text-align: center;
	font-weight: bold;
	inset: calc(20vh + 3.25rem) 0 auto 0.2rem;
	margin-bottom: 5px; /* added for linear-progress */
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color: white;
}

	.loading-progress-text:after {
		content: var(--blazor-load-percentage-text, "Loading");
	}

.linear-progress {
	background: silver;
	width: 50vw;
	margin: 5px auto;
	height: 1rem;
	border-radius: 10rem;
	overflow: hidden;
	position: relative;
/*	box-shadow: 2px 2px 4px 2px #023e8587;*/
}

	.linear-progress:after {
		content: '';
		position: absolute;
		inset: 0;
		background-color: #0155b9;
		scale: var(--blazor-load-percentage, 0%) 100%;
		transform-origin: left top;
		transition: scale ease-out 0.5s;
	}

/*
	Custom CSS classes and overrides
*/
.mud-field-upper .mud-input-root,
.mud-text-field-upper input,
.mud-text-field-upper textarea {
	text-transform: uppercase;
}

.mud-field-lower .mud-input-root,
.mud-text-field-lower input,
.mud-text-field-lower textarea {
	text-transform: lowercase;
}

.mud-field-align-left .mud-input-root {
	text-align: left;
}

.mud-field-align-center .mud-input-root {
	text-align: center;
}

.mud-field-align-right .mud-input-root {
	text-align: right;
}

.mud-field-align-start .mud-input-root {
	text-align:  start;
}

.mud-field-align-end .mud-input-root {
	text-align: end;
}

.mud-toolbar-hide .mud-toolbar {
	display: none;
}

span.mud-table-sort-label {
	margin-right: -26px; /* To compensate sort icon spacing at the end of text so that center & right aligned TH will align properly with TD */
}

	span.mud-table-sort-label.left-icon { /* This is for sort headers where sort icon is before the text label */
		margin-right: unset; /* Remove right margin set by mud-table-sort-label */
		margin-left: -26px; /* Compensate sort icon spacing so that center & left aligned TH will align properly with TD */
	}

.mud-dialog .mud-dialog-actions {
	padding-left: 24px !important;
	padding-right: 24px !important;
	padding-bottom: 16px !important;
}

.flex-fill {
	flex: 1 1 auto !important;
}

.dlg-title-info, .dlg-title-success, .dlg-title-error, .dlg-title-warning {
	padding-top: 8px !important;
	padding-bottom: 8px !important;
}

.dlg-title-info {
	background-color: var(--mud-palette-info);
	color: var(--mud-palette-info-text);
}

.dlg-title-success {
	background-color: var(--mud-palette-success);
	color: var(--mud-palette-info-success);
}

.dlg-title-error {
	background-color: var(--mud-palette-error);
	color: var(--mud-palette-error-text);
}

.dlg-title-warning {
	background-color: var(--mud-palette-warning);
	color: var(--mud-palette-warning-text);
}
.mud-alert-message-full-width .mud-alert-message {
	width: 100% !important;
}

label.mud-checkbox.mud-disabled {
	cursor: default;
	color: var(--mud-palette-text-disabled);
}

.mud-radio-content-placement-end {
	margin-left: -8px !important;
	margin-inline-start: -8px !important;
}

.mud-input-no-label .mud-input-control, /* for MudDatePicker */
.mud-input-no-label.mud-input-control   /* for MudSelect */ {
	margin-top: 0 !important;
}

	.mud-input-no-label .mud-input-control > .mud-input-control-input-container > div.mud-input.mud-input-text,
	.mud-input-no-label.mud-input-control > .mud-input-control-input-container > div.mud-input.mud-input-text {
		margin-top: 0 !important;
	}

	.mud-input-no-label label.mud-input-label {
		display: none;
	}

/* Draws borders around the toolbar of Telerik Report Viewer */
div.trv-report-viewer div.trv-nav {
	border: 1px solid rgb(0, 0, 0, 0.08);
	border-bottom-style: none;
}

/* Fix toggle icon invisible in some cases */
div.trv-report-viewer ul.trv-menu-large > li.trv-menu-toggleable.k-selected > .k-menu-link > .k-icon,
div.trv-report-viewer ul.trv-menu-small > li.trv-menu-toggleable.k-selected > .k-menu-link > .k-icon {
	color: unset;
}

/* Fix horizontal line appears at the top of report */
div.trv-report-viewer div.trv-report-page > div.sheet > div.layer > div:first-child {
	border-top: inherit !important;
}