.state-footer {
    bottom: 0;
    position: fixed;
    min-height: 2.5rem;
    max-height: 2.5rem;
    width: 100%;
}

.norounding {
    border-radius: 0 !important;
}

@media only screen and (min-width: 960px) {
    .mud-drawer-open-responsive-md-left .state-footer,
    .mud-drawer-open-responsive-md-right .state-footer {
        width: calc(100% - var(--mud-drawer-width-left));
    }
}

.modal-blurred-backdrop {
    backdrop-filter: blur(10px);
}

.text-main {
    font-weight:700;
}

.table-fixed table {
    table-layout: fixed;
}

.staterunner .simple-keyboard {
    position: fixed;
    bottom: 0;
    z-index: 100;    
    width: calc(100% - 16px);
    margin-right: 24px;
}

@media only screen and (min-width: 960px) {
    .staterunner .simple-keyboard {
        width: calc(100% - var(--mud-drawer-width-left) - 16px);
        max-width: 1264px;
    }
}

.staterunner.with-footer .simple-keyboard {
    bottom: 2.5rem;
}

.table-grid table {
    border-collapse: collapse;
    table-layout: fixed;    
}

.grid-cell {
    height: 4.25rem;    
}

.grid-button {
    height: 100%;
    opacity: 0.7;
    padding: .5em .75em;
    color:#fff;
    overflow-wrap: break-word;
} 

.grid-button-active {
    opacity: 1;
    cursor: pointer;
}

    .grid-button-active:hover {
        opacity: 0.9;
        cursor: pointer;
    }
    
.mud-input.mud-input-outlined.mud-input-adorned-start.mud-input-adorned-end {
    padding-left: 14px;
    padding-right: 14px;
    padding-inline-end: 14px;
    padding-inline-start: 14px;
}

.mud-input > input.mud-input-root-outlined.mud-input-root-adorned-start.mud-input-root-adorned-end, div.mud-input-slot.mud-input-root-outlined.mud-input-root-adorned-start.mud-input-root-adorned-end {
    padding-left: 0;
    padding-right: 0;
    padding-inline-start: 0;
    padding-inline-end: 0;
}

.image-default {
    height: 48px;
    max-width: 100%;
}

.image-medium {
    height: 96px;
    max-width: 100%;
}

.image-large {
    height: 192px;
    max-width: 100%;
}

.image-extra-large {
    height: 384px;
    max-width: 100%;
}

.image-extra-extra-large {
    height: 768px;
    max-width: 100%;
}