/*
	This CSS file matches the color scheme from MudBlazor to Bootstrap when utilized for authentication.
	The file remains available at all times for demonstration purposes,
	but it is exclusively employed in the 'App.razor' component when authentication is enabled.
*/

.headerFont {
	font-family: Roboto;
	font-size: 14px;
	font-weight: 400;
}

.toolbar_parent {
	position: fixed;
	width: 100%;
	z-index: var(--mud-zindex-appbar);
	padding: 0 !important;
	margin: 8px 5px 15px 10px;
	background-color: var(--mud-palette-background);
	box-shadow: 0px 2px 4px -3px rgba(0,0,0,0.2), 0px 4px 5px -3px rgba(0,0,0,0.14), 0px 1px 10px -3px rgba(0,0,0,0.12);
}

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

	.toggleFont > div > label > span + p {
		font-family: Roboto !important;
		font-size: 13px !important;
		font-weight: 500 !important;
	}

.toggleFab {
	float: right;
}

	.toggleFab > div > label {
		margin-top: 9px;
	}

.toolbar_child {
	margin-top: 41px !important;
}

.customSvgFlex > div {
	display: flex !important;
	margin: auto !important;
}

.float-left {
	float: left;
}

.fileSelectFirst {
	margin-left: 15px;
}

.marginTop5px {
	margin-top: 5px !important;
}

.marginLeft3px {
	margin-left: 3px !important;
}

fileSelect_button {
	margin-left: 10px;
}

.fieldset_1 {
	width: 100%;
}

.fieldset_Dialog {
	width: 90%;
}

.fieldset_2 {
	height: 490px;
	width: 100%;
}

.fieldset_3 {
	height: 560px;
	width: 100%;
}

.fieldset_mud2 > div > div + label {
	font-size: 24px !important;
	font-weight: bold !important;
}

.fieldset_html_heightHelper {
	border-radius: 500px;
}

.fieldset_html {
	border-radius: 0px;
}

.fieldset_legend_html {
	font-size: 24px !important;
	font-weight: bold !important;
	padding: 0px 4px;
}

.fieldset_mud {
	height: 100%;
}

	.fieldset_mud > div {
		height: 100%;
	}

		.fieldset_mud > div > div + label {
			font-size: 24px !important;
			font-weight: bold !important;
		}

		.fieldset_mud > div > div {
			height: 100%;
		}

			.fieldset_mud > div > div > div {
				align-self: baseline;
			}

.fieldset_Lists {
	width: 100%;
	height: 100%;
}

.getdrgProgress {
	height: 35px !important;
	width: 35px !important; 
	margin-left: 5px;
	margin-bottom: -8px;
}

.getdrgRegisterProgress {
	height: 35px !important;
	width: 35px !important;
	margin-right: 5px;
	margin-bottom: -15px;
}

.benutzerDialogMargin { 
	margin: 15px;
}

.inputFields {
	margin-left: 15px;
	margin-right: 15px;
}

.height100p {
	height: 100% !important;
}

fieldset {
	border: 1px solid var(--mud-palette-text-disabled);
	border-radius: 4px;
	padding: 10px;
}

.mudTable_Align_Right {
	text-align: right;
}

.mudTable_Align_Center {
	text-align: center;
}


.tableGrid {
	margin-top: -10px;
	margin-bottom: 5px;
}

.versionSelect {
	float: left;
	margin: 5px 0 5px 25px;
	max-width: 350px;
}

.mud-menu-list {
	padding: 0 !important;
	margin: 0 !important;
	height: 70px;
}

.splitButtonMain {
	height: 35px;
}

.splitButtonOeffnen {
	padding: 0 !important;
	margin: 0 !important;
	width: 129.017px !important;
	height: 35px !important;
}

.splitButtonSpeichern {
	padding: 0 !important;
	margin: 0 !important;
	width: 150.7px !important;
	height: 35px !important;
}

.splitButtonSingle {
	padding: 0 !important;
	margin: 0 !important;
	height: 35px !important;
}

.fallNavigationMenuButton {
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 3px;
	margin-left: 3px;
}

.fallNavigationButton {
	margin: -5px 0 5px 0;
}

.fallNavigationButtonFirst {
	margin: -5px 0 5px 15px;
}

.fallNavigationSingleButtonsFirst {
	margin: 5px 0 5px 15px;
}

.fallNavigationSingleButtons {
	margin: 5px 0 5px 0;
}

.addButton {
	float: right;
	margin: 5px 0 5px 0;
}

.addButtonAdditionalMargin {
	margin-right: 5px;
}

.grpButton {
	margin-right: 10px !important;
}

.searchButton {
	float: right;
	margin: 15px 20px 5px 0;
}

.loginButton {
	margin-top: 15px;
}

th.mud-table-cell {
	background: var(--mud-palette-primary) !important;
	color: white !important;
}

.w50 {
	width: 50px;
}

.w75 {
	width: 75px;
}

.w100 {
	width: 100px;
}

.w125 {
	width: 125px;
}

.w150 {
	width: 150px;
}

.w200 {
	width: 200px;
}

.w350 {
	width: 350px;
}

.minW300px {
	min-width: 300px;
}

.marginCenter {
	margin: auto;
}

/*tr:nth-child(1) > td.mud-table-cell.icdStyle {
	font-weight: bold;
}*/

.drgGridEntgeltbetragGesamtCol1 {
	grid-column: 1;
	margin-bottom: 5px;
	text-align: right;
}

.drgGridEntgeltbetragGesamtCol2 {
	grid-column: 2;
	margin-bottom: 5px;
	text-align: right;
	padding-right: 24px;
}

.drgGridEntgeltbetragGesamt {
	display: grid;
	grid-template-columns: 175px 160px 160px;
	grid-template-rows: auto;
	width: 100%;
	margin-top: 10px;
}

.drgGridParent {
	display: grid;
	grid-template-columns: auto 510px;
	grid-template-rows: auto;
	width: 100%;
}

.drgGrid {
	display: grid;
	grid-template-columns: 150px 100px auto 150px;
	grid-template-rows: auto;
	float: left;
	width: 100%;
}

.drgGrid2 {
	display: grid;
	grid-template-columns: 150px 100px 100px 100px;
	grid-template-rows: auto;
	float: left;
	width: 100%;
}

.drgGridFlags {
	display: grid;
	grid-template-columns: 150px 50px 50px 150px 50px 50px 15px;
	grid-template-rows: auto;
	align-content: flex-start;
	margin-left: 15px;
	float: right;
	width: 100%;
}

.drgGridFlagsBold {
	font-weight: bold;
}

.drgGridFlagsMargin {
	margin: auto;
}

.drgGridFlagsColumnHeight {
	height: 25px;
}

.drgGridColumn_1_parent {
	grid-column: 1;
	margin-bottom: 5px;
}

.drgGridColumn_2_parent {
	grid-column: 2;
	margin-bottom: 5px;
}

.drgGridColumn_1 {
	grid-column: 1;
	margin-bottom: 5px;
}

.drgGridColumn_2 {
	grid-column: 2;
	margin-bottom: 5px;
}

.drgGridColumn_3 {
	grid-column: 3;
	margin-bottom: 5px;
}

.drgGridColumn_4 {
	grid-column: 4;
	margin-bottom: 5px;
}

.drgGridColumn_5 {
	grid-column: 5;
	margin-bottom: 5px;
}

.drgGridColumn_6 {
	grid-column: 6;
	margin-bottom: 5px;
}

.rechnungsdatenGrid {
	display: grid;
	grid-template-columns: 220px auto;
	grid-template-rows: auto;
	float: left;
	width: 100%;
}

.rechnungsdatenGridColumn_1 {
	grid-column: 1;
	margin-bottom: 5px;
}

.rechnungsdatenGridColumn_2 {
	grid-column: 2;
}

label {
	color: var(--mud-palette-text);
	font-size: 16px;
}

.fallsucheFilterGrid {
	display: grid;
	grid-template-columns: 250px 250px;
	grid-template-rows: auto;
	float: left;
	width: 100%;
}

.mud-data-grid .mud-table-cell.sticky-right {
	background-color: inherit;
}

.mud-select {
	display: block !important;
}

@media(max-width: 600px) {
	.mud-xs-table.mud-table-bordered .mud-table-container .mud-table-root colgroup ~ .mud-table-body .mud-table-row .mud-table-cell {
		min-width: 300px;
	}

	.mud-xs-table {
		height: 100%;
	}

	.mud-input-control > .mud-input-control-input-container {
		margin-top: 15px;
		min-width: 200px;
	}

	.fieldset_3 {
		height: 100%;
		width: 100%;
	}
}

@media(max-width: 960px) {
	.fieldset_3 {
		height: 100%;
		width: 100%;
	}

	.drgGridParent {
		display: grid;
		grid-template-columns: auto;
		grid-template-rows: auto;
		width: 100%;
	}

	.drgGridColumn_2_parent {
		grid-column: 1;
		margin-bottom: 5px;
	}
}

.Grafik_Margin {
	min-height: 400px;
	margin-bottom: 15px;
	margin-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
}

.Grafik_LinkButton {
	float: right;
	margin-right: 15px;
}

.Diagnosesuche_Margin {
	margin: 0 15px 10px 15px;
}

.Diagnosesuche_Width {
	max-width: 700px;
}

.Diagnosesuche_SearchInput {
	max-width: 700px;
}

.Diagnosesuche_Buttons {
	align-content: end;
}

.Diagnosesuche_Button {
	margin-left: 10px;
}

.Gruppierungsergebnisse_widthFitContent {
	max-width: fit-content !important;
}

.child_container {
	max-width: 100vw;
	overflow-x: auto;
	box-sizing: border-box;
}

.no-hover:hover {
	background-color: transparent !important;
	box-shadow: none !important;
}

.gruppierungenMargin {
	margin-left: -15px;
	font-weight: normal;
}

.gruppierungenMarginFirst {
	margin-left: 25px;
	text-transform: none !important;
}

.gruppierungMarginTop {
	margin-top: 5px;
}