/*-----------------------------------------------------------------------------
--- Blazor stuff --------------------------------------------------------------
-----------------------------------------------------------------------------*/

#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

/* Für Webkit-basierte Browser (Chrome, Safari) */
::-webkit-scrollbar-thumb {
    background-color: var(--bs-primary-border-subtle);
}

::-webkit-scrollbar {
    width: 5px;
    height: 8px;
    background-color: var(--bs-white);
}

/* Für Firefox */
* {
    scrollbar-width: thin;
    scrollbar-color: var(--bs-primary-border-subtle) var(--bs-white);
}

.clickable {
    cursor: pointer;
}

.h-fit-content {
    height: fit-content !important;
}

.w-fit-content {
    width: fit-content !important;
}

.h-min-content {
    height: min-content !important;
}

.w-min-content {
    width: min-content !important;
}

.h-max-content {
    height: max-content !important;
}

.w-max-content {
    width: max-content !important;
}

.overflow-y-auto {
    overflow-y: auto !important;
}

.overflow-y-unset {
    overflow-y: unset !important;
}

.overflow-x-auto {
    overflow-x: auto !important;
}

.overflow-x-unset {
    overflow-x: unset !important;
}

.gray-scale {
    filter: grayscale(100%);
}

.no-select {
    user-select: none; /* Standard-Syntax */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    -webkit-user-select: none; /* Safari und Chrome */
}