/* Legal height from paper.css is slightly too tall */
body.legal .sheet {
    width: 216mm;
    height: 355mm;
}

/* ledger size paper rules in line with paper.css styles for letter and legal */
body .ledger .sheet {
    width: 279mm;
    height: 432mm
}

body.ledger.landscape .sheet {
    width: 431mm;
    height: 278mm
}

body.letter .sheet.half {
    height: 139mm;
}

body.letter.landscape .sheet.half {
    width: 139mm;
    height: 108mm;
}

body.postcard .sheet {
    width: 107mm;
    height: 139mm;
}

body.postcard.landscape .sheet {
    /*width: 139mm;
    height: 107mm;*/
    width: 5in;
    height: 3.75in;
}

/* This is restricting to the printable area published by Canon for a few of their common models */
/* The calcs used here are slightly smaller to be conservative, we should aim to always be inside */
/* the printable area for most printers than fall directly on it or outside */
/* Letter 8.00 x 10.69 in (203.2 x 271.4 mm) */
/* Legal 8.00 x 13.69 in (203.2 x 347.6 mm) */
/*.letter .reportPage {*/
.letter .sheet {
    /* 279mm - 271.4mm ~ 8mm halfed is 4mm */
    /* 216mm - 203.2mm ~ 13mm halfed is 6.5mm */
    padding: 4mm 6.5mm;
}

/*.legal .reportPage {*/
.legal .sheet {
    /* 356mm - 347.6mm ~ 9mm halfed is 4.5mm */
    /* 216mm - 203.2mm ~ 13mm halfed is 6.5mm */
    padding: 4.5mm 6.5mm;
}

.sheet.print-margin-small {
    padding: 8px;
}

.legal .sheet.print-margin-small {
    padding: 4mm 5mm;
}

.legal .sheet .questionnaireContainer {
    width: auto;
    margin: 0 auto;
}

.redacted {
    background: #000 !important;
    color: #000 !important;
}

.empty-checkbox {
    width: 10px;
    height: 10px;
    border: solid 1px #000;
    display: inline-block;
    position: relative;
    top: 2px;
}

.empty-checkbox-checked {
    width: 10px;
    height: 10px;
    border: solid 1px #000;
    display: inline-block;
    position: relative;
    top: 2px;
    background: #000;
}

.halfBody {
    width: 400px;
}

.border {
    border: 1px solid black;
}

.greyBoxBorder {
    border: 10px solid #CDCDCD;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    background-color: #F3F0F0;
}

.borderTop {
    border-top: 1px solid black;
}

.borderBottom {
    border-bottom: 1px solid black;
}

.halfDiv {
    width: 395px;
    margin-left: 10px;
}

.mainTable {
    /*align: left;*/
    width: 780px;
}

.halfTable {
    /*align: left;*/
    width: 390px;
}

.subTable {
    /* max-width:400px; */
}

.letter-seal {
    padding: 10px 60px 0 0;
}

.questionnaireContainer {
    /*margin: 14px auto 0;
    width: 785px;*/
}

    .questionnaireContainer table {
        border-collapse: collapse;
    }

/* Table Macro styles */
.responseTable img {
    width: 20px;
}

.responseTable {
    min-width: 60px;
}

.responseColTop {
    width: 50%;
    text-align: center;
    vertical-align: top;
}

.responseCol {
    width: 50%;
    text-align: center;
}

.responseColCenter {
    width: 50%;
    text-align: center;
    vertical-align: middle;
}

.questionTable {
    /*border: 2px solid black;*/
}

    .questionTable img {
        width: 20px;
    }

.questionTableCol1 {
    width: 100%;
}

.questionTableCol2 {
    width: 100%;
}

.questionTDquestionCol1 {
    width: 323px;
    padding: 2px 0 8px 4px;
}

.questionTDresponseCol1 {
    width: 71px;
    text-align: right;
    vertical-align: top;
}

.questionTDquestionCol2 {
    width: 324px;
    padding: 2px 0 8px 4px;
}

.questionTDresponseCol2 {
    width: 71px;
    vertical-align: top;
    text-align: right;
}

.txtAlignLeft {
    text-align: left;
}

.vertAlignTop {
    vertical-align: top;
}

.vertAlignMiddle {
    vertical-align: middle;
}

.fontCalibri {
    font-family: Calibri;
}

.fontArial {
    font-family: Arial;
}

.fontTNR {
    font-family: Times New Roman;
}

.fontLucida {
    font-family: Lucida Calligraphy;
}

.font39 {
    font-family: Code39-Digits;
    font-weight: 400 !important;
}

.fontIMBCompact {
    font-family: USPSIMBCompact;
    font-size: 14pt;
    /*
        Scalable Compact fonts are USPS compliant when printed at 14, 15 or 16pt
        Only the barcode string of the scalable 14pt Compact fonts is less than 3 inches; however, these barcode
        strings risk non-compliance when printed on imprecise printers
    */
}

.fontSize7 {
    font-size: 7px;
}

.fontSize9 {
    font-size: 9px;
}

.fontSize10 {
    font-size: 10px;
}

.fontSize12 {
    font-size: 12px;
}

.fontSize14 {
    font-size: 14px;
}

.fontSize16 {
    font-size: 16px;
}

.fontSize18 {
    font-size: 18px;
}

.fontSize20 {
    font-size: 20px;
}

.fontSize22 {
    font-size: 22px;
}

.fontSize24 {
    font-size: 24px;
}

.fontSize28 {
    font-size: 28px;
}

.fontSize36 {
    font-size: 36px;
}

.fontSize42 {
    font-size: 42px;
}

.fontSize48 {
    font-size: 48px;
}

.fontNormal {
    font-style: normal;
}

.fontItalic {
    font-style: italic;
}

.fontUnderline {
    text-decoration: underline;
}

.fontBlue {
    color: blue;
}

.fontRed {
    color: red !important;
}

.fontWeightNormal {
    font-weight: normal;
}

.fontWeightBold {
    font-weight: bold;
}

.fontWhite {
    color: white;
}

.fontGrey {
    color: #748ea3;
}

.toUpper {
    text-transform: uppercase;
}

.tdBackground {
    background-color: #CCCCCC;
}

.tdBlackBackground {
    background-color: #000000;
}

.tableFixed {
    table-layout: fixed;
}

.tdClippedText {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.box {
    position: relative;
    display: inline-block; /* Make the width of box same as image */
}

    .box .img {
        text-align: left;
    }

    .box .text {
        position: absolute;
        z-index: 2;
        margin: 0 auto;
        left: 0;
        right: 0;
        text-align: center;
        top: 1%; /* Adjust this value to move the positioned div up and down */
        width: 100%; /* Set the width of the positioned div */
    }

.dropShadow {
    text-shadow: 2px 2px 4px #000000;
}

.lineHeight20 {
    line-height: 20px;
}

.lineHeight40 {
    line-height: 40px;
}

.lineHeight60 {
    line-height: 60px;
}

.lineHeight80 {
    line-height: 80px;
}

.lineHeight98 {
    line-height: 98px;
}

.lineHeight100 {
    line-height: 100px;
}

.marginAuto {
    margin-left: auto;
    margin-right: auto;
}

.marginTop1rem {
    margin-top: 1rem;
}

.marginTop40 {
    margin-top: 40px;
}

.marginTop50 {
    margin-top: 50px;
}

.marginTop20 {
    margin-top: 20px;
}

.marginTop10 {
    margin-top: 10px;
}

.marginLeft20 {
    margin-left: 20px;
}

.marginLeft5PCT {
    margin-left: 5%;
}

.marginRight5PCT {
    margin-right: 5%;
}

.marginLeft10PCT {
    margin-left: 10%;
}

.marginRight10PCT {
    margin-right: 10%;
}

.marginLeft20PCT {
    margin-left: 20%;
}

.marginLeft30PCT {
    margin-left: 30%;
}

.marginRight20PCT {
    margin-right: 20%;
}

.marginRight30PCT {
    margin-right: 30%;
}

.paddingBottom16 {
    padding-bottom: 16px;
}

.paddingLeft10 {
    padding-left: 10px;
}

.paddingLeft20 {
    padding-left: 20px;
}

.padding8 {
    padding: 8px;
}

.padding16 {
    padding: 16px;
}

.paddingBottom8 {
    padding-bottom: 8px !important;
}

.paddingBottom16 {
    padding-bottom: 16px;
}

.paddingTop8 {
    padding-top: 8px !important;
}

.paddingRight8 {
    padding-right: 8px !important;
}

.paddingHoriz8 {
    padding: 0 8px !important;
}

.paddingHoriz16 {
    padding: 0 16px !important;
}

.paddingVert8 {
    padding-bottom: 8px !important;
    padding-top: 8px !important;
}

.seal {
    width: 80px !important;
    padding-right: 10px;
    padding-left: 10px;
}

    .seal img {
        width: 80px;
    }

.txtAlignLeft {
    text-align: left;
}

.txtAlignCenter {
    text-align: center;
}

.txtAlignRight {
    text-align: right;
}

.vertAlign {
    vertical-align: middle;
}

.line {
    border-bottom: 2px solid black;
}

.topLine {
    border-top: 2px solid black;
}

.borderBox {
    border: 1px solid black;
}

.borderBoxRed {
    border: 1px solid red;
}

.height300 {
    height: 300px;
}

.height400 {
    height: 400px;
}

.width20PCT {
    width: 20%;
}

.width50PCT {
    width: 50%;
}

.width60PCT {
    width: 60%;
}

.width33PCT {
    width: 33%;
}

.width40 {
    width: 40px;
}

.width60 {
    width: 60px;
}

.width60Imp {
    width: 60px !important;
}

.width80 {
    width: 80px;
}

.width80PCT {
    width: 80%;
}

.width90PCT {
    width: 90%;
}

.width95PCT {
    width: 95%;
}

.width100PCT {
    width: 100%;
}

.width100 {
    width: 100px;
}

.width120 {
    width: 100px;
}

.width180 {
    width: 180px;
}

.width200 {
    width: 200px;
}

.width250 {
    width: 250px;
}

.width300 {
    width: 300px;
}

.width330 {
    width: 330px;
}

.width400 {
    width: 400px;
}

.width620 {
    width: 620px;
}

.width700 {
    width: 700px;
}

.width800 {
    width: 800px;
}

.width880 {
    width: 880px;
}

.width900 {
    width: 900px;
}

.width960 {
    width: 960px;
}

.width1000 {
    width: 1000px;
}

.width1040 {
    width: 1040px;
}

.width1340 {
    width: 1340px;
}

.notesTable {
    border-collapse: separate;
    border-spacing: 20px 0px;
}

.scBorder {
    border: 1px solid black;
}

.scChartBox {
    width: 200px;
    height: 150px;
}

.scChartBoxSmall {
    width: 100px;
    height: 72px;
    font-size: 10px;
}

    .scChartBoxSmall br {
        display: none;
    }

.alternateRows tr:nth-child(even) {
    background: #CCC;
}

.alternateRows tr:nth-child(odd) {
    background: #FFF;
}

.pageBreak {
    clear: left;
    /*display: block;*/
    display: none;
    page-break-after: always;
}

.postcard {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}

    .postcard .second-request {
        font-weight: 700;
        position: absolute;
        text-align: center;
        top: 145px;
        width: 100%;
    }

    .postcard .juror {
        position: absolute;
        top: 160px;
        left: 90px;
    }

    .postcard .juror-id,
    .postcard .esig {
        padding-left: 140px;
        text-transform: uppercase;
    }

    .postcard .juror-id-barcode {
        font-size: 20px;
        padding-left: 15px;
    }

    .postcard .esig {
    }

    .postcard .qr-code {
        width: 90px;
        position: absolute;
        top: 170px;
        left: 25px;
    }

    .postcard .explain {
        font-size: 10px;
    }

    .postcard .imbCode {
        position: absolute;
        bottom: 100px;
        left: 170px;
    }

    .postcard .address {
        font-weight: 700;
        text-transform: uppercase;
        position: absolute;
        top: 250px;
        left: 150px;
    }

.summons .juror-id {
    font-weight: 700;
    left: 210px;
    position: absolute;
    top: 210px;
}

.summons .esig {
    font-weight: 700;
    left: 600px;
    position: absolute;
    top: 210px;
}

.summons .second-notice {
    left: 0;
    position: absolute;
    text-align: center;
    top: 235px;
    width: 100%;
}

.summons .instructions {
    font-size: 14px;
    padding: 0 16px;
    position: absolute;
    top: 250px;
}

.summons .address {
    bottom: 50px;
    left: 50%;
    position: absolute;
}

.summons .juror-id-barcode {
    bottom: 70px;
    font-size: 40px;
    left: 50px;
    position: absolute;
}

.check-stub {
    font-family: 'Courier New';
    font-weight: 700;
    height: 33vh;
    text-transform: uppercase;
    width: 100%;
}

.check-stub-info {
    position: relative;
    top: 50px;
}

.check-stub-batch-id {
    position: absolute;
    left: 200px;
}

.check-stub-check-number {
    position: absolute;
    right: 200px;
}

.check-stub-amount {
    position: absolute;
    right: 100px;
}

.void-watermark {
    border: solid 10px #000;
    border-radius: 20px;
    display: none;
    font-size: 100px;
    font-weight: 700;
    left: 250px;
    margin-top: -50px;
    opacity: 0.25;
    padding: 0 20px;
    position: absolute;
    top: 50%;
}

    .void-watermark.show {
        display: block;
    }

.check {
    font-family: 'Courier New';
    font-weight: 700;
    height: 33vh;
    position: relative;
    text-transform: uppercase;
    width: 100%;
}

.check-border {
    /*border: solid 2px #000;*/
    margin: 8px;
    padding: 16px;
}

.check-juror-address {
    position: absolute;
    left: 100px;
    top: 100px;
}

.check-date {
    position: absolute;
    left: 70%;
}

.check-amount {
    position: relative;
    top: 50px;
}

.check-amount-line {
    position: absolute;
    right: 250px;
    text-align: right;
}

.check-amount-digits {
    border-bottom: solid 1px #000;
    position: absolute;
    right: 100px;
    text-align: right;
    width: 100px;
}

.check-envelope {
    font-family: 'Courier New';
    font-weight: 700;
    height: 33vh;
    text-transform: uppercase;
    width: 100%;
}

.check-envelope-juror-address {
    position: relative;
    left: 400px;
    top: 50%;
}

.usps-qualification-header td {
    padding: 8px 4px;
    text-align: right;
    vertical-align: bottom;
    width: 60px;
}

.usps-qualification-rows td {
    padding: 8px 4px;
    text-align: right;
}

.usps-qualification-totals td {
    padding: 8px 4px;
}