$font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
$border-color: #c0c0c0;

body {
  padding-bottom: 200px;
}

.document-download {
  $margin-bottom-block: 15px;
  $padding-block: 10px;

  font-family: $font-family;

  #block-addresses {
    margin-bottom: 2*$margin-bottom-block;

    .producer {
      margin-bottom: $margin-bottom-block;
      text-align: left;
      line-height: 21px;

      .logo {
        float: left;
        padding-right: 25px;
      }

      .name {
        font-weight: bold;
        font-size: 18px;
        margin-bottom: 8px;
      }
    }

    .user {
      text-align: right;
    }
  }

  .block-is-draft {
    padding: $padding-block;
    margin-bottom: $margin-bottom-block;
    text-transform: uppercase;
    border: solid 1px black;
  }

  #block-infos-document {
    padding: $padding-block;
    margin-bottom: $margin-bottom-block;
    font-size: 11px;
    line-height: 18px;
    background-color: #efefef;

    .type {
      text-transform: uppercase;
      padding-bottom: 10px;
    }
  }

  #block-no-product {
    padding: $padding-block;
    margin-bottom: $margin-bottom-block;
    font-weight: bold;
    border: solid 2px black;
    text-transform: uppercase;
  }

  #block-products {
    margin-bottom: $margin-bottom-block;

    table {
      width: 100%;
      padding: 0px;
      margin: 0px;
      border-bottom: solid 1px $border-color;
      border-right: solid 1px $border-color;
      border-collapse: collapse;

      td, th {
        padding: 2px 5px;
        border-top: solid 1px $border-color;
        border-left: solid 1px $border-color;
        font-family: $font-family;
        font-size: 12px;

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

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

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

      td {
        font-size: 11px;

        &.column-product {}

        &.column-unit-price {
          width: 120px;
        }

        &.column-tax-rate,
        &.column-price {
          width: 70px;
        }

        &.column-quantity {
          width: 80px;
        }
      }
    }
  }

  .block-infos {
    margin-bottom: $margin-bottom-block;
    border: solid 1px $border-color;
    padding: $padding-block;
    background-color: transparent;
    font-size: 11px;

    strong {
      font-size: 12px;
    }
  }
}

#footer {
  font-family: $font-family;
  text-align: center;
  padding-top: 10px;
  border-top: solid 1px gray;

  .infos-bottom {
    font-size: 12px;
    line-height: 18px;
  }
}