@font-face {
    font-family: 'IBM Plex Sans';
    src: url('fonts/IBMPlexSans-Regular.ttf') format('truetype');
}
body {
    font-family: 'IBM Plex Sans', sans-serif !important;
    background-color: #222B36 !important;
    color: white !important;
}

#submit_button:disabled {
    background-color: #2962FF !important;
}

.white-textfield .mud-input
{
    background-color: #373F49 !important;
    color: white !important;
}
.white-textfield .mud-input-label 
{
    color: white !important;
}
.dark-textfield .mud-input {
    background-color: white !important;
    color: black !important;
}
.dark-textfield .mud-input-label {
    color: black !important;
}

.mud-selected-item .mud-list-item-text {
    color: #2962FF !important;
}

.mud-table-row .mud-table-cell.error-message {
    font-style: italic;
    color: #f00;
}

.table-header .mud-table-cell {
    background-color: var(--mud-palette-background-grey) !important;
}

.flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

.flex-vertical-center {
    display: flex;
    align-items: center;
}

.no-pad.mud-grid-item,
.no-pad input.mud-input-root {
    padding: 0;
}

.dark-tabs .mud-tab-active, .dark-tabs .mud-tab-slider {
    color: black !important;
    background-color: var(--mud-palette-background-grey) !important;
}

.dark-tabs-nested .mud-tabs-toolbar, .dark-tabs-nested .mud-tab-slider {
    background-color: var(--mud-palette-background-grey) !important;
}

.dark-tabs-nested .mud-tab-active {
    color: var(--mud-palette-secondary) !important;
}

.small-input-text .mud-input-text {
    font-size: 12px !important;
}

.mud-expand-panel-text {
    font-weight: bold;
}

.relativity-table-header .mud-table-cell {
    background-color: #E2E2E2
}

.mud-grid-item.row-height {
    height: 7vh;
}

.mud-grid-item.row-height-tall {
    height: 11vh;
}

.mud-grid-item.service-row-height {
    height: 5vh;
}

.header-height {
    height: 7vh;
}

.mud-grid-item.responsive-border {
    border: solid;
    border-left-color: lightgray;
    border-right-color: lightgray;
    border-top-color: transparent;
    border-bottom-color: transparent;
}

.mud-grid-item.no-wrap-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mud-grid-item.service-name-container {
    display: flex;
    align-items: center;
    padding: 0 0 0 24px;
}

@media (max-width: 960px) {
    .mud-grid-item.responsive-border {
        border-left-color: transparent;
        border-right-color: transparent;
        border-top-color: lightgray;
        border-bottom-color: lightgray;
    }
}

.mud-grid-item.responsive-single-border {
    border: solid;
    border-left-color: lightgray;
    border-right-color: transparent;
    border-top-color: transparent;
    border-bottom-color: transparent;
}

@media (max-width: 960px) {
    .mud-grid-item.responsive-single-border {
        border-left-color: transparent;
        border-right-color: transparent;
        border-top-color: lightgray;
        border-bottom-color: transparent;
    }
}

div.mud-input input:disabled {
    color: var(--mud-palette-text-disabled)
}

.mud-input-control.mud-input-required > .mud-input-control-input-container > .mud-input-label::after {
    content: "";
}

.mud-input.mud-input-underline:after {
    border-bottom-color: gray
}

.mud-input-control > .mud-input-control-input-container > .mud-input-label-inputcontrol {
    font-size: 1.1rem;
    line-height: 1.25;
    max-width: 133%;
}

.mud-expand-panel .mud-simple-table table * tr td {
    padding: 6px;
}

.mud-expand-panel .mud-simple-table table * tr th {
    padding: 8px;
}

.mud-typography.mud-typography-caption.shrink_vw {
    font-size: min(.9vw, var(--mud-typography-caption-size));
}

.mud-typography.mud-typography-body2.shrink_vw {
    font-size: min(.9vw, var(--mud-typography-body2-size));
}

.mud-input-control.shrink_vw label.mud-input-label-inputcontrol {
    font-size: min(.9vw, var(--mud-typography-input-size));
}

.mud-input-control.shrink_vw .mud-select-input {
    font-size: min(1.1vw, var(--mud-typography-input-size));
}

.mud-grid-item.shrink_vw span {
    font-size: min(1.1vw, var(--mud-typography-default-size));
}

.mud-grid-item .mud-typography-body1.shrink_vw {
    font-size: min(1.1vw, var(--mud-typography-body1-size));
}

.mud-list .mud-list-item.shrink_vw p.mud-typography-body1 {
    font-size: min(.9vw, var(--mud-typography-body1-size));
}

.debug-form-spinner-container {
    width: 32px; /* Fixed width instead of min-width */
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center; /* Center the spinner horizontally */
}