.dropzone {
  border: 1px dashed darkgray;
  background: none;
  position: relative;
}
.dropzone, .dropzone * {
  box-sizing: border-box;
}
.dropzone .dz-message {
  color: darkgray;
  font-size: medium;
  text-align: center;
}
.dropzone .dz-message .dz-button {
  background: none;
  border: none;
  color: inherit;
  cursor: pointer;
  font: inherit;
  padding: 8px;
}
.dropzone.dz-drag-hover {
  background-color: #e6fee6;
  border-style: solid;
}
.dropzone.dz-drag-hover .dz-message {
  color: darkslategray;
}
.dropzone .dz-preview {
  position: relative;
  display: hidden;
  height: 0px;
}
.dropzone .dz-preview .dz-progress {
  display: hidden;
  height: 0px;
}
.dropzone .dz-preview .dz-progress .dz-upload {
  display: none;
  height: 0px;
}
.dropzone .dz-preview .dz-error-message {
  display: none;
  height: 0px;
}
.dropzone .dz-preview.dz-error .dz-error-message, .dropzone .dz-preview.dz-error .dz-error-mark {
  display: none;
  height: 0px;
}
.dropzone .dz-preview.dz-success .dz-success-mark {
  display: none;
  height: 0px;
}
.dropzone .dz-preview .dz-error-mark, .dropzone .dz-preview .dz-success-mark {
  display: none;
  height: 0px;
}

.dropzone #file {
  display: none;
}