.ag-easy-upload-overlay{
    position: absolute;
    top: calc(50% - 75px);
    left: calc(50% - 150px);
    background-color: #fff;
    z-index: 10000;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: opacity 200ms ease, transform 0ms ease 200ms;
    opacity: 0;
    transform: scale(0);
    flex-direction: column;
    width: 300px;
    height: 150px;
    box-shadow: 0px 3px 10px -6px #333, 0px 0px 10px -4px #dadada;
    border-radius: 4px;
    user-select: none;
}

.ag-easy-upload-overlay.active{
    opacity: 1;
    transform: scale(1);
    transition: opacity 200ms ease, transform 0ms ease;
}


.ag-easy-upload-overlay > div{
	display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    opacity: 0;
    transition: transform 200ms ease, opacity 200ms ease;
}

.ag-easy-upload-overlay .pending{
	 color: #275E91;
}

.ag-easy-upload-overlay .finished{
	    color: #0bb568;
}

.ag-easy-upload-overlay.pending > div{
    transform: translateY(50%);
}

.ag-easy-upload-overlay.pending > .pending{
	opacity: 1;
}

.ag-easy-upload-overlay.pending .finished{
	opacity: 0;
}

.ag-easy-upload-overlay.finished .pending{
    opacity: 0;
}

.ag-easy-upload-overlay.finished > div{
	transform: translateY(-50%);
}

.ag-easy-upload-overlay.finished .finished{
     opacity: 1;
}

.ag-fa-spin{
	animation: fa-spin 1s infinite ease;
}