.fancybox__container {
    --fancybox-bg: rgba(24, 24, 27, 0.85);
    z-index: 9999;
}

.mud-input {
    font-size: 0.8125rem;
}

.mud-input-control > .mud-input-control-input-container > .mud-input-label-inputcontrol {
    font-size: 0.8125rem;
}

.mud-button-year {
    font-size: 0.8125rem;
}

.mud-table-cell {
    font-size: var(--mud-typography-default-size);
}

.mud-typography-body1 {
    font-size: var(--mud-typography-default-size);
}

.mud-button-outlined-size-small {
    font-size: var(--mud-typography-default-size);
}

#blazor-error-ui {
    background: lightyellow;
    background-color: var(--mud-palette-error);
    color: var(--mud-palette-error-text);
    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;
    padding: 0.6rem 1.75rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 9999;
}

#reconnect-modal {
    background: lightyellow;
    background-color: var(--mud-palette-warning-hover);
    color: var(--mud-palette-warning-darken);
    top: 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;
    padding: 0.6rem 1.75rem 0.7rem 1.25rem;
    margin: 0px;
    position: fixed;
    width: 100%;
    z-index: 9999;
}

.mud-overlay-dialog {
    backdrop-filter: blur(10px) !important;
}

.mud-dialog-title {
    background-color: var(--mud-palette-surface);
    border-bottom: solid 1px rgba(0, 0, 0, 0.11764705882352941);
    /*position: sticky !important;
    top: 0;*/
}
.mud-dialog-actions {
    background-color: var(--mud-palette-surface);
    border-top: solid 1px rgba(0, 0, 0, 0.11764705882352941);
    /*position: sticky !important;
    bottom: 0;*/
}

.mud-tab.mud-tab-active {
    background-color: var(--mud-palette-primary-hover);
    color: var(--mud-palette-primary);
    border-radius: 0px;
    border-style: solid;
    border-width: 0 0 2px 0;
}

.mud-tabs-panels {
    overflow-y: scroll;
    max-height: calc(100vh - 200px);
}

.bg-\[--mud-palette-primary\] {
    background-color: var(--mud-palette-primary);
}

.mud-table-toolbar {
    height: 120px !important;
}

.text-white {
    color: #fff !important;
}

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

.text-right {
    text-align: right !important;
}

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

.d-none {
    display: none !important;
}