.list-inline.inline-block
  display: inline-block

.card
  padding-top: 20px
  margin: 10px 0 20px 0
  background-color: rgba(214, 224, 226, 0.2)
  border-top-width: 0
  border-bottom-width: 2px
  -webkit-box-shadow: none
  -moz-box-shadow: none
  box-shadow: none
  -webkit-box-sizing: border-box
  -moz-box-sizing: border-box
  box-sizing: border-box
  min-height: 280px
  .card-heading
    padding: 0 20px
    margin: 0
    &.simple
      font-size: 20px
      font-weight: 300
      color: #777
      border-bottom: 1px solid #e5e5e5
    &.image
      img
        display: inline-block
        width: 46px
        height: 46px
        margin-right: 15px
        vertical-align: top
        border: 0
        -webkit-border-radius: 50%
        -moz-border-radius: 50%
        border-radius: 50%
      .card-heading-header
        display: inline-block
        vertical-align: top
        h3
          margin: 0
          font-size: 14px
          line-height: 16px
          color: #262626
        span
          font-size: 12px
          color: #999999
  .card-body
    padding: 0 20px
    margin-top: 20px
  &.hovercard
    position: relative
    padding-top: 0
    overflow: hidden
    text-align: center
    background-color: rgba(214, 224, 226, 0.2)
    box-shadow: #999 0 2px 10px
    min-height: 420px
    .cardheader
      background: #0097a7
      background-size: cover
      height: 135px
      border-bottom: 5px solid #ededed
    .avatar
      position: relative
      top: -50px
      margin-bottom: -50px

.card-image
  width: 100px
  height: 100px
  max-width: 100px
  max-height: 100px
  -webkit-border-radius: 50%
  -moz-border-radius: 50%
  border-radius: 50%
  border: 5px solid #ededed
  padding: 5px
  background-color: #fff

.card.hovercard
  .card-info
    padding: 4px 8px 10px
    .title
      margin-bottom: 20px
      font-size: 24px
      line-height: 1
      color: #262626
      vertical-align: middle
      margin-top: 10px
    .desc
      overflow: hidden
      font-size: 12px
      line-height: 20px
      color: #737373
      text-overflow: ellipsis
  .card-bottom
    padding: 0 20px
    margin-bottom: 17px
    bottom: 0
    position: absolute
    left: 33%
    right: 33%

.btn
  background-color: #0097a7
  border: #0097a7

.card-item
  min-height: 500px