/* ErrorBoundary component */

.blazor-error-boundary
{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiNmNDQzMzYiIGNsYXNzPSJtdWQtaWNvbi1yb290IG11ZC1zdmctaWNvbiBtdWQtaWNvbi1zaXplLW1lZGl1bSIgZm9jdXNhYmxlPSJmYWxzZSIgdmlld0JveD0iMCAwIDI0IDI0IiBhcmlhLWhpZGRlbj0idHJ1ZSIgcm9sZT0iaW1nIj48IS0tIS0tPjxwYXRoIGQ9Ik0wIDBoMjR2MjRIMFYweiIgZmlsbD0ibm9uZSIvPjxwYXRoIGQ9Ik0xMSAxNWgydjJoLTJ6bTAtOGgydjZoLTJ6bS45OS01QzYuNDcgMiAyIDYuNDggMiAxMnM0LjQ3IDEwIDkuOTkgMTBDMTcuNTIgMjIgMjIgMTcuNTIgMjIgMTJTMTcuNTIgMiAxMS45OSAyek0xMiAyMGMtNC40MiAwLTgtMy41OC04LThzMy41OC04IDgtOCA4IDMuNTggOCA4LTMuNTggOC04IDh6Ii8+PC9zdmc+);
    background-repeat: no-repeat;
    background-size: 50px;
    background-position: center 20px;
    color: var(--mud-palette-error-darken);
    background-color: var(--mud-palette-error-hover);
    border-radius: var(--mud-default-borderradius);
    padding: 70px 32px 32px;
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    text-align: center;
    margin-top: 8px;
    margin-bottom: 8px;
}

    .blazor-error-boundary::before
    {
        display: block;
        content: "Oops! Something went wrong.";
        font-size: var(--mud-typography-h4-size);
        font-weight: var(--mud-typography-h4-weight);
    }

    .blazor-error-boundary::after
    {
        display: block;
        content: "Please try again or contact support if the problem persists.";
        color: var(--mud-palette-text-primary);
    }

.text-multiline
{
    white-space: pre-wrap;
}

.text-center
{
    text-align: center;
}

.text-bold
{
    font-weight: bold !important;
}

.font-monospace
{
    font-family: 'Cascadia Mono', Consolas, 'Courier New', Courier, monospace;
}

/* HorizontalTabs component */

.horizontal-tabs-tab-header
{
    border-radius: 0 !important;
    border-bottom: 1px solid var(--mud-palette-lines-default);
}

.horizontal-tabs-tab-panel
{
    text-transform: none;
    letter-spacing: 0;
    min-width: auto !important;
    padding: 0 20px;
}

    .horizontal-tabs-tab-panel .mud-badge-wrapper,
    .horizontal-tabs-tab-panel .mud-badge
    {
        position: static;
    }

.horizontal-tabs-active-tab
{
    font-weight: bold;
}

.horizontal-tabs-panel
{
    padding: 20px;
}