#upload_button {
  width: 100%;
  margin-bottom: 15px;
}
#dropzone_main,
#dropzone_shapes,
#dropzone_backgrounds {
  cursor: pointer;
  position: relative;
  color: #aaa;
  text-align: center;
  margin-top: 15px;
  min-height: 260px;
}
#dropzone_main.empty,
#dropzone_shapes.empty,
#dropzone_backgrounds.empty {
  border: 2px dashed #aaa;
  padding: 10px;
}
#dropzone_main.empty span.message,
#dropzone_shapes.empty span.message,
#dropzone_backgrounds.empty span.message {
  display: block;
}
#dropzone_main.empty #autofill,
#dropzone_shapes.empty #autofill,
#dropzone_backgrounds.empty #autofill {
  display: none;
}
#dropzone_main span.message,
#dropzone_shapes span.message,
#dropzone_backgrounds span.message {
  display: none;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -15px;
  width: 100%;
  text-align: center;
}
#dropzone_main input[type=file],
#dropzone_shapes input[type=file],
#dropzone_backgrounds input[type=file] {
  display: none;
}
#dropzone_backgrounds {
  min-height: 150px;
  padding: 0;
}
#dropzone_backgrounds span.message {
  display: none;
  position: absolute;
  top: auto;
  bottom: 25px;
  left: 0;
  margin-top: -15px;
  width: 100%;
  text-align: center;
}
.dropzone_add_new_page .dz-progress {
  display: none;
}
.dropzone .dz-preview,
.page .dz-preview {
  background: #fff;
  position: relative;
  display: inline-block;
  width: 100%;
  height: 100%;
}
.dropzone .dz-preview .dz-progress,
.page .dz-preview .dz-progress {
  position: absolute;
  height: 20px;
  width: 90%;
  left: 5%;
  border: 1px solid #aaa;
  top: 50%;
  margin-top: -10px;
}
.dropzone .dz-preview .dz-progress .dz-upload,
.page .dz-preview .dz-progress .dz-upload {
  display: block;
  height: 20px;
  width: 0;
  background: $app_green;
}
.upload_progress {
  display: none;
  position: absolute;
  width: 90%;
  height: 28px;
  margin: 0;
  left: 5%;
  top: 50%;
  margin-top: -14px;
  background: #666;
}
#main_progress {
  display: none;
  position: relative;
  width: 100%;
  height: 28px;
  margin: 25px 0;
  background: #666;
}
#progress_message,
.progress_message {
  position: absolute;
  width: 100%;
  height: 28px;
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 0.9em;
  z-index: 10;
  line-height: 28px;
}
#progress,
.progress {
  position: absolute;
  top: 0;
  left: 0;
  height: 28px;
  width: 0%;
  background: $app_green;
}
#dropzone_main {
  position: relative;
  height: 450px;
}
#dropzone_main #photo_container {
  position: absolute;
  top: 50px;
}
#dropzone_main .dz-preview {
  position: relative;
  display: inline-block;
  width: 120px;
  margin: 0.5em;
  display: none;
}
#dropzone_main .dz-preview .dz-progress {
  display: block;
  height: 20px;
  border: 1px solid #aaa;
}
#dropzone_main .dz-preview .dz-progress .dz-upload {
  display: block;
  height: 100%;
  width: 0;
  background: $app_green;
}
#dropzone_main .dz-preview .dz-error-message {
  color: #f00;
  display: none;
}
#dropzone_main .dz-preview.dz-success .dz-success-mark {
  display: block;
}
#dropzone_main .dz-preview.dz-error .dz-error-message,
.dropzone .dz-preview.dz-error .dz-error-mark {
  display: block;
}
#dropzone_main .dz-preview .dz-error-mark,
.dropzone .dz-preview .dz-success-mark {
  position: absolute;
  display: none;
  left: 30px;
  top: 30px;
  width: 54px;
  height: 58px;
  left: 50%;
  margin-left: -27px;
}