.dropzone {
    border: 3px dashed rgb(204 204 204 / 30%);
    padding: 8px 13px;
    min-height: 60px;
    height: auto;
    overflow: visible;
    background: rgb(255 255 255 / 10%);
	border-radius: 0.5em;
}
.dropzone.dz-clickable {
    border: 3px dashed rgb(204 204 204 / 30%);
}
.dropzone.dz-clickable.dz-started {
    border: 1px solid #ccc;
}
.dropzone .dz-message {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #bbb;
    margin: 10px 0;
}
.dropzone .dz-message  a {
    color: #aaa;
}
.dropzone .dz-preview {
    margin: 7px;
    text-align: center;
}
.dropzone .dz-preview .dz-progress {
    background: rgba(255, 0, 0, 0.9);
    overflow: hidden;
    top: 65%;
}
.dropzone .dz-preview .dz-error-message {
    top: 160px !important;
}
.dropzone .dz-preview .dz-error-mark svg {
    background: #B52424;
    border-radius: 27px;
}
.dropzone .dz-preview .dz-infomessage {
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    display: block;
    border: none;
    color: green;
}
.dropzone .dz-preview .dz-image {
    max-width: 300px;
    width: auto;
    height: auto;
}