#dropzone{
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:28px;
    border:4px dashed #999;
    background:#fafafa;
	box-sizing: border-box;
}

#dropzone.dragover{
    background:#e9f5ff;
    border-color:#0078d7;
}

.ux-infobox div#progressbar {
    height: 18px;
    min-width: 15%;
    background: linear-gradient(90deg, #a0d8f1, #ffd6a5);
    border-radius: 9px;
    margin-top: 8px;
    box-shadow: inset 0 2px 4px rgba(255,255,255,0.4), 0 2px 6px rgba(0,0,0,0.08);
    transition: width 0.3s ease-in-out;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #333;
    font-weight: bold;
}

/* légère lumière animée */
.ux-infobox div#progressbar::after {
    content: "";
    position: absolute;
    top:0; left:-50%;
    width:50%;
    height:100%;
    background: rgba(255,255,255,0.2);
    transform: skewX(-20deg);
    animation: shine 1.5s infinite;
}

@keyframes shine {
    0% { left: -50%; }
    100% { left: 100%; }
}

#upload-status div.text 
{ 
	margin-top: 5px;
	line-height: 24px;
}

#upload-status div.text span 
{
	vertical-align:middle;
}

#upload-status div.errorresponse 
{
	color: darkorange;
}

#upload-status div#errorgeneral 
{
	color: red;
}