html, body {
    height: 100%;
}

app {
    display: block;
    height: 100%;
}

.header-logo {
    flex-shrink: 0;
    background-color: currentColor;
    -webkit-mask: url('../images/logo.svg');
    mask: url('../images/logo.svg');
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    width: 28px;
    height: 24px;
}

#blazor-error-ui {
    background: inherit;
    bottom: 0;
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 100001;
}
/* Override DevExpress alert-info styling */
.alert-info {
    --bs-alert-color: #060306 !important;
    --bs-alert-bg: #D7ECE4 !important;
    --bs-alert-border-color: #D7ECE4 !important;
    --bs-alert-link-color: #060306 !important;
    background-color: #D7ECE4 !important;
}

/* Override DevExpress alert-danger styling to fix transparency */
.alert-danger {
    --bs-alert-color: var(--bs-danger-text-emphasis) !important;
    --bs-alert-bg: var(--bs-danger-bg-subtle) !important;
    --bs-alert-border-color: var(--bs-danger-border-subtle) !important;
    --bs-alert-link-color: var(--bs-danger-text-emphasis) !important;
    background-color: var(--bs-danger-bg-subtle) !important;
    opacity: 1 !important;
}



/* Extra stark fix f�r alert-danger transparency - denna regel har h�gsta prioritet */
div.alert.alert-danger, .alert-danger, .alert.alert-danger {
    background-color: #f8d7da !important;
    background: #f8d7da !important;
    opacity: 1.0 !important;
    color: #721c24 !important;
    border-color: #f5c6cb !important;
}