.dropzone, .dropzone * {
  box-sizing: border-box;
}
.dropzone {
  position: relative;
  border: none;
  padding: 0;
  margin: 0 20px 20px 20px;
}
.dropzone .dz-message{
	border: 3px dashed rgba(0, 0, 0, 0.3);
	padding: 15px;
	margin: 0 0 2em 0;
}
.dropzone.dz-started .dz-message {
	display: block;
}
.dropzone .dz-preview {
  position: relative;
  display: inline-block;
  width: 120px;
  margin: 0.5em;
}
.dropzone .dz-preview .dz-progress {
  display: block;
  height: 15px;
  border: 1px solid #aaa;
}
.dropzone .dz-preview .dz-progress .dz-upload {
  display: block;
  height: 100%;
  width: 0;
  background: green;
}
.dropzone .dz-preview .dz-remove i {
	cursor: pointer;
}
.dropzone .dz-preview .dz-error-message {
  color: red;
  display: none;
}
.dropzone .dz-preview.dz-error .dz-error-message, .dropzone .dz-preview.dz-error .dz-error-mark {
  display: block;
}
.dropzone .dz-preview.dz-success .dz-success-mark {
  display: block;
}
.dropzone .dz-preview .dz-error-mark, .dropzone .dz-preview .dz-success-mark {
  position: absolute;
  display: none;
  left: 30px;
  top: 30px;
  width: 54px;
  height: 58px;
  left: 125%;
  margin-left: -27px;
}
.dropzone .dz-preview .dz-success-mark {
	color: #02d01e;
}
.dropzone .dz-preview .dz-error-mark {
	color: #ff334c;
}