@import "_fonts.scss";
@import "_mixins.scss";

body {
    @include fancy_sans;
}
.subhead {
    text-align: right;
    width: 4cm;
    float: right;
    @extend %clearfix;
    > * {
        margin: 0;
        font-weight: 400;
    }
}
header, .row {
    @extend %clearfix;
    margin-top: 1cm;
}
.print-box {
    width: 49%;
    float: left;
    > * {
        padding: .125cm;
        margin: 0;
    }
    h5, h4 {
        @include smcaps;
        font-size: 9pt;
        line-height: .5;
    }
    h4 {
        margin-top: -10pt;
        font-size: 16pt;
        line-height: 1.5;
    }
}
#bill-from, #bill {
    border: none;
    width: 47%;
    float: left;
}
#bill {
    float: right;
}
#bill-to {
    width: 47%;
    float: right;
}
table {
  font-family: "Open Sans", sans-serif;
  line-height: 1;
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 1cm 0 0 0;
  padding: 0;
  width: 625px;
}
table caption {
    text-align: left;
    font-size: 10pt;
    text-transform: uppercase;
    font-weight: 600;
    margin: .5em 0 .75em;
    &:after {
        content: ":";
    }
}
table tr {
  border: 1px solid #ddd;
  padding: .35em;
}
table tr.odd { background: #f6f4f4cc;}
thead {display: table-header-group; } 
table th,
table td {
  padding: .625em .625em .625em 1em;
  text-align: left;
  border-right: 1px solid #ddd;
}
table td {
    white-space: -o-pre-wrap; 
    word-wrap: break-word;
    white-space: pre-wrap; 
    white-space: -moz-pre-wrap; 
    white-space: -pre-wrap; 
    font-size: 8pt;
}
table th {
  font-size: 7pt;
  letter-spacing: .1em;
  text-transform: uppercase;
  background: #f6f4f4;
}

table .blank {
    white-space: normal; 
    td {
        padding: 1rem;
        white-space: normal; 
        &:last-of-type {
            text-align: left;
            min-width: 1.2cm;
        }
    }
}
table .right {
    text-align: right;
}
table th a {
    text-decoration: none;
    position: relative;
    span {
        position: absolute;
        top: -2px;
    }
}
.smfield { min-width: 50pt;}
table .total { font-size: 9pt !important;}
.thanks {
    margin-top: 40pt;
    font-family: times, times new roman;
    font-style: italic;
    font-weight: 300;
    text-align: center;
    color: #333;
}

@page {
    @bottom-right{
        @include fancy_sans;
        @include smcaps;
        content: "Page " counter(page) " of " counter(pages);
        font-size: 6pt;
        color: #666;
        width: 2cm;
    }
}