ldp-display {
  ldp-form {
    display: block;
    background-color: #f3f3f3;
    padding: 15px;
    box-sizing: content-box;

    form {
      @extend %self-clear;

      ldp-form-text {
        position: relative;
        display: block;
        margin-bottom: 1rem;

        &::before {
          position: absolute;
          top: 3px;
          bottom: 0px;
          left: 10px;
          margin: auto;
          font-family: FontAwesome;
          content: '\f002';
          color: gray;
        }

        label {
          text-transform: capitalize;
          display: none;
        }

        input[type='text'] {
          @extend %form-control;
          @extend %form-control-sm;

          padding-left: 30px;
        }
      }

      input[type='submit'],
      input[type='reset'] {
        @extend %btn;
        float: right;
      }

      input[type='submit'] {
        @extend %btn-primary;
      }

      input[type='reset'] {
        @extend %btn-link;
      }
    }
  }
}

ldp-form.edit-form {
  ldp-form-text {
    @extend %form-group;

    label {
      text-transform: capitalize;
    }

    input {
      @extend %form-control;
      @extend %form-control-sm;
    }
  }

  input[type='submit'] {
    @extend %btn;
    @extend %btn-primary;
  }
}

sib-form {
  sib-form-text {
    label {
      text-transform: capitalize;
    }

    input {
      margin-right: 0.5em;
      padding: 0.375em 0.75em;
      font-size: 1rem;
      line-height: 1.5;
      color: #495057;
      background-color: #fff;
      border: 1px solid #ced4da;
      border-radius: 0.25rem;
      vertical-align: top;
    }
  }

  input[type='submit'],
  input[type='reset'] {
    @extend %btn;
    @extend %btn-primary;
    margin-right: 0.5em;
  }
}

sib-form {
  input[type='reset'] {
    display: none;
  }
}