/**** Diese Style-Datei ist dafür vorgesehen MudBlazor Styles zu überschreiben ****/

/*
  Erklärung:
  Das wird benötigt wenn z.B. eine Scrollbar in einem MudDataGrid ausgeblendet/manipuliert werden soll.
  Dies kann nicht in der Komponenten-CSS-Datei geschehen, da die MudBlazor Styles nach den Komponenten-Styles geladen/geschrieben werden.

  Die Klassen sollten mit dem Präfix "tsz-" beginnen, damit sie nicht mit den MudBlazor Styles kollidieren 
  und für Mitarbeiter leichter zu identifizieren sind.

  Die Klassen können direkt in das "Class"-Attribut des MudBlazor Elements geschrieben werden.
*/

/*DataGrid-Style anpassen*/


/*.tsz-mitarbeiterDatagrid-headerSpalten table:first-of-type th:first-child,
.tsz-mitarbeiterDatagrid-headerSpalten table:first-of-type td:first-child {
    max-width: 0px !important;
    padding: 0px !important;
}*/


.tsz-svg-größe-24px {
    height: 24px !important;
}

/*.tsz-mitarbeiterDatagrid-headerSpalten td:first-child button {
    display: none !important;
}
*/
.tsz-mudDataGrid-mindestBreite .mud-table-container {
    min-width: 100% !important;
}

/*Scrollbar im DataGrid anpassen*/
.tsz-mudDataGrid-ohneScrollbar .mud-table-container {
    overflow-y: hidden;
}

.tsz-muddatagrid-headerSpalten th {
    font-weight: bold !important;
}

/*Padding der Spalten im DataGrid anpassen*/
.tsz-muddatagrid-headerSpalten th,
.tsz-muddatagrid-headerSpalten td {
    padding: 6px 8px !important;
}

.tsz-ohne-optionen span.column-options.cursor-pointer {
    display: none !important;
}

.tsz-muddatagrid-headerSpalten th.optionsspalte-einblenden span.column-options.cursor-pointer {
    display: flex !important;
}

.tsz-max-content {
    width: max-content !important;
}

    .tsz-max-content table, tsz-max-content .mud-drop-container {
        width: max-content !important;
    }

.tsz-aktionsSpalte,
.tsz-aktionsSpalte span {
    /*margin-left: 0px !important;*/
    /*margin-right: revert !important;*/
    /*width: max-content !important;*/
}

.tsz-spalte {
    max-width: 200px;
    overflow: hidden;
}
/*MitarbeiterGrid*/


.tsz-mitarbeiterDatagrid-headerSpalten div table > thead th:first-child, .tsz-mitarbeiterDatagrid-headerSpalten div table > tbody td:first-child {
    max-width: 0px !important;
    padding: 0px !important;
}

.tsz-hierarchyColumn {
    max-width: 40px !important;
}

.tsz-spaltenbreite-normalisieren div table > thead th:first-child, .tsz-spaltenbreite-normalisieren div table > tbody td:first-child {
    max-width: max-content !important;
    padding: 6px 8px !important;
}

.tsz-mitarbeiterExpansionspanel {
    background: var(--tsz-blaugrau) !important;
}

    .tsz-mitarbeiterExpansionspanel .mud-expand-panel-header {
        padding: 5px 10px !important;
    }

.tsz-suchfeld mud-input-control {
    justify-content: end !important;
}

/*MitarbeiterGrid ende*/
/* MudDateRangepicker */
.tsz-dateRangePicker-positionierung {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%,-50%) !important;
}

/* MudDateRangepicker ende */

.tsz-summenzeilen td {
    font-weight: bold !important;
}

.tsz-jahresübersicht-headerspalten span.column-header {
    justify-content: center !important;
}

/* Farben / Colors*/
.tsz-summenzeilen-farbe {
    background-color: var(--tsz-jahresübersicht-summenfarbe) !important;
}

/* Farben / Colors ende*/


/*MitarbeiterDialog*/

.tsz-tabs-größe {
    width: 685px !important;
    height: 760px !important;
}

/*MitarbeiterDialog ende*/

/* Sorgt dafür, dass der Aufklapper links erscheint, statt rechts */
.mud-expand-panel-header {
    flex-direction: row-reverse;
}

/* Rows üer Page ausblenden */
.mud-table-pagination-select
{
    visibility:hidden;
}

.mud-alert-message {
    padding: 7px 0;
}

.tsz-MudEditor .mud-input > input.mud-input-root-outlined {
    padding-bottom: 13px;
    padding-top: 13px;
}

/* Das macht den Inolabel bei Mud-Editoren grau, statt schwarz */
.mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol {
    color: silver;
}

.mud-input-outlined-with-label legend {
    padding: 0 12px !important;
}

.mud-input-outlined-border legend {
    padding: 0 12px !important;
}

.tsz-mudselect .mud-typography-subtitle1 {
    line-height: var(--mud-typography-default-lineheight) !important;
}
.tsz-mudselect .mud-input > input.mud-input-root-outlined.mud-input-root-margin-dense, div.mud-input-slot.mud-input-root-outlined.mud-input-root-margin-dense {
    padding-bottom: 6.5px;
}

/* Date-Range Picker >> zweite Datum rechtsbündig */
.mud-input-input-control + svg + .mud-input-input-control {
    text-align:right;
}