.files-multiple-actions
  display: flex
  align-items: flex-start
  .multiple-status-buttons
    margin-left: 10px
    display: flex
    flex-direction: column
    .btn-approve-all
      cursor: pointer
      display: flex
      align-items: center
      width: 230px
      height: 50px
      background: rgba(115, 142, 160, 0.8)
      color: white
      .icon-approve-all
        display: flex
        justify-content: center
        align-items: center
        width: 50px
        height: 100%
        background: #fff
        margin-right: 15px
        img
          width: 15px

    .btn-reject-all
      cursor: pointer
      display: flex
      align-items: center
      width: 230px
      height: 50px
      background: rgba(115, 142, 160, 0.6)
      color: white
      .icon-reject-all
        display: flex
        justify-content: center
        align-items: center
        width: 50px
        height: 100%
        background: #fff
        margin-right: 15px
        img
          width: 15px

    .btn-download-group-files
      border: 2px solid transparent
      display: flex
      align-items: center
      width: 230px
      height: 50px
      background: $blue
      color: white
      &:before
        margin-left: -2px
        position: relative
        width: 50px
        height: 50px
        background: #fff url('/images/icons/download.svg') no-repeat
        background-size: 15px 18px
        background-position: center
        display: inline-block
        margin-right: 15px
        content: ''

.files li
  justify-content: space-between

.files li select
  outline: $orange
  border: 0
  background: #eaedef
  font-size: 14px
  font-style: italic
  color: #6c7a89
  font-weight: 300

.upload_date
  font-size: 0.9rem
  opacity: 0.6
  align-self: flex-end

.document-group
  tbody
    tr:nth-child(even)
      background-color: #e7ebee !important