#blazor-error-ui {
    color: rgb(242, 33, 18);
    background-color: #f8d7da;
}

#app .mud-wasm {
    animation: slide 3s ease-in-out infinite alternate;
    background-image: linear-gradient(-60deg,#7DCAAA 50%,#202F2D 50%);
    bottom: 0;
    left: -50%;
    opacity: .5;
    position: fixed;
    right: -50%;
    top: 0;
    z-index: -1
}

#app .mud-wasm-cont {
    left: 50%;
    padding: 10vmin;
    position: fixed;
    text-align: center;
    top: 50%;
    transform: translate(-50%,-50%)
}

#app .logo-animation {
    height: 100%;
    width: 100%;
    margin: 0;
    position: fixed;
}

/*Fix MudBlazor Problem, dass am Ende der table der border-bottom fehlt*/
.mud-simple-table.mud-table-bordered .mud-table-container table tbody tr td:last-child {
    border-bottom: 1px solid var(--mud-palette-table-lines);
}

.mud-input-control.mud-input-required > .mud-input-control-input-container > .mud-input-label::after {
    content: "*";
    color: red;
}


.dialogContentContainer {
    max-height: 400px;
    overflow-y: scroll;
}

@media(min-height:600px) {
    .dialogContentContainer {
        max-height: 400px;
    }
}

@media(min-height:800px) {
    .dialogContentContainer {
        max-height: 600px;
    }
}

@media(min-height:1000px) {
    .dialogContentContainer {
        max-height: 800px;
    }
}

@media(min-height:1200px) {
    .dialogContentContainer {
        max-height: 1000px;
    }
}

@media(min-height:1400px) {
    .dialogContentContainer {
        max-height: 1200px;
    }
}

@media(min-height:2000px) {
    .dialogContentContainer {
        max-height: none;
    }
}

.table-raum-speziell {
    background-color: #FFF59D;
}

    .table-raum-speziell td {
        font-weight: bold;
    }

.table-raum-alle-daten-erfasst {
    background-color: #FFF59D;
}

.vorerfassung-raum-hat-fenster-tueren {
}

    .vorerfassung-raum-hat-fenster-tueren td {
    }



@media(max-width: 500px) {
    .gebdoku-snackbar {
    }
    .gebdoku-snackbar.mud-snackbar-location-top-right {
            top: 8px;
            right: 0px;
        }

        .gebdoku-snackbar .mud-snackbar {
            margin-top: 0px;
            min-width: 300px;
            padding-top: 2px;
            padding-bottom: 2px;
            opacity: 0.7;
        }

            .gebdoku-snackbar .mud-snackbar .mud-snackbar-content-message {
                font-size: 0.7rem;
                padding: 0;
            }

            .gebdoku-snackbar .mud-snackbar .mud-snackbar-icon {
                padding-top: 2px;
                padding-bottom: 2px;
                font-size: 10px;
            }
}