body.portaltype-ftw-file-file #dropzone {
  display: none;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  margin: 20px;
  padding: 200px;
  position: relative;
  border: 3px dotted rgba(0, 0, 0, 0.3);
  text-align: center;
}

body.portaltype-ftw-file-file #dropzone.hover {
  box-shadow: 0 0px 10px 0px rgba(0, 0, 0, 0.5);
}

body.portaltype-ftw-file-file #dropzone.done #ftw-file-upload {
  display: none;
}

body.portaltype-ftw-file-file #dropzone.done.hover {
  box-shadow: 0 0px 10px 0px rgba(0, 0, 0, 0.5);
}

body.portaltype-ftw-file-file #dropzone.uploading {
  border: none;
}

body.portaltype-ftw-file-file #dropzone.uploading #ftw-file-upload {
  display: none;
}

body.portaltype-ftw-file-file #dropzone.fail #ftw-file-upload {
  display: none;
}

body.portaltype-ftw-file-file #dropzone #ftw-file-upload {
  display: inline;
  box-shadow: none;
  border: none;
}

body.portaltype-ftw-file-file #dropzone img {
  border: 5px solid #FFFFFF;
  box-shadow: 0px 0px 0px 4px #000000;
  width: 100px;
}

body.portaltype-ftw-file-file #dropzone #dropzone-replacement-warning {
  color: darkred;
  text-align: center;
  margin-bottom: 40px;
  font-size: 14px;
}

progress {
  width: 100%;
}

progress:after {
  content: "%";
}
