/**** 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: 780px !important;
    min-height: 765px !important;
}

.tsz-tabs-maxwidth {
    max-width: 780px !important;
}

/*MitarbeiterDialog ende*/

/* Berechtigungsdialog */
.tsz-berechtigungsdialog-tabs-größe {
    width: 780px !important;
    min-height: 500px !important;
}

/* Berechtigungsdialog 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 Infolabel bei Mud-Editoren grau, statt schwarz */
.mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol {
    color: grey;
}

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

.mud-table-empty-row
{
    text-align: left;
}
/*.tsz-datepicker .mud-input-label {
    transform: translateY(-0.75em) scale(1) !important;
    transform-origin: top left;
    transition: none;
}*/
.classic-tabs {
    font-family: 'Open Sans', sans-serif;
    text-transform: none !important;
    /*    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 0;
*/ font-weight: normal;
    font-size: 10pt;
}

/*.classic-tab {
    font-family: 'Open Sans', sans-serif;  Hier wird die Schriftart gesetzt 
    text-transform: none !important;
    border: 1px solid #ccc;
    border-bottom: none;
    background-color: white;
    padding: 0px 5px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    font-weight: normal;
    color: #333;
    background-color: white;
    font-size: 10pt;
}
*/
/*.mud-tab.mud-tab-active.classic-tab {
    background-color: white;
    border-bottom: 1px solid white;  Übergang zum Panel 
}

.mud-tabpanel {
    border-top: 1px solid #ccc;
    background-color: white;
    padding: 5px;
}*/