.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);
}

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

.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;
}

.login-background {
    background: linear-gradient(132deg, #396180, #c8b772, #1fde97);
    background-size: 400% 400%;
    animation: Gradient 15s ease infinite;
}


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


.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: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(var(--min-col-size), 1fr));
}

.flex {
    display: flex;
}

.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;
}