.entity-attribute
  position: relative
  min-height: grid-row(2) + 1px
  border-bottom: 1px solid #e0e6ec
  font-size: 1rem
  line-height: grid-row(2)
  +box-sizing(border-box)

  label
    position: absolute
    display: block
    width: 175px
    margin-left: grid-row(1)
    font-size: 0.7rem
    color: $light-gray
    text-transform: uppercase
    font-weight: $font-weight-bold
    white-space: nowrap

  &.error
    border: 1px solid $brand-danger
    label
      color: $brand-danger

  &.hidden
    display: none

  .content
    position: relative
    padding-left: 205px
    padding-right: grid-row(.5)
    line-height: grid-row(1)
    padding-top: grid-row(.5)
    padding-bottom: grid-row(.5)
    background-color: transparent
    border: 0
    display: block
    color: #5c5f65
    +box-sizing(border-box)

  .input-read-only
    text-indent: 205px
    font-size: 0.7rem
    color: $dark-gray
    opacity: 0.5
    user-select: none
    cursor: not-allowed

  input
    height: 100%
    width: 100%
    min-height: 60px
    background-color: transparent
    text-indent: 205px
    font-size: 0.7rem
    border: 0
    z-index: 99999
    display: block
    color: $dark-gray
    box-sizing: border-box
    transition: border-color ease-in-out 0.25s, box-shadow ease-in-out 0.25s

  .explanation
    display: block
    padding-bottom: 20px
    color: #9ba0ae
    font-size: 0.7rem
    line-height: 1.2
    margin-left: 30px

@import "file"
@import "images"
@import "link"
@import "list"
@import "multiselect"
@import "onOffSwitch"
@import "password"
@import "select"
@import "seperator"
@import "sorter"
@import "switch"
@import "table"
@import "text"
@import "textArea"
@import "textEditor"
@import "textCurrency"
@import "title"
@import "view"
@import "dynamic"
@import "autocompleteinput"
@import datePicker