@import "colors"
@import "selectors"
@import "mixins"

#um-metaboxes-general
  h1
    sup
      font-size: 14px
      position: relative
      font-weight: 400
      background: #{$um-base}
      color: #fff !important
      padding: 2px 4px !important
      border-radius: 3px
      top: 5px
      left: 3px
      border: none !important
  &.wrap
    a.red,
    span.red
      color: #{$admin-warning}
    span.ok
      color: #{$admin-ok}

.um-metabox-holder
  p.sub
    padding: 0 4px 2px 4px
    margin: 0 0 8px 0
    color: #8F8F8F
    font-size: 14px
    border-bottom: 1px solid #ECECEC

  a.warning
    color: #{$admin-warning} !important
    background: transparent !important
    border: 0

  .norm
    i
      display: inline-block
      width: 30px
      text-align: center

    p
      margin: 5px 0

    .count
      font-size: 16px
      font-family: Georgia,"Times New Roman","Bitstream Charter",Times,serif
      color: #999
      width: 40px
      display: inline-block
      text-align: right
      margin-right: 10px

#um-users-overview-table
  width: 100%
  td
    width: auto
    min-width: 120px
    vertical-align: middle
    padding: 0 0 0 5px
    box-sizing: border-box
    &:first-child
      padding: 0 5px 0 0
  td > span
    width: 100%
    direction: ltr
    display: grid
    grid-gap: 6px
    grid-template-columns: repeat(2, minmax(20px, auto))
    align-content: start
    align-items: center
    justify-content: start
    justify-items: center
    a
      word-break: break-word
      &.count
        justify-self: end
        font-family: Georgia, "Times New Roman", "Bitstream Charter", Times, serif
        font-size: 18px