body {
    background-color: #202124;
    scrollbar-width: auto;
    scrollbar-color: #6e6e6e transparent;
}

.mud-main-content {
    height: 100%;
    min-height: 100vh;
    display: flex;
    padding-top: 0;
    padding-bottom: 0;
}

.mud-container--gutters {
    padding-left: 9px;
    padding-right: 9px;
}

.mud-chip.mud-chip-size-medium {
    height: 28px;
}

.mud-disabled {
    font-weight: 450;
    font-size: xx-large;
}

.no-min-width .mud-list-item-icon {
    min-width: 32px !important;
}

.clickable-span {
    color: red;
    cursor: pointer;
    width: auto;
}

.clickable-span:hover {
    text-decoration: underline;
    cursor: pointer;
    width: auto;
}

.mud-progress-circular.mud-progress-small {
    height: 16px;
    width: 16px;
}


/*
th.sticky-left {
    background-color: unset;
}

th.sticky-right {
    background-color: unset;
}
*/

/*  background-color: rgba(32, 33, 36, 1) !important;  */
/*  background-color: rgba(20, 21, 24, 1) !important;  */

/*
td.sticky-left {
    background-color: rgba(32, 33, 36, 1);

}

td.sticky-right {
    background-color: rgba(32, 33, 36, 1);
}
*/

.mud-data-grid th.mud-table-cell.sticky-left, .mud-data-grid th.mud-table-cell.sticky-right {
    background-color: unset !important;
}

@media (max-width: 599px) {
    .mud-data-grid td.mud-table-cell.sticky-left,
    .mud-data-grid td.mud-table-cell.sticky-right {
        background-color: transparent !important;
    }
}

@media(max-width: 600px) {
    .mud-xs-table .mud-table-row .mud-table-cell:last-child {
        border-bottom: 3px solid var(--mud-palette-table-lines);
    }
}

.mud-data-grid th.mud-table-cell.sticky-left,
.mud-data-grid th.mud-table-cell.sticky-right {
    background-color: rgba(25, 26, 28, 1);
}

.mud-data-grid td.mud-table-cell.sticky-left,
.mud-data-grid td.mud-table-cell.sticky-right {
    background-color: rgba(32, 33, 36, 1);
}

/*
.mud-input>textarea.mud-input-root-outlined {
    margin: 14px 14px;
}
 */

/*
.mud-input > textarea.mud-input-root-outlined {
    margin: 14px 14px;
}
*/

.mud-drawer-open-responsive-md-left .mud-appbar {
    --mud-drawer-width-left: 130px;
}

.mud-drawer-open-responsive-md-left .mud-main-content {
    margin-left: 130px;
}

.mud-drawer-open-responsive-sm-left .mud-appbar {
    --mud-drawer-width-left: 130px;
}

.mud-drawer-open-responsive-sm-left .mud-main-content {
    margin-left: 130px;
}

.mud-drawer-open-responsive-xs-left .mud-appbar {
    margin-left: 130px;
}

.mud-drawer-open-responsive-xs-left .mud-main-content {
    margin-left: 130px;
}

.mud-input {
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
}
.mud-chip {
    font-size: var(--mud-typography-default-size);
}
.mud-chip.mud-chip-size-small {
    font-size: var(--mud-typography-body1-size);
}
.mud-tabs {
    background-color: var(--mud-palette-surface);
}
.mud-input-control > .mud-input-control-input-container > .mud-input-label-inputcontrol {
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
}

.mud-simple-table table * tr > td, .mud-simple-table table * tr th {
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
}

.mud-expand-panel .mud-expand-panel-header {
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
}

.mud-button-year {
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
}

.mud-table-cell {
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
}

.mud-typography-body2 {
    color: var(--mud-palette-text-secondary);
}

.mud-typography-subtitle2 {
    color: var(--mud-palette-text-secondary);
}

.mud-breadcrumbs.mud-typography-body1 {
    font-size: 1.5rem;
}

.mud-breadcrumbs.mud-typography-body1 a:hover {
    text-decoration: underline;
    transition: text-decoration 0.3s ease;
}

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

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

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

.mud-grid.readonly-grid > .mud-grid-item {
    border-bottom: 1px solid var(--mud-palette-table-lines);
    padding-bottom:2px;
}

#blazor-error-ui {
    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.75rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 9999;
}

#reconnect-modal {
    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-nav-link {
    white-space: normal !important;
    padding: 8px 8px 8px 8px;
}

.user-button {
    text-transform: none;
    background: rgba(var(--mud-palette-primary-rgb), 0.1)
}

.side-menu .mud-chip.mud-chip-size-small {
    font-size: 0.625rem;
    height: 1.125rem;
}

.mud-menu-item {
    padding: 4px 8px;
}

@keyframes glow-text {
    0%, 100% {
        text-shadow:
            0 0 4px snow,
            0 -10px 20px tomato,
            -10px 10px 20px yellow,
            10px 10px 20px tomato;
    }
    33% {
        text-shadow:
            0 0 4px snow,
            0 -10px 20px cyan,
            -10px 10px 20px tomato,
            10px 10px 20px cyan;
    }
    66% {
        text-shadow:
            0 0 4px snow,
            0 -10px 20px yellow,
            -10px 10px 20px cyan,
            10px 10px 20px yellow;
    }
}

@keyframes glow-div {
    0%, 100% {
        box-shadow:
            0 0 10px snow,
            0 0 20px tomato,
            0 0 30px yellow,
            0 0 40px tomato;
    }
    33% {
        box-shadow:
            0 0 10px snow,
            0 0 20px cyan,
            0 0 30px tomato,
            0 0 40px cyan;
    }
    66% {
        box-shadow:
            0 0 10px snow,
            0 0 20px yellow,
            0 0 30px cyan,
            0 0 40px yellow;
    }
}

@keyframes ticker-scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        /* Смещение на 50% ширины контейнера, так как список продублирован */
        transform: translateX(-50%);
    }
}

.glowing-text {
    color: snow;
    animation: glow-text 1s ease-in-out both infinite;
}

/*****************************/

/* MudBlazor Overlay Override */
.mud-overlay .mud-overlay-scrim.mud-overlay-dark {
    border-color: var(--mud-palette-overlay-dark) !important;
    background-color: var(--mud-palette-overlay-dark) !important;
    backdrop-filter: blur(8px) !important;
}