.document-group

  margin: 30px auto
  background: #fafafa
  width: 75%
  padding: 40px 45px 40px 100px

  -webkit-box-shadow: 0px 17px 50px -15px rgba(0,0,0,0.10)
  -moz-box-shadow: 0px 17px 50px -15px rgba(0,0,0,0.10)
  box-shadow: 0px 17px 50px -15px rgba(0,0,0,0.10)

ol
  margin: 0
  padding: 0
  list-style: none
  .document-number
    counter-increment: item
    &:before
      position: absolute
      margin-left: -115px
      height: 75px
      width: 75px
      content: counter(item)
      font-size: 30px
      background: #6d9cb0
      color: white
      text-align: center
      display: flex
      justify-content: center
      align-items: center

.document-content-wrapper
  display: flex
  flex-direction: column
  p
    max-width: 500px

.document-content-header
  display: flex
  h3
    flex-grow: 1

.new-file
  margin-top: 30px
  align-self: flex-end

.document-download-all
  align-self: flex-end

.files
  list-style: none
  margin: 0
  padding: 35px 25px
  display: flex
  flex-direction: column
  background: #fff
  flex-grow: 1
  li
    display: flex
    padding-bottom: 10px
    margin-bottom: 10px
    border-bottom: 1px solid rgba(0,0,0,0.1)
    justify-content: stretch
    .file_name
      min-width: 25%
      word-break: normal
      overflow: hidden
    .upload_date
      min-width: 20%
    .status
      min-width: 100px
      margin-left: auto
    .deletebtn
      flex-basis: 20px


.notJudged
  opacity: 0.33
  font-style: italic

.rejected
  color: $red

.approved
  color: $green
  //&:after
  //  width: 11.3px
  //  height: 8.3px
  //  background-image: url('/images/icons/approved.svg')
  //  background-size: cover

.upload

.nvt
  flex-shrink: 0
  color: #5b6670
  font-size: 20px
  input[type="checkbox"]
    width: 22.5px
    height: 22.5px
    border: 2px solid #5b6670

/** Highlighting when error is giving **/

.group-error.document-number:before
  background: $red