body{background:transparent;height:25cm;font-family:'Roboto', sans-serif}#content{background:white;width:100%;height:100%;padding:0;font-size:10pt;position:relative}.top-header-area{display:block;width:100%;text-align:right}.top-header-area .top-header{display:inline-block;text-align:left}.top-header-area .top-header-title{margin-bottom:11px;font-size:1.3em;font-weight:400;text-align:right}.top-header-area .top-header-data{margin-bottom:4px}.top-header-area .top-header-attr{font-weight:500;text-align:right}.top-header-area .top-header-value{font-weight:400;text-align:right;width:120px}.middle-header-area{margin:40px 0 60px}.middle-header-area .middle-header-company-data{font-size:0.8em;border-bottom:1px solid black;width:350px;display:inline-block;padding-bottom:4px;margin-bottom:24px}.middle-header-area .middle-header-customer-data{font-size:1em}.middle-header-area .middle-header-company-address p,.middle-header-area .middle-header-customer-address p{margin:0}.content-area .introduction-text{margin:0 0 25px}.content-area .invoice-items table{border-collapse:collapse;width:100%}.content-area .invoice-items thead{text-align:center}.content-area .invoice-items th,.content-area .invoice-items td{border:1px solid black;padding:10px 6px;vertical-align:top}.content-area .invoice-items .invoice-item-title{font-weight:600;padding:0;margin-bottom:4px}.content-area .invoice-items .invoice-item-description{line-height:18px}.content-area .invoice-items .invoice-item-description p{margin:0}.content-area .invoice-items .space-nowrap{white-space:nowrap}.content-area .invoice-items .align-center{text-align:center}.content-area .invoice-items .align-left{text-align:left}.content-area .invoice-items .align-right{text-align:right}.content-area .invoice-items .extra-space-left{padding-left:20px}.content-area .invoice-items .extra-space-right{padding-right:20px}.content-area .invoice-items .invoice-item-digit{white-space:nowrap;text-align:right;padding-left:20px}.content-area .invoice-items .invoice-item-summary td{border-top:0}.content-area .invoice-items .invoice-item-summary:not(:last-child) td{border-bottom:0}.content-area .invoice-items .invoice-item-summary-total{font-weight:600}.content-area .deadline-text{margin:16px 0}.content-area .extra-text{margin:16px 0}.content-area .signature-text{margin-top:40px}.content-area .signature-text hr.marker{margin:0;width:6px;display:inline-block}.content-area .signature-text p{margin:4px 0}.footer-area{position:absolute;bottom:20px;width:100%;font-size:0.8em;display:flex;justify-content:space-between}.footer-area .col-4{display:inline-block}.footer-area p{margin:0}.footer-area .col-paragraph:nth-child(2){margin-top:6px;color:lightgray}.page-area{position:absolute;bottom:-10px;left:0;width:100%;text-align:center;font-size:0.8em}body.preview{background:#ececec;width:21cm;height:29.7cm;margin:30mm 45mm 30mm 45mm}body.preview #content{padding:48px 64px 40px 80px;font-size:10pt}body.preview .footer-area{bottom:50px;width:90%;font-size:0.85em}body.preview .page-area{bottom:30px;font-size:0.85em}.main-container{padding-top:24px;padding-bottom:24px}fieldset{border:1px solid #e5e5e5;border-radius:4px;padding:16px 8px;background-color:#f7f7f7}fieldset legend{display:inline-block;width:auto}fieldset .remove-button{position:absolute !important;top:22px;right:20px}