/************************************************************************************************************** Flexbox utilities */
.flex-fill {
	flex: 1 1 auto !important;
}


/************************************************************************************************************** MudInput, MudTextField, MudField */
.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-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;
}


/************************************************************************************************************** MudTable */
.mud-table-toolbar {
	background-color: var(--mud-palette-drawer-background);
	color: var(--mud-palette-drawer-text);
	padding-right: 16px;
	padding-inline-end: 16px;
}

	.mud-table-toolbar .mud-input-adornment-icon {
		fill: var(--mud-palette-drawer-icon);
	}

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

/* 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 {
	margin-right: -26px;
}
	/* This is for sort headers where sort icon is before the text label */
	span.mud-table-sort-label.left-icon {
		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 */
	}


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

.dlg-title-primary, .dlg-title-secondary, .dlg-title-tertiary, .dlg-title-info, .dlg-title-success, .dlg-title-error, .dlg-title-warning, .dlg-title-dark {
/*	padding-top: 8px !important;
	padding-bottom: 8px !important;*/
}

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

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

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

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

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

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

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

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


/************************************************************************************************************** MudAlert */
/* Fix MudAlert.ContentAlignment not working in xs screen */
.mud-alert .mud-alert-position.justify-sm-start {
	justify-content: start !important;
}
.mud-alert .mud-alert-position.justify-sm-left {
	justify-content: left !important;
}
.mud-alert .mud-alert-position.justify-sm-center {
	justify-content: center !important;
}
.mud-alert .mud-alert-position.justify-sm-end {
	justify-content: end !important;
}
.mud-alert .mud-alert-position.justify-sm-right {
	justify-content: right !important;
}

.mud-alert-message-full-width .mud-alert-message {
	width: 100% !important;
}

.mud-alert-outlined-normal,
.mud-alert-outlined-dark {
	background-color: var(--mud-palette-dark-hover);
}

.mud-alert-outlined-info {
	background-color: var(--mud-palette-info-hover);
}

.mud-alert-outlined-primary {
	background-color: var(--mud-palette-primary-hover);
}

.mud-alert-outlined-secondary {
	background-color: var(--mud-palette-secondary-hover);
}

.mud-alert-outlined-tertiary {
	background-color: var(--mud-palette-tertiary-hover);
}

.mud-alert-outlined-success {
	background-color: var(--mud-palette-success-hover);
}

.mud-alert-outlined-error {
	background-color: var(--mud-palette-error-hover);
}

.mud-alert-outlined-warning {
	background-color: var(--mud-palette-warning-hover);
}


/************************************************************************************************************** MudCheckbox */
.mud-checkbox {
	width: fit-content;
}

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


/************************************************************************************************************** MudSwitch */
.mud-switch {
	width: fit-content;
}


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


/************************************************************************************************************** MudExpansionPanels */
.mud-expansion-panels {
	border-right: 1px solid var(--mud-palette-lines-default);
	border-left: 1px solid var(--mud-palette-lines-default);
	border-top: 1px solid var(--mud-palette-lines-default);
	border-bottom: 1px solid var(--mud-palette-lines-default);
}

	.mud-expansion-panels .mud-expand-panel {
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}


/************************************************************************************************************** Telerik Report Viewer */
/* 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;
}


/************************************************************************************************************** Tiny MCE */
.tox-tinymce-aux {
	z-index: 10000 !important;
}

/************************************************************************************************************** Misc */
:root {
	--copyright-height: 16px;
}

#copyright {
	background-color: var(--mud-palette-appbar-background);
	color: var(--mud-palette-appbar-text);
	position: fixed;
	width: 100%;
	z-index: var(--mud-zindex-appbar);
	bottom: 0;
	padding: 0 4px;
	height: var(--copyright-height);
	font-size: 0.7rem;
	align-content: center;
}

.icon-16-mid {
	width: 16px !important;
	height: 16px !important;
}

.icon-24-mid {
	width: 24px !important;
	height: 24px !important;
}

.icon-16-mid,
.icon-24-mid {
	vertical-align: middle;
}

	.icon-24-mid.mud-progress-circular,
	.icon-24-mid.mud-progress-circular div {
		overflow: hidden;
	}

.text-left {
	text-align: left !important;
}

.text-right {
	text-align: right !important;
}

.text-center {
	text-align: center !important;
}

.text-start {
	text-align: start !important;
}

.text-end {
	text-align: end !important;
}

.va-bas {
	vertical-align: baseline !important;
}

.va-top {
	vertical-align: top !important;
}

.va-mid {
	vertical-align: middle !important;
}

.va-bot {
	vertical-align: bottom !important;
}