.bank-transactions-table
  border-collapse: collapse
  width: 100%
  table-layout: fixed

  th, td
    text-align: left
    padding: .3rem .5rem

  &-account
    white-space: nowrap

  &-payee
    overflow: hidden

  &.zebra
    tr:nth-child(even)
      background-color: lighten($silver, 13%)


  &.zebra-group-two
    tbody
      tr:nth-child(4n-1),
      tr:nth-child(4n)
        background-color: lighten($silver, 13%)
  
.bank-transaction
  padding: .5rem
  
  &:nth-child(even)
    background-color: lighten($silver, 13%)

  a.d-f
    text-decoration: none
    font-weight: bold

    *
      text-decoration: underline

  &-payee
    overflow: scroll
    white-space: nowrap
    margin-right: 1rem

  &-amount
    font-weight: bold
    text-decoration: none !important
    color: $black

  &-edits
    font-size: .7em
    margin-top: .5rem

  &-controls
    font-size: .7em
    margin-top: .5rem

    > div
      flex: 1
      text-align: center

  select
    width: 100%

.bank-transaction-form
  .bank-transaction-attribute
    label
      display: block
      text-transform: uppercase
      font-size: .75rem
      color: lighten($black, 30%)
      margin-bottom: .1rem

    p
      margin: 0 0 .5rem 0

    @media (max-width: $sm + "px")
      input
        width: 100%
