.entity-attribute-text, .entity-attribute-password
  box-sizing: border-box

  &.error + .error
    box-shadow: inset 0 1px 1px rgba($brand-danger, .075), inset 0 0 1px rgba(lighten(desaturate($brand-danger, 25%), 10%),.75)
    border: 1px solid $brand-danger
    border-top: 0

  input
    width: calc(100% - 45px)
    max-width: 500px
    margin-left: 45px
    border: solid 1px $lighter-gray
    border-radius: 5px
    +attribute-focus

    &::placeholder
      font-style: italic

  &.error input
    background-image: url('#{$baseImagePath}/icons/icon_cross_red.svg')
    background-repeat: no-repeat
    background-position: right 20px center
    background-size: 10px 10px