.drop-box {
    background: white;
    border: 0.0625rem dashed $border-color;
    width: 100%;
    text-align: center;
    padding: 1.563rem $gutter;
    margin-bottom: $gutter;
}
.dragover {
    border-color: $brand-primary;
}

.dropzone {
  background: white;
  border-width: 1px;
  border-color: $brand-dark;
  border-style: dashed;
  @include rounded($border-radius-base);
  display: table;
  width: 100%;
  padding: 0;
  .dz-message {
    display: table-cell;
    vertical-align: middle;
  }
  .dz-preview.dz-file-preview .dz-image {
    @include rounded($border-radius-base);
    background: $brand-default;
  }
  .dz-preview .dz-error-message {
    background: $brand-danger;
    @include rounded($border-radius-base);
  }
  .dz-preview .dz-error-message:after {
    border-bottom-color: $brand-danger;
  }
  .dz-preview .dz-progress {
    border-color: $border-color;
  }
  .dz-preview .dz-progress .dz-upload {
    background: $brand-primary;
  }
  .dz-preview .dz-details .dz-filename:hover span {
    border-color: $border-color;
  }
  .dz-preview .dz-details .dz-filename span,
  .dz-preview .dz-details .dz-size span {
    @include rounded($border-radius-base);
  }
}

.my-drop-zone {
  border: dashed 0.0625rem $text-color;
  @include rounded($border-radius-base);
  min-height: 1.25rem;
  padding: 1.188rem;
  margin-bottom: $padding-base;
  background-color: white;
}

.nv-file-over {
  border-color: $brand-danger;
}

.another-file-over-class {
  border-color: $brand-success;
}