body {
	background-color: var(--mud-palette-background);
}

.mud-input > input.mud-input-root-outlined {
    padding-top: 9px;
    padding-bottom: 9px;
}

.login-container .mud-primary-text {
    font-family: 'Rubik', sans-serif;
    font-weight: 800;
    margin-bottom: 3rem;
}

.login-container button.mud-button-filled-primary {
    padding-top: 3px;
    padding-bottom: 3px;
}

.login-container button.mud-button-filled-primary p.mud-typography-body1 {
    font-size: 20px;
}

.mud-list {
    padding: 0;
    margin: 0;
}

.mud-list.mud-list-padding { padding:0; }

label.mud-input-label-margin-normal {transform: translate(14px, 10px) scale(1)}

.mud-input-outlined {
    background-color: var(--mud-palette-surface);
    border-radius: var(--mud-default-borderradius);
}

.mud-input-control > .mud-input-control-input-container > .mud-input-label-outlined.mud-input-label-inputcontrol.mud-input-label-margin-dense {
    line-height: normal
}

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

.mud-input-label-outlined {
    transform: translate(8px, 6px) scale(1);
    background: #FFF;
    background: -webkit-linear-gradient(0deg,var(--mud-palette-surface) 55%, rgba(0, 0, 0, 0) 0%);
    background: -moz-linear-gradient(0deg,var(--mud-palette-surface) 55%, rgba(0, 0, 0, 0) 0%);
    background: linear-gradient(0deg,var(--mud-palette-surface) 55%, rgba(0, 0, 0, 0) 0%);
}

.mud-input-label-outlined.mud-input-label-margin-dense {
    transform: translate(12px, 10px) scale(1)
}

.mud-input-label-outlined.mud-input-label-margin-normal {
    transform: translate(14px, 12px) scale(1)
}



.font-100 {
    font-weight: 100 !important
}

.font-200 {
    font-weight: 200 !important
}

.font-300 {
    font-weight: 300 !important
}

.font-400 {
    font-weight: 400 !important
}

.font-500 {
    font-weight: 500 !important
}

.font-600 {
    font-weight: 600 !important
}

.font-700 {
    font-weight: 700 !important
}

.font-800 {
    font-weight: 800 !important
}

.font-900 {
    font-weight: 900 !important
}

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

.text-left {
    text-align: left !important
}

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

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

.min-w-0 {
    min-width: 0
}

.mud-field {
    display: flex;
    flex-grow: 1;
    position: relative
}

.absolute {position: absolute;}

.mud-input > input.mud-input-root-outlined, .mud-input div.mud-input-slot.mud-input-root-outlined {
    padding: 5.5px 12px
}

.mud-input > input.mud-input-root-outlined.mud-input-root-margin-dense, .mud-input div.mud-input-slot.mud-input-root-outlined.mud-input-root-margin-dense {
    padding-top: 9.5px;
    padding-bottom: 9.5px
}

.mud-input > input.mud-input-root-outlined.mud-input-root-margin-normal, .mud-input div.mud-input-slot.mud-input-root-outlined.mud-input-root-margin-normal {
    padding-top: 12.5px;
    padding-bottom: 12.5px
}

.mud-input > input.mud-input-root-outlined.mud-input-root-adorned-start, .mud-input div.mud-input-slot.mud-input-root-outlined.mud-input-root-adorned-start {
    padding-inline-end: 12px
}

.mud-input > input.mud-input-root-outlined.mud-input-root-adorned-end, .mud-input div.mud-input-slot.mud-input-root-outlined.mud-input-root-adorned-end {
    padding-inline-start: 12px
}

.mud-input > textarea.mud-input-root-outlined {
    margin-top: 9.5px
}

.mud-input > textarea.mud-input-root-outlined.mud-input-root-margin-dense {
    margin-top: 0
}

.mud-button-group-text.mud-button-group-override-styles.mud-button-group-horizontal:not(.mud-button-group-rtl) .mud-button-root:not(:first-child) {
    border-left: none;
}

.mud-chip-text:hover:not(.mud-disabled), .mud-chip-text:focus-visible:not(.mud-disabled) {
    background-color: var(--mud-palette-chip-default);
}