GPQAPP

1
.dropzone, .dropzone * {
2
  box-sizing: border-box;
3
}
4

5
.dropzone {
6
  position: relative;
7
}
8
.dropzone .dz-preview {
9
  position: relative;
10
  display: inline-block;
11
  width: 120px;
12
  margin: 0.5em;
13
}
14
.dropzone .dz-preview .dz-progress {
15
  display: block;
16
  height: 15px;
17
  border: 1px solid #aaa;
18
}
19
.dropzone .dz-preview .dz-progress .dz-upload {
20
  display: block;
21
  height: 100%;
22
  width: 0;
23
  background: green;
24
}
25
.dropzone .dz-preview .dz-error-message {
26
  color: red;
27
  display: none;
28
}
29
.dropzone .dz-preview.dz-error .dz-error-message, .dropzone .dz-preview.dz-error .dz-error-mark {
30
  display: block;
31
}
32
.dropzone .dz-preview.dz-success .dz-success-mark {
33
  display: block;
34
}
35
.dropzone .dz-preview .dz-error-mark, .dropzone .dz-preview .dz-success-mark {
36
  position: absolute;
37
  display: none;
38
  left: 30px;
39
  top: 30px;
40
  width: 54px;
41
  height: 58px;
42
  left: 50%;
43
  margin-left: -27px;
44
}