.uacf7-dropzone-wrapper .dropzone{
background: white;
border-radius: 5px;
border: 2px dashed rgb(0, 135, 247);
border-image: none;
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
.uacf7-dropzone-wrapper .dz-message .dz-button {
color: rgb(100, 108, 127);
line-height: 1.4rem;
font-family: Roboto, "Open Sans", sans-serif;
font-size: 20px;
font-weight: 500;
}
.uacf7-dropzone-wrapper .validation-message.dz-error{
color: red;
font-size: 12px;
}
.dropzone .dz-preview .dz-progress .dz-upload {
background: linear-gradient(to bottom, #19a711, #067d2a);
}
.uacf7-dz-spinner {
position: absolute;
top: 10px;
right: 10px;
z-index: 10;
}
.uacf7-dz-spinner .spinner {
width: 20px;
height: 20px;
border: 3px solid #ccc;
border-top-color: #0073aa;
border-radius: 50%;
animation: spin 0.8s linear infinite;
}
.dropzone .dz-preview .dz-image img {
height: 100%;
}
@keyframes spin {
to { transform: rotate(360deg); }
}