:root {
    --appbar-bg-color: #1d62a7;
    --appbar-color: white;
}


body {
}

.content-height-fill {
    height: calc(100vh - 80px);
}

.panel-container {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    flex-wrap: nowrap;
    align-items: stretch;
    overflow:  auto;
/*    background-color: lightblue;*/
    height: calc(100vh - 110px);
}

.panel-container1 {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    flex-wrap: nowrap;
    align-items: stretch;
    overflow: hidden;
    height: calc(100vh - 65px);
/*    background-color: lightcoral;*/
}

.panel-container2 {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    flex-wrap: nowrap;
    align-items: stretch;
    overflow: auto;
/*    background-color: limegreen;*/
}


.panel-fix {
    flex: none; 
}


.panel-stretch {
    flex: 1 1 auto;
    overflow: scroll !important;
}

.panel-stretch1 {
    flex: 1 1 auto;
    overflow: hidden;
}

.mudlistitem-filter {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    margin: 0px !important;
    margin: 0px !important;
    font-size:1.2em !important;
}

/* Höhe der Toolbar in der Tabelle (Filter im Objektfilter)*/
.mud-table-toolbar{
    height:48px;
}

/* Überschreibt die Padding-Eigenschaft vom MudBlazor Expansion Panel */
.mud-expand-panel .mud-expand-panel-header{
    padding: 16px 8px 16px 8px!important;
}


.extra-small-button {
    font-size:0.75em;
    padding:1px 6px 1px 6px;
}



/* InBox-Dialog */
/* Darstellung auf Mobilgeräten */
.inbox-dialog {
    background-color: #ECEFF1;
    padding:8px 8px 8px 8px!important;}
.inbox-title {
    font-size: 1.25rem !important;
}
.inbox-container {
    overflow-y: scroll;
    max-height: 50vh;    
    padding-left: 0px;
    padding-right: 0px;
}
/* InBox-Dialog */
/* Geänderte Darstellung auf größeren Geräten */
@media (min-width: 720px) {
    .inbox-container {
        max-height: 75vh;
    }
    .inbox-title {
        font-size: 1.5rem !important;
    }
}


/* Formatierung der Tabelle für meldungstypabhängige Berichte */
.table-footer-cell {
    font-weight: 500;
    font-size: 1.1em;
    color: var(--mud-palette-primary);
    border-top-style: solid;
    border-top-width: 4px;
    border-top-color: var(--mud-palette-primary);
}
.group-footer-cell {
    font-weight: 500;
    color: var(--mud-palette-info);
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: var(--mud-palette-info);
}
@media (min-width: 720px) {
    .data-cell-top-align {
        padding-top: 4px !important;
        padding-bottom: 32px !important;
    }
    .data-cell-bottom-align {
        padding-top: 32px !important;
        padding-bottom: 4px !important;
    }
    .data-cell-px0 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}
/* Ende Formatierung der Tabelle für meldungstypabhängige Berichte */




/*.mud-expand-panel .mud-expand-panel-header {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}*/


/* Ladeanzeige der App mit Fortschrittsanzeige */
.loading-progress {
    position: relative;
    display: block;
    width: 8rem;
    height: 8rem;
    margin: 20vh auto 1rem auto;
}

    .loading-progress circle {
        fill: none;
        stroke: #e0e0e0;
        stroke-width: 0.6rem;
        transform-origin: 50% 50%;
        transform: rotate(-90deg);
    }

        .loading-progress circle:last-child {
            stroke: #1b6ec2;
            stroke-dasharray: calc(3.141 * var(--blazor-load-percentage, 0%) * 0.8), 500%;
            transition: stroke-dasharray 0.05s ease-in-out;
        }

.loading-progress-text {
    position: absolute;
    text-align: center;
    font-weight: bold;
    inset: calc(20vh + 3.25rem) 0 auto 0.2rem;
}

    .loading-progress-text:after {
        content: var(--blazor-load-percentage-text, "Loading");
    }


/* Styling vom Cookie-Consent-Banner */
/* Quelle: https://github.com/BytexDigital/BytexDigital.Blazor.Components.CookieConsent */
.cc-isolation-container * {
    /* Accent color for primary button */
    --cc-color-accent: #1E88E5; 
    /* Accent color for primary button when hovered */
    --cc-color-accent-dark: #1d62a7; 
}