#blazor-error-ui {
    background: lightyellow;
    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;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}

:root {
    --mud-drawer-width-left: 245px !important;
    --mud-drawer-width-right: 245px !important;
}

html {
    scrollbar-gutter: stable;
}

.invalid {
    outline: 1px solid #e50000;
}

.validation-message {
    color: #e50000 !important;
}

.wright-border {
    border-bottom: 1px solid #d6d5d5;
}

.wright-appbar-text {
    display: inline;
}

@media (max-width: 400px) {
    .wright-appbar-text {
        display: none;
    }
}

.unselected-item {
    color: red;
}

.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.underline {
    text-decoration: underline;
}

.created-icon-color .mud-icon-root {
    color: #9CCC65 !important;
}
.pending-icon-color .mud-icon-root {
    color: #FDD835 !important;
}
.rejected-icon-color .mud-icon-root {
    color: #E53935 !important;
}
.approved-icon-color .mud-icon-root {
    color: #1E88E5 !important;
}
.cancel-icon-color .mud-icon-root {
    color: #BDBDBD !important;
}

.created-icon-color.mud-icon-root {
    color: #9CCC65 !important;
}
.pending-icon-color.mud-icon-root {
    color: #FDD835 !important;
}
.rejected-icon-color.mud-icon-root {
    color: #E53935 !important;
}
.approved-icon-color.mud-icon-root {
    color: #1E88E5 !important;
}
.cancel-icon-color.mud-icon-root {
    color: #BDBDBD !important;
}

.mud-table-hover .no-hover {
    pointer-events: none;
    background-color: var(--mud-palette-surface);
}

.mud-tab.mud-tab-active {
    border-bottom: 2px solid #FFFFFF;
}

.mud-table-row.abandon {
    background-color: #FCE4EC !important;
}

@media(hover: hover)and (pointer: fine) {
    .mud-table-hover .mud-table-container .mud-table-root .mud-table-body .mud-table-row.abandon:hover {
        background-color: #F8BBD0 !important;
    }
}

@media(hover: hover)and (pointer: fine) {
    .mud-table-hover .mud-table-container .mud-table-root .mud-table-body .mud-table-row.info:hover {
        background-color: var(--mud-palette-info);
    }
}
.mud-table-row.success {
    background-color: var(--mud-palette-success-lighten) !important;
}

@media(hover: hover)and (pointer: fine) {
    .mud-table-hover .mud-table-container .mud-table-root .mud-table-body .mud-table-row.success:hover {
        background-color: var(--mud-palette-success) !important;
    }
}

div.mud-table th:not(:last-child) {
    border-right: 1px solid var(--mud-palette-table-lines);
}

div.mud-table td:not(:last-child) {
    border-right: 1px solid var(--mud-palette-table-lines);
}

.mud-expand-panel-content, .mud-expand-panel-header {
    background-color: var(--mud-palette-background-gray);
}

.mud-input:has(> input:read-only):focus-within .mud-input-outlined-border,
.mud-input:has(> textarea:read-only):focus-within .mud-input-outlined-border {
    border-width: 1px !important;
    border-color: var(--mud-palette-lines-inputs) !important;
}

@media (hover: hover) and (pointer: fine) {
    .mud-input:has(> input:read-only):hover .mud-input-outlined-border,
    .mud-input:has(> textarea:read-only):hover .mud-input-outlined-border {
        border-color: var(--mud-palette-lines-inputs) !important;
    }
}

.mud-input:focus-within:has(> input:read-only) ~ label.mud-input-label.mud-input-label-inputcontrol,
.mud-input:focus-within:has(> textarea:read-only) ~ label.mud-input-label.mud-input-label-inputcontrol {
    color: var(--mud-palette-text-primary) !important;
}

/* NavGroupの中にある子NavGroupだけ対象 */
.mud-nav-group .mud-collapse-wrapper {
    overflow: hidden !important;
}

.clickable:hover {
    background-color: rgba(39, 44, 52, 0.04);
    cursor: pointer;
}

.loading:hover {
    cursor: wait;
}