.entity-attributes
  +position(absolute, grid-row(8) null 0 null)
  width: 100%
  overflow: auto
  background-color: $white

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

  p
    line-height: 1.4

  label
    position: absolute
    display: block
    width: 200px
    margin-left: grid-row(1)
    font-size: $font-size-small
    color: $light-gray
    text-transform: uppercase
    font-weight: $font-weight-bold

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

  &.hidden
    display: none

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

.message.error
  color: $brand-danger

@import "editableRows"
@import "file"
@import "files"
@import "images"
@import "link"
@import "list"
@import "multiselect"
@import "onOffSwitch"
@import "password"
@import "select"
@import "seperator"
@import "table"
@import "text"
@import "textArea"
@import "textEditor"
@import "textCurrency"
@import "title"
@import "dynamic"