.mud-typography-body1 {
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
fluent-tab{
    padding-right:0.5rem;
    padding-left:0.5rem;
}

fluent-select fluent-option{
    padding-left:0.8rem;
}

.mud-input {
    box-sizing: border-box;
    position: relative;
    color: inherit;
    background: padding-box linear-gradient(var(--neutral-fill-input-rest), var(--neutral-fill-input-rest)), border-box var(--neutral-stroke-input-rest);
    border: calc(var(--stroke-width) * 1px) solid transparent;
    border-radius: calc(var(--control-corner-radius) * 1px);
    height: calc((var(--base-height-multiplier) + var(--density)) * var(--design-unit) * 1px);
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

.mud-input-control > .mud-input-control-input-container > div.mud-input.mud-input-text {
    margin-top: 0px;
}

.mud-input-control {
    margin-top: 0px;
}

.mud-primary-text {
    color: black !important;
}

.mud-primary-hover {
    background-color: #f3f3f3 !important;
}

.mud-popover {
    margin-top: 5px !important;
    z-index: 10000000 !important;
}

.mud-list-item {
    padding-top: 0px;
    padding-bottom: 0px;
}

.mud-input-slot {
    padding-left: 8px !important;
}

.mud-button-root {
    background-color: transparent !important;
}

.mud-elevation-8 {
    box-shadow: none;
}
.hm-0 {
    max-height: 0px !important;;
    margin: 0px !important;;
    padding: 0px !important;;
    border: none !important;
    outline: none !important;
    padding-inline-start: 0rem !important;
    padding-inline-end: 0rem !important;
}
input.hm-0:focus{
    
    border: none !important;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
}