.progress-bar-placeholder {
  display: none;
}

.document-form {

  .document .file-name {
    margin-top: 0;
  }

  .progress-bar-placeholder {
    margin-bottom: 15px;
  }

  .document .loading-bar.errors {
    margin-top: $line-height * 2;
  }
}

.document {

  .button {
    font-weight: normal;
  }

  .progress-bar {
    width: 100%;
    background-color: $light-gray;
  }

  .js-document-attachment {
    display: none;
  }

  .file-name {
    margin-top: $line-height / 2;
  }

  .loading-bar {
    height: 5px;
    width: 0;
    transition: width 500ms ease-out;

    &.uploading {
      background-color: $dark-gray;
    }

    &.complete {
      background-color: $success-color;
      width: 100%;
    }

    &.errors {
      background-color: $alert-color;
      width: 100%;
      margin-top: $line-height / 2;
    }
  }

  .loading-bar.no-transition {
    transition: none;
  }
}