.entity-attribute-images
  height: auto
  box-sizing: border-box
  line-height: 59px

  .uploads
    display: none

  .image-list
    margin-left: 205px
    box-sizing: border-box

    .maxImagesUploaded
      p
        color: #a7a7a7
        line-height: 1
        margin: 0.7em 0.2em
        font-size: 0.7em

    ul
      +clearfix
      margin: 0
      padding: 0
      padding-top: grid-row(.5)
      list-style: none
      line-height: 58px
      box-sizing: border-box
      display: inline-block

      li
        position: relative
        margin-right: grid-row(.5)
        //margin-bottom: grid-row(.5)
        box-sizing: border-box
        display: block
        float: left
        +size(60px 60px)
        //overflow: hidden
        border-radius: 5px
        //cursor: pointer

        a
          display: block
          +size(100% 100%)
          line-height: 60px
          text-align: center
          overflow: hidden

        .deleteImage
          position: relative
          top: -24px
          left: -4px
          cursor: pointer
          color: black
          padding: 0.3px 5px
          font-size: 1em
          //border: 1px solid lightgrey;

        img
          height: 100%
          width: 100%
          object-fit: cover
          overflow: hidden



        &.new-image
          cursor: pointer
          border: 2px solid $brand-primary
          background: url("#{$baseImagePath}/icons/icon_plus.svg")
          background-repeat: no-repeat
          background-position: center center
          &:hover:after
            content: none
          input
            display: block
            height: 100%
            width: 100%
            opacity: 0
            cursor: pointer
          button
            display: none