.dropzone .dz-preview {
  min-height: 90px;
  max-height: 90px;
}

.dropzone .dz-preview .dz-image img {
  max-height: 70px;
}

.dropzone .dz-preview .dz-image {
  width: 70px;
  height: 70px;
}

.dropzone .dz-preview .dz-details {
  font-size: 13px;
}

.dropzone .dz-preview .dz-details .dz-size {
  font-size: 13px;
  margin-bottom: 0;
  margin-top: 0px;
  transform: rotate(270deg);
  position: relative;
  left: -35px;
  top: 30px;
}

.dropzone .dz-preview .dz-details .dz-filename span, 
.dropzone .dz-preview .dz-details .dz-size span {
  background-color: rgba(255, 255, 255, 0.2);
}

.dropzone .dz-preview:hover .dz-details .dz-filename span, 
.dropzone .dz-preview:hover .dz-details .dz-size span {
  background-color: rgba(255, 255, 255, 0.6);
}


.dropzone .dz-preview .dz-details {
  padding: 0;
}

.dropzone .dz-preview.dz-file-preview .dz-details {
  height: 100%;
}

/*.dropzone .dz-preview .dz-details .dz-filename:not(:hover)*/
.dropzone .dz-preview .dz-details .dz-filename {
  min-width: 70px;
  max-width: 70px;
  position: absolute;
  left:0px;
  bottom: 0px;
}

.dropzone .dz-preview:hover .dz-image img {
  -webkit-filter: blur(2px);
  filter: blur(2px);
}

.dropzone .dz-preview .dz-success-mark svg, 
.dropzone .dz-preview .dz-error-mark svg {
  left: 25px;
  width: 25px;
  height: 25px;
}

.dropzone .dz-preview .dz-success-mark, 
.dropzone .dz-preview .dz-error-mark {
  transform: scale(0.8);
  margin-top: -25px;
  margin-left: -15px;
}

.dropzone .dz-preview .dz-error-message {
  top: 90px;
  left: -20px;
  font-size: 11px;
  padding: 3px 8px;
  width: auto;
  max-width: 300px;
}

.dropzone .dz-preview .dz-error-message span {
  white-space: nowrap;
}

.dropzone {
  padding: 10px 20px;
}

.dropzone .dz-preview .dz-error-message:after {
  left: 55px;
}