html {
    min-height:100vh;
}

.contentContainer {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
}

.contentItem {
    flex: 1 1 auto;
}

#Content {
    min-width:0;
}

.xtList .mud-card-header {
    padding-bottom:0;
}

.xtList .mud-card-content {
    padding-top: 0;
}

.sideList {
    flex: 0 0 25vw;
    position: sticky;
    top: 0;
    padding: 0;
    padding-left: 10px;
    overflow: auto;
    height: calc(100vh - 68px);
}

.sideList .stickyToolbar {
    top: 0;
    padding: 0;
    z-index:10;
    background: linear-gradient(180deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 93%, rgba(255, 255, 255, 0) 100%);
}

#SideListSizer {
    margin-right:10px;
    border-right: 3px double #ccc;
    cursor:col-resize;
    flex:0 0 5px;
    width:5px;
}

.xtRelatedLists {
    margin-top:10px;
}

.btn-primary {
    text-transform: uppercase;
    --bs-btn-bg: var(--mud-palette-primary) !important;
    --bs-btn-hover-bg: var(--mud-palette-primary-darken) !important;
}

.nav-pills {
    --bs-nav-pills-link-active-bg: var(--mud-palette-primary) !important;
}

.nav {
    --bs-nav-link-color: var(--mud-palette-primary) !important;
    --bs-nav-link-hover-color: var(--mud-palette-primary-darken) !important;
}

.lastAdded {
    background-color: #ffff99;
}

.lastEdited {
    background-color: #ffe4b5;
}

.lastViewed {
    background-color: #f0f8ff;
}

.table-sort-button {visibility:collapse;}
.mud-table-cell {cursor:pointer}
.cursor-progress th {cursor:progress}
th.mud-table-cell:hover {
    font-weight:bold;
}
th.mud-table-cell:hover .table-sort-button {
    visibility:visible
}

.autoFormButtons {
    position:absolute;
    right:20px;
    top:0px;
    padding-right:87px;
    padding-top:13px;
    z-index:100;
    background-color:white;
}

th, td {
    align-content: baseline;
    border:none;
}

th .mud-range-container {
    margin:0;
}

.directEdit td.editable:hover, .mud-table-root .mud-table-body tr.selected td {
    background-color: var(--mud-palette-primary);
    color: var(--mud-palette-primary-text);
}

tr.selected a {
    color: var(--mud-palette-primary-text);
}

.directEdit td.editable:hover {
    cursor: text;
}

tr.selected:hover td, tr.selected:hover td a {
    background-color: var(--mud-palette-table-lines) !important;
    color: var(--mud-palette-primary) !important;
}


.directEdit td.editable:hover a {
    pointer-events: none;
    color: var(--mud-palette-primary-text);
}

.directEdit td:hover:not(.editable) {
    cursor:not-allowed;
}

.mud-breadcrumbs a, .mud-breadcrumb-separator > span {
    color: white
}

#mud-snackbar-container a {color: white}

html.cursor-progress * {cursor:wait !important}

.mud-breadcrumbs-expander {background-color:unset}

table thead {
    position: sticky;
    top: 80px;
    z-index: 99;
    background-color: #eee;
}

figure table thead {
    position:unset;
    top:unset;
    z-index:unset;
    background-color: unset;
}

table.mud-table-striped tbody tr:hover {
    background-color: var(--mud-palette-table-hover);
}

table img {
    max-height:100px;
}

tfoot .mud-table-cell {
    border-top: 1px solid black;
    border-bottom: 3px double black;
}

.stickyToolbar {
    position:sticky;
    top:30px;
    background-color:white;
    padding-right:50px;
}

.addRowButtonParent {
    position:fixed;
    top: 55px;
    right: 10px;
    z-index: 100
}

.addRowButtonChild {
    position:absolute;
    top: 4px;
    right: 0px;
    z-index: 100
}

.fkLink:hover {
    cursor:help;
    text-decoration:underline;
}

.dboStateError {
    background-color:rgb(255,200,200);
}

.mud-panel-expanded .mud-expand-panel-header {
    background-color:#eee;
    margin-bottom:10px;
}

.mud-expand-panel-header:hover {
    background-color: #eee;
}

tr[draggable=true], tr[draggable=true] td {
    cursor: ns-resize !important;
}

tr.dragover td {
    padding-top: 20px !important;
    border-top: 10px solid rgba(50,50,50,0.5);
}

.mud-table-root {
    user-select: none;
    border-collapse: separate;
    margin-bottom: 60px;
}

.ck.ck-editor__main, .mud-input-control.Text {
    font-family: 'Open Sans', sans-serif;
    color: black;
}

.ck.ck-editor__main h1, .mud-input-control.Text h1 {
    width: 100%;
    position: relative;
    font-size: 28px;
    z-index: 10;
    font-weight: bold;
    padding: 0;
    margin: 0;
    margin-bottom: 10px;
    color: #304886;
}

.ck.ck-editor__main h2, .mud-input-control.Text h2 {
    padding: 0;
    margin: 0;
    margin-top: 10px;
    font-size: 17px;
    font-weight: bold;
}

.ck.ck-editor__main h3, .mud-input-control.Text h3 {
    padding: 0;
    margin: 0;
    margin-top: 10px;
    font-size: 17px;
    font-weight: bold;
}

.ck.ck-editor__main h4, .mud-input-control.Text h4 {
    padding: 0;
    margin: 0;
    margin-top: 10px;
    font-size: 14px;
    font-weight: normal;
}

.ck.ck-editor__main h5, .mud-input-control.Text h5 {
    font-size: 16px;
    font-weight: normal;
    font-style: italic;
    margin: 0;
    padding: 0;
    padding-left: 30px;
}

.ck.ck-editor__main h6, .mud-input-control.Text h6 {
    font-size: 14px;
    font-weight: normal;
    margin: 0;
    padding: 0;
}

.ck.ck-editor__main p, .mud-input-control.Text p, .ck.ck-editor__main li {
    margin: 0;
    padding: 0;
    font-size: 16px;
}

.ck.ck-editor__main ul {
    margin: revert;
    padding: revert;
    list-style: revert;
}

figure.media div div {
    position: unset !important;
    padding-bottom: unset !important;
    height: unset !important;
}

figure.media iframe {
    position: unset !important;
}

.mud-input a {
    text-decoration: underline;
}

video {
    max-width:100%;
    max-height:500px;
}

.mud-tabs .mud-tab {
    padding-right:30px;
}

.mud-input-root a {
    display:inline-block;
    max-width:100%;
    text-overflow:ellipsis;
    overflow:hidden;
}

.xtSelect .mud-input-control > .mud-input-control-input-container > div.mud-input.mud-input-text.mud-input-text-with-label {
    margin-top:0;
}

.xtSelect .mud-input.mud-input-underline:before {
    border:none;
}

.xtSelect .mud-input.mud-input-underline:hover:not(.mud-disabled):before {
    border:none;
}

.xtSelect .mud-input-label-inputcontrol {
    transform: translate(0, 8px)
}

.mud-field img {
    max-width:100%;
    max-height:100%;
}

.simpleForm .mud-card-header {
    display: none
}

.simpleForm.mud-paper {
    box-shadow: none
}

.clickable {
    cursor:pointer;
}

.clickable:hover {
    box-shadow: var(--mud-elevation-8) !important;
}

.mud-card-header-content {
    max-width:100%;
}

.note .mud-card-header-content {
    border-bottom: 1px solid rgb(150,150,150);
}

.note .mud-alert {
    margin: -16px -16px 16px -16px; /* nein, das ist kein Tippfehler */
}

tr.dboStateInfo {

}

.warning .mud-input-outlined-border, .warning .mud-input-error {
    border-color: orange !important;
    color: orange !important;
}

tr.dboStateWarning td, tr.dboStateWarning td a, p.dboStateWarning {
    background-color: #ffb938;
    color: white !important;
}

tr.dboStateError td, tr.dboStateError td a, p.dboStateError {
    background-color: orangered;
    color: white !important;
}

.xtFormHeader {
    position:relative;
}

.preview {max-width:320px; max-height:200px}

.blazor-error-boundary {
    padding: 10%;
}

.button-lock-badge {
    position: absolute;
    right: 10px
}

.badge-button-container .mud-badge-root {
    position:absolute;
    top:0;
    right:0;
}

.deletedDBO {
    text-decoration: line-through !important;
    color: #e00;
}

.fieldWithHTML a {
    display:inline;
}

.fieldWithHTML ul, .fieldWithHTML ol {
    all: revert;
}

.rz-html-editor-toolbar .rzi {
    transform: scale(1.3)
}

.rz-html-editor-button:hover, .rz-html-editor-colorpicker:hover {
    background-color: #ddd;
    border-radius: 4px;
}

.rz-html-editor-source {
    field-sizing: content;
}

.noStick thead {
    position:unset;
    top:0;
}

.unselectable {
    user-select: none;
}

/* von der neuesten MudBlazor Version */
.mud-table-cell .mud-checkbox {
    margin: -4px
}

.mud-table-cell .mud-checkbox > .mud-icon-button {
    padding: 4px
}

.draggedOver {
    background-color: var(--mud-palette-action-default-hover);
    border-color: var(--mud-palette-primary);
}

.mud-list-item-multiselect-extended.mud-list-item-multiselect-checkbox-extended {
    padding-inline-end: 0px;
}

.mud-list-item-extended.mud-list-item-dense-extended {
    padding-top: 0px;
    padding-bottom: 0px;
}

.mud-list-item-gutters-extended {
    padding-left: 10px;
}

.mud-datagrid-group {
    background-color: var(--mud-palette-background-gray)
}