.CheckUploadProgress {
    border: 2px dashed var(--dividers-default);
    margin-top: 25px;
    text-align: center;
    width: 80%;
    height: 18rem;
    background-color: var(--gray-0);
    position: relative;

    &-header-text {
        margin-top: 4rem;
        color: var(--gray-800);
        font-size: 1.5rem;
        font-weight: 300;
    }

    &-generating-report {
        margin-top: 25px;
        text-align: center;

        .LoadingSpinner-inner {
            height: 60px;
            width: 60px;
        }

        &-message {
            margin-top: 33px;
        }
    }

    &-progress-error {
        .WarningGlyphIcon {
            path {
                fill: var(--gray-700);
            }
        }
    }

    &-status-box {
        position: absolute;
        color: var(--gray-0);
        bottom: 0;
        left: 0;
        padding-left: 1rem;
        background: var(--info-100);
        border-radius: 0 0 3px 3px;
        width: 100%;
        text-align: left;
        text-transform: uppercase;
        font-weight: 500;

        svg {
            margin-right: 1rem;
            margin-top: -2px;
        }
    }
}