body {
}


.pattern-background {
    background-image: url('/images/pattern.svg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.custom-color .mud-input.mud-input-filled.mud-input-underline:after {
    border-bottom: 2px solid #D1F701 !important;
    pointer-events: none;
}
.custom-color2 .mud-icon-button-label .mud-icon-root.mud-svg-icon {
    fill: #D1F701 !important;
}
.custom-color .mud-input.mud-input-filled {
    position: relative;
    background-color: rgb(255 255 255 / 12%) !important;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.custom-color .mud-popover-provider.mud-popover.mud-popover-open {
    color: var(--mud-palette-text-primary);
    background-color: rgb(36 36 37) !important;
    border-radius: var(--mud-default-borderradius);
}
.custom-color .mud-popover.mud-popover-open.mud-primary-hover .mud-primary-text {
    color: #D1F701 !important;
    --mud-ripple-color: var(--mud-palette-primary) !important;
}
.custom-table.mud-table {
    color: var(--mud-palette-text-primary);
    background-color: rgb(255 255 255 / 12%) !important;
    border-radius: var(--mud-default-borderradius);
    transition: box-shadow 300mscubic-bezier(0.4, 0, 0.2, 1) 0ms;
    border-top-left-radius: 24px !important;
    border-top-right-radius: 24px !important;
}

.custom-card .mud-paper {
    color: var(--mud-palette-text-primary);
    background-color: rgb(255 255 255 / 12%);
    border-radius: var(--mud-default-borderradius);
    transition: box-shadow 300mscubic-bezier(0.4, 0, 0.2, 1) 0ms;
}