.entity-attribute-wrapper
  &.hidden
    visibility: hidden
    height: 0

.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 documents
@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