.dropzone {
  width: 100%;
  border: 1px solid #2e3338;
  border-radius: 6px;
  background: #171a1d;
  font-family: "Overpass", sans-serif;
}

.dropzone.dz-drag-hover {
  border-style: solid;
  border-color: #494949;
}

.dropzone .dz-message {
  font-weight: 400;
  font-family: "Overpass", sans-serif;
  font-size: 15px;
  color: #b2b3bf;
}

.dropzone.dz-drag-hover .dz-message {
  opacity: 0.5;
  color: #494949;
}

.dropzone .dz-message .note {
  font-size: 14px;
  font-weight: 200;
  display: block;
  margin-top: 15px;
}
.dropzone .dz-preview.dz-image-preview {
  background: #171a1d;
}

.dropzone .dz-preview .dz-progress {
  display: block;
  height: 8px;
  border: none;
}

.dropzone .dz-preview .dz-progress .dz-upload {
  display: block;
  height: 100%;
  width: 0;
}

.dropzone .dz-preview .dz-remove {
  text-align: center;
  cursor: pointer;
  font-size: 13px;
  font-weight: 400;
  display: block;
  opacity: 1;
  border: none;
  position: absolute;
  width: 35px;
  height: 35px;
  color: #fff;
  border-radius: 0px 4px;
  background: #e72d46 url("../img/icon_remove.png");
  background-repeat: no-repeat;
  background-size: 15px 15px;
  background-position: center center;
  top: 0px;
  content: "";
  right: -0.5px;
  box-shadow: none;
  transition: background 0.4s, background-image 0.4s, border 0.4s, color 0.4s,
    opacity 0.2s;
  -webkit-transition: background 0.4s, background-image 0.4s, border 0.4s,
    color 0.4s, opacity 0.2s;
  -moz-transition: background 0.4s, background-image 0.4s, border 0.4s,
    color 0.4s, opacity 0.2s;
  -o-transition: background 0.4s, background-image 0.4s, border 0.4s, color 0.4s,
    opacity 0.2s;
  z-index: 88;
}

.dropzone .dz-preview .dz-remove:hover {
  text-decoration: none;
  font-size: 13px;
  font-weight: 400;
  background: #db2a42 url("../img/icon_remove.png");
  background-repeat: no-repeat;
  background-size: 15px 15px;
  background-position: center center;
  color: #fff;
  cursor: pointer;
}