#previewDropzone {
    min-width: 300px;
    display: none;
    position: fixed;
    margin-top: 10px;
    padding: 10px;
    background-color: rgba(189, 195, 199, 0.5);
    right: 100px;
    top: 100px;
    z-index: 1029;
    border-radius: 10px;
}

#previewDropzone .card {
    margin-bottom: 0px !important;
}

#previewDropzone .card-body {
    padding: 1rem !important;
    padding-top: 0.5rem !important;
}

#previewDropzone .dz-preview {
    border-bottom: 1px solid #eee;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    margin-bottom: 8px !important;
}

.dz-image {
    display: none;
}

.dz-size {
    float: right;
}

.dz-progress {
    clear: right;
    display: block;
    border: 1px solid #ccc;
    height: 8px;
}

.dz-progress .dz-upload {
    display: block;
    height: 7px;
    width: 0%;
    background-color: #3498DB;
}

.dz-success-mark {
    display: none;
}

.dz-error-mark {
    display: none;
}