body {

$font: "Courier New", courier, monospace;

font-family: $font;
margin: 0;
padding: 0;

tr {
  // the following is a black magic style that fixes an issue with THEAD doing weird things
  // on following pages, still needed for v0.12.3
  // see: https://github.com/wkhtmltopdf/wkhtmltopdf/issues/1524
  page-break-inside: avoid;
}

&.header {
  font-size: 8pt;
  margin: 0 20pt;
  padding-bottom: 1pt;

  .company-info {
    font-weight: bold;
    height: 56pt;
    padding-top: 10pt;
    text-transform: uppercase;

    .company-name {
      font-size: 2em;
      margin-bottom: 0.25em;
    }

    .address1 {
      font-size: 1.5em;
      margin-bottom: 0.25em;
    }

    .address2 {
      font-size: 1.5em;
      font-weight: normal;
    }
  }

  .instruction-text {
    line-height: 150%;
  }
}

&.footer {
  font-size: 8pt;
  margin: 0 20pt;

  .page_number {
    margin: 0 auto;
    width: 100pt;

    .page {
      display: block;
      float: right;
    }
  }
}

&.body {
  $column1-width: 38%;
  $column2-width: 28%;
  $borders: 1pt solid black;
  padding-top: 1px;
  //$column2_width: 33%; # its just the leftover of the columns

  table {
    border-collapse: collapse;
    width: 100%;

    th {
      font-weight: normal;
      text-align: left;
    }

    th,
    td {
      font-family: $font;
      font-size: 10pt;
    }

    tbody {
      td {
        padding: 2pt 0;

        &.amount {
          text-align: right;
        }
      }
    }

    td.employee-name {
      text-transform: uppercase;
      width: $column1-width;
    }

    td.account-number {
      width: $column2-width;
    }

    td.spacer {
      width: 20pt;
    }

    tfoot {
      tr {
        border-top: $borders;
      }
    }

    thead {
      th.amount {
        text-align: right;
      }

      tr {
        border-bottom: $borders;
        border-top: $borders;

        th,
        td {
          padding: 0.75em 0;
        }
      }
    }

    &.summary {
      page-break-inside: avoid;

      td.total-employees {
        width: $column1-width;
      }

      td.amount {
        .label {
          display: block;
          float: left;
        }
      }
    }
  }

  .nothing-follows {
    margin: 2pt 0;
    text-align: center;
  }

  .signatures {
    padding: 0 20px;

    table {
      text-transform: uppercase;
      width: 100%;

      .signature-line {
        border-bottom: $borders;
        height: 2em;
      }

      .name {
        padding: 0.25em 0;
      }

      .spacer {
        height: 2em;
      }

      .prepared-by {
        width: 33%;
      }

      .checked-by {
        width: 33%;
      }
    }
  }
}

}