body {
  color: #000000;
  font-family: "Open Sans";
  font-size: 13px;
  background-color: white;
}

table {
  width: 100%;
  //border: 1px solid black !important;
  > tfoot {
    > tr:first-child {
      > th {
        border-top: 1pt solid black;
      }
    }

    > tr {
      > td {
        border-top: none !important;
      }
    }
  }
}

table > thead > tr > th {
  text-align: center;
  border-bottom: 1pt solid black !important;
}

//table > tfoot > tr > th {
//  border-top: 1pt solid black !important;
//}

table > tr.blank,
table > tbody > tr.blank {
  height: 22px !important;
}

table > thead > tr > th,
table > tbody > tr > th,
table > tfoot > tr > th,
table > thead > tr > td,
table > tbody > tr > td,
table > tfoot > tr > td {
  font-size: 12px;
  padding: 4px;
}

thead {
  display: table-header-group;
}

tfoot {
  display: table-row-group;
}

tr {
  page-break-inside: avoid;
}

.pounds {
  text-align: right;
}

.tab-report {
  border-bottom: solid 1px;
}

//Template invoice
.template-pdf-invoice {
  background-color: transparent;

  .watermark {
    background-image: url(https://submitmytax.s3.amazonaws.com/assets/images/paid.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
  }

  .header-logo {
    height: 90px;
    margin-bottom: 10px;

    .logo {
      height: 100%;
      background-repeat: no-repeat;
      background-position-x: 100%;
      background-position-y: 50%;
      background-size: contain;
    }
  }

  p {
    margin: 0 0 5px 0;
  }

  .header-info {
    .invoice-to {
      h3 {
        font-weight: 600;
        margin-top: 0;
        margin-bottom: 8px;
      }

      .customer-detail {
        padding-left: 20px;

        p {
          margin: 0;
        }
      }
    }

    .invoice-from {
      .business-detail {
        .first-col {
          .invoice-info {
            .invoice-info-detail {
              label {
                margin-bottom: 0;
              }

              p {
                margin-bottom: 8px;
              }
            }
          }
        }

        .second-col {
          p {
            margin: 0;
          }
        }
      }
    }
  }

  .invoice-body {
    margin-top: 20px;

    table.tbl-invoice {
      border: none;
      border-color: black;
      font-size: 12px;

      > thead {
        > tr {
          > th {
            border-bottom: 1pt solid black !important;
          }
        }
      }
    }
  }

  .due-date {
    p {
      font-weight: 600;
    }
  }
}

//Tax review
.tax-review-pdf {
  label {
    margin-bottom: 0;
    font-weight: normal;
  }

  h4 {
    font-weight: 600;
  }

  h5 {
    font-weight: 600;
    margin: 5px 0;
    text-shadow: none;
  }
}

// Tax calculation
.tax-calculation {
  color: black;

  .info-tax-calc {
    margin-bottom: 15px;

    .header-info {
      font-weight: 700;
      font-size: 18px;
      background-color: #5da61f;
      color: white;
      padding: 0 5px;
    }
  }

  .tax-calculation-container {
    font-size: 13px;

    .report-heading {
      .report-cell {
        border-bottom: 1px solid black;
        font-weight: 600;
        min-height: 28px;
        background-color: #ebebeb;
      }
    }

    .report-row {
      clear: both;
    }

    .report-cell {
      float: left;
      position: relative;
      padding: 3px 5px;
      width: 100%;
    }

    .report-right {
      text-align: right;
    }

    .report-center {
      text-align: center;
    }

    .report-left {
      text-align: left;
    }

    .report-col-1 {
      width: 8.3333%;
    }

    .report-col-2 {
      width: 16.6667%;
    }

    .report-col-3 {
      width: 25%;
    }

    .report-col-4 {
      width: 33.3333%;
    }

    .report-col-5 {
      width: 41.6667%;
    }

    .report-col-6 {
      width: 50%;
    }

    .report-col-7 {
      width: 58.3333%;
    }

    .report-col-8 {
      width: 66.6667%;
    }

    .report-col-9 {
      width: 75%;
    }

    .report-col-10 {
      width: 83.3333%;
    }

    .report-col-11 {
      width: 91.6667%;
    }

    .report-col-12 {
      width: 100%;
    }

    .report-col-offset-1 {
      left: 8.3333%;
    }

    .report-col-offset-2 {
      left: 16.6667%;
    }

    .report-col-offset-3 {
      left: 25%;
    }

    .report-col-offset-4 {
      left: 33.3333%;
    }

    .report-col-offset-5 {
      left: 41.6667%;
    }

    .report-col-offset-6 {
      left: 50%;
    }

    .report-col-offset-7 {
      left: 58.3333%;
    }

    .report-col-offset-8 {
      left: 66.6667%;
    }

    .report-col-offset-9 {
      left: 75%;
    }

    .report-col-offset-10 {
      left: 83.3333%;
    }

    .report-col-offset-11 {
      left: 91.6667%;
    }

    .report-col-offset-12 {
      left: 100%;
    }

    .report-bold {
      font-weight: bold;
    }
  }
}

// Tax calculation
table.tax-calculation {
  color: black;
  border-collapse: separate;

  td {
    font-size: 13px;
    line-height: 22px;
    padding: 2px 4px;
  }

  tr.header {
    td {
      font-weight: 700;
      font-size: 18px;
      background-color: #5da61f;
      color: white;
    }
  }

  tr.heading {
    td {

    }

    td.gray {
      border-bottom: 1px solid black;
      font-weight: 600;
      min-height: 28px;
      background-color: #ebebeb;
    }
  }

  tr.empty {
    td {
      height: 26px;
    }
  }

  td.col-1 {
    width: 6.78%;
  }

  td.col-2 {
    width: 6.21%;
  }

  td.col-3 {
    width: 24.86%;
  }

  td.col-4 {
    width: 12.43%;
  }

  td.col-5 {
    width: 11.3%;
  }

  td.col-6 {
    width: 13.56%;
  }

  td.col-7 {
    width: 11.3%;
  }

  td.col-8 {
    width: 13.56%;
  }

  td[class*=col-],
  th[class*=col-] {
    width: 10%;
  }
}

.submission-response {

  table.success-info {
    color: black;
    font-size: 13px;

    tr {
      > td,
      > th {
        font-size: 14px;

        &.value {
          font-weight: 700;
        }
      }
    }

    .header-info {
      background-color: #5da61f;
      color: #ffffff;

      th {
        font-size: 18px;
      }
    }
  }

  .hmrc-accepted {
    .heading {
      font-size: 18px;
      font-weight: 700;
    }

    .hmrc-message {
      font-size: 14px;
    }
  }
}

//report VAT return
.report-vat-returns {
  h3.title {
    margin-bottom: 20px;
  }
}