.error-message {
    color: red
}

.file-upload-card .file-upload-button-rapper {
    display: flex;
    justify-content: flex-end;
}
    .file-upload-card .file-upload-button-rapper .save-icon-button {
        background: linear-gradient(to bottom, #001f4d, #4da3ff);
        color: rgb(255,255,255);
        margin: 0rem 1.4rem 1rem 0rem;
        padding: 0.7rem 1.2rem 0.8rem 1.6rem;
        border-radius: 1.7rem;
        line-height: 28px;
    }
        .file-upload-card .file-upload-button-rapper .save-icon-button.mud-button:disabled {
            color: black !important;
            background: linear-gradient(to bottom, #2a2a2a, #b5b5b5);
        }

        .file-upload-card .file-upload-button-rapper .save-icon-button.mud-button .fa-file-upload:before {
            font-size: 25px;
        }
        .file-upload-card .file-upload-button-rapper .save-icon-button.mud-button .mud-button-label .mud-button-icon-start {
            padding: 0rem 0rem 0.2rem 0rem;
        }


.file-upload-card .file-upload-rapper .file-upload-button {
    margin: 0rem 0rem 0.6rem 0rem;
    padding-inline-end: 1.5rem;
    width:15em;
}

    .file-upload-card .file-upload-rapper .file-upload-button .mud-fab-label {
        gap: 3px;
        padding: 0.1rem 0rem 0rem 0rem;
    }


    .file-upload-card.rounded-gradient-bottom {
        position: relative;
    }

    .file-upload-card.rounded-gradient-bottom::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 1px; /* thickness */
        border-radius: 6px; /* <-- rounded ends */
        background: linear-gradient(to right, #003366, #66ccff);
    }

.value-error {
    font-size: 0.55rem;
    font-weight: 800;
}
.value-text {
    color: black;
}