.eg-file-delete {
    border: none;
    background: none;
    padding: 0 5px;
    color: red;
}

.eg-file-button {
    background-color: #505050;
    background-position: center top;
    background-repeat: no-repeat;
    border-radius: 30px;
    border: 2px solid #808080;
    color: #FFF;
    font: bold 12px Arial, Helvetica, sans-serif;
    line-height: normal;
    line-height: normal;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    text-transform: uppercase;
    overflow: hidden;
    position: relative;
    text-align: center;
    padding: 8px 10px;
    display: block;
    background-image: linear-gradient(to top, #505050 0%, #707070 100%);
}

.eg-file-error {
    color: red;
}

.eg-file-progress {
    display: inline-block;
    width: 200px;
    height: 1em;
    background: #eee;
    position: relative;
    vertical-align: middle;
}

.eg-file-progress::after {
    content: '';
    display: block;
    height: 100%;
    width: var(--eg-progress, 0%);
    background: #0d6efd;
    transition: width 0.2s ease;
}

.eg-file-drag-handle {
    cursor: move;
}
/* .eg-file-progress {
    background: #eee;
}

.eg-file-progress::after {
    background: linear-gradient(to right, red, orange, yellow, green, blue, violet);
    background-size: 200px 100%;
    width: var(--eg-progress, 0%);
    transition: width 0.2s ease;
} */