@media (max-width: 600px) {
    .mud-container--gutters {
        padding-left: 3px !important;
        padding-right: 3px !important;
    }
}

.no-inline-margin .mud-nav-link-text {
    margin-inline-start: 0 !important;
    margin-left: 0 !important;
}

/* Environment name effects */
@keyframes blinker {
    50% {
        opacity: 0;
    }
}

/* Move expand panel icon to the left */
.mud-expand-panel-icon {
    order: 1;
}
.mud-expand-panel-text {
    order: 2;
}

/* Reduce expand panel paddings and margins */
.mud-expand-panel .mud-expand-panel-header {
    padding: 0;
}
.mud-expand-panel.mud-panel-expanded {
    margin: 0;
}

/* Customize table header color */
th.mud-table-cell {
    background-color: var(--mud-palette-background-gray);
    font-weight: bolder;
    font-size: 1rem !important;
}

/* Make button labels Capital Case instead of UPPER CASE */
.mud-button-label {
    width: 100%;
    display: inherit;
    align-items: inherit;
    justify-content: inherit;
    text-transform: capitalize;
    font-size: 1rem !important;
}

/* Make dropdown items take up less space */
.mud-list-item {
    width: 100%;
    display: flex;
    position: relative;
    box-sizing: border-box;
    text-align: start;
    align-items: center;
    padding-top: 0;
    padding-bottom: 0;
    justify-content: flex-start;
    text-decoration: none;
}

/* Make disabled fields look disabled */
.mud-input.mud-disabled {
    color: var(--mud-palette-text-disabled) !important;
    background: var(--mud-palette-dark-hover) !important;
    border-radius: var(--mud-default-borderradius) !important;
    cursor: default;
}

/* Setup consistent font sizes */
html {
    font-size: 12px;
}

/* Make input field labels readable when active and validated */
.mud-shrink~label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-outlined, .mud-input:focus-within~label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-outlined {
    font-size: 1.25rem !important;
    color: var(--mud-palette-primary);
}
.mud-input.mud-input-outlined>.mud-input-outlined-border legend {
    font-size: 1rem !important;
}
.mud-input-control>.mud-input-control-input-container>.mud-input-label-outlined.mud-input-label-inputcontrol {
    line-height: 1.3rem !important;
}
.mud-input-helper-text.mud-input-error {
    font-size: 1rem !important;
}

/* when readonly, but styled like disabled input fields */
.readonly-disabled > .mud-input-control-input-container > .mud-input.mud-input-outlined.mud-input-adorned-end {
    color: var(--mud-palette-text-disabled) !important;
    background: var(--mud-palette-dark-hover) !important;
}
.readonly-disabled > .mud-input-control-input-container > .mud-input.mud-input-outlined {
    color: var(--mud-palette-text-disabled) !important;
    background: var(--mud-palette-dark-hover) !important;
}