.docs-search-bar .mud-input {
    height: 42px;
}
.docs-search-bar.mud-input-control {
    background-color: var(--mud-palette-grey-light);
    margin-bottom: 5px;
    height: 42px;
    border-radius: var(--mud-default-borderradius);
}
.docs-search-bar .mud-input.mud-input-outlined .mud-input-outlined-border {
    border: none;
    border-radius: var(--mud-default-borderradius);
}

@keyframes Gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}


.default-input-style {
    
    padding-top:1rem;
    /*margin-top: 1rem;*/
    border: none;
    margin-bottom: 5px;
    /*padding-left: 1rem;*/
    /*background-color: var(--mud-palette-grey-light);*/
    background-color:var(--mud-palette-background);
    border-radius: var(--mud-default-borderradius);
}


.selectedtablerow {
        background-image:     linear-gradient(to right, var(--mud-palette-primary) 0%,  var(--mud-palette-primary) 100%);
    background-size: 6px 100%;
    background-repeat: no-repeat;
}

/*.selectedtablerow > td {*/
/*    color: white !important;*/
/*}*/

/*.selectedtablerow > td .mud-input {*/
/*    color: white !important;*/
/*}*/

.backdrop-blur {
    backdrop-filter: blur(12px);
}


.flexible-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

.flexible-grid > * {
    flex: 1 ;
}


.row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
}

.column {
    display: flex;
    flex-direction: column;
    flex: 1;
    flex-basis: 100%;
}

.double-column {
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
}

.cluster {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}


.gap1 {
    gap: 1rem;
}

.gap2 {
    gap: 2rem;
}

.gap3 {
    gap: 3rem;
}

@media screen and (min-width: 800px) {
    .column {
        flex: 1
    }

    .double-column {
        flex: 2
    }
}

.auto-grid {
    --min-col-size: 22rem;
    display: grid;
    gap: 0.5rem;
    grid-template-columns: repeat(auto-fit, minmax(var(--min-col-size), 1fr));
}

.flex {
    display: flex;
}

.grid {
    display: grid;
}

.justify-right {
    justify-content: flex-end;
}

.justify-space-between {
    justify-content: space-between;
}

.flex-center {
    display: flex;
    justify-content: center;
}

.flex-vert-center {
    display: flex;
    align-items: center;
}

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

.mt-1 {
    margin-top: 1rem;
}

.mt-2 {
    margin-top: 2rem;
}

.mb-1 {
    margin-bottom: 1rem;
}

.mb-2 {
    margin-bottom: 2rem;
}


.p-1 {
    padding: 1rem;
}

.mud-paper.access-link {
    background-color: color-mix(in srgb, var(--mud-palette-background) 96%, black);
    box-shadow: none;
    display: inline-block;
}

.access-link .access-link-inner {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 500;
}

a:focus-visible,
button:focus-visible,
summary:focus-visible,
[tabindex]:focus-visible,
.mud-button-root:focus-visible,
.mud-icon-button:focus-visible,
.mud-nav-link:focus-visible {
    outline-width: 2px !important;
    outline-style: solid !important;
    outline-color: var(--mud-palette-primary) !important;
    outline-offset: 2px;
    border-radius: var(--mud-default-borderradius);
}

.mud-input-slot:focus-visible,
.mud-input-root:focus-visible,
.mud-checkbox input:focus-visible,
.mud-radio input:focus-visible,
.mud-switch input:focus-visible {
    outline: none !important;
}


.app-bar-logo img {
    max-height: 50px;
    max-width: 40vw;
    width: auto;
    object-fit: contain;
}

.landing-page-markdown :is(h1, h2, h3, h4, h5, h6) {
    margin: 1.5rem 0 0.5rem;
}

.landing-page-markdown > :first-child {
    margin-top: 0;
}

.landing-page-markdown :is(p, ul, ol, blockquote, table) {
    margin: 0 0 1rem;
}

.landing-page-markdown :is(ul, ol) {
    padding-inline-start: 1.5rem;
}

.landing-page-markdown a {
    color: var(--mud-palette-primary);
    text-decoration: underline;
}

.login-page-markdown {
    text-align: center;
}

.login-page-markdown :is(ul, ol) {
    display: inline-block;
    text-align: left;
}

.registration-success {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
    margin-top: 1.5rem;
}

.registration-success-badge {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 5.5rem;
    height: 5.5rem;
    border-radius: 50%;
    /* rgba is the fallback for engines without color-mix. */
    background-color: rgba(0, 200, 83, 0.12);
    background-color: color-mix(in srgb, var(--mud-palette-success) 14%, transparent);
}

.access-login-background {
    background-size: 150%;
    background-position: center;
}


/* Theme-independent on purpose: it shows before the theme has been applied. */
.app-boot-overlay {
    position: fixed;
    inset: 0;
    z-index: 3000;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #27272f;
}


.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
}

.skip-to-content {
    position: absolute;
    left: -9999px;
    top: 0;
    z-index: 4000;
    padding: 0.75rem 1.25rem;
    background-color: var(--mud-palette-surface);
    color: var(--mud-palette-text-primary);
    border-radius: var(--mud-default-borderradius);
    text-decoration: none;
}

.skip-to-content:focus {
    left: 0.5rem;
    top: 0.5rem;
    box-shadow: var(--mud-elevation-8);
}