body {
    font-family: "Trade Gothic LT Std", Arial, Helvetica, sans-serif;
}

:root {
    --mud-typography-default-family: "Trade Gothic LT Std", Arial, Helvetica, sans-serif;
}

.header_box {
    padding: 5px 0;
    border-bottom: 1px solid #999;
    line-height: 1.2;
    display: inline-flex; /* Use inline-flex to keep the container inline with surrounding text if needed */
    align-items: center;
    vertical-align: middle;
    width: 100%
}

    .header_box * {
        height: 40px;
    }

.upload-height {
    height: 100px;
}

.file-list {
    margin-bottom: 0px;
    display: flex; /* Use flexbox for easy alignment */
    align-items: center; /* Vertically center items */
    gap: 10px; /* This creates the 10px gap between direct flex items */
}

.file-list-name {
    flex-grow: 1; /* Allows the name to take up available space */
    border-bottom-color: none; /* This property doesn't exist, might be a typo for border-bottom-style or border-bottom */
    height: 37px;
    padding: 8px 5px 7px 7px;
    margin: 0px;
    background-color: #005789;
    color: #fff;
    border-radius: 5px;
    display: flex; /* Use flexbox to vertically center the text if needed */
    align-items: center;
}

.file-list-action {
    /* No special display needed here, flexbox handles it */
}

/* You might not need file-list-action-button specific positioning if the above works */
.file-list-action-button {
    /* Remove absolute positioning if not needed */
    /* position: absolute; */
    /* right: 0px; */
}