thetool/public/css/sknx_print.css

@page {
    size: A4;
    margin: 0mm;
}

* {
    font-family: "Open Sans";
}

html {
    /*margin: 24pt;*/
    margin: 0;
    height:100%;
}

body {
    font-size:9pt;
    height:100%;
    margin: 0;
    margin-top: 20pt;
}

h2 {
    font-size:13pt;
}

#adressen {
    width:100%;
    border-collapse: collapse;
    font-size:10pt;
}
#adressen tr td {
    width:40%;
    vertical-align: top;
}

#adressen .left {
    padding-top: 136pt;
    width:55%;
}
#adressen .right {
    width:45%;
}

.adresse {
    border:none;
    text-align:left;
    line-height: 11pt;
}
.adresse div {
    font-size:10pt;
}

.header_sknx div {
    font-size:8pt;
    line-height:10pt;
    color:#505050;
}

.header_sknx div b {
    font-size:11pt;
    line-height:12pt;
    color:#000;
}

table.position {
    width:100%;
    border-collapse: collapse;
    font-size:9pt;
}
table tr,
table tr td {
    page-break-inside: avoid !important;
    break-inside: avoid !important;
}
table.position tr.head {
    border-bottom: 1px solid #000;
}
table.position tr.even {
    background-color:#f0f0f0;
}
table.position tr td,
table.position tr th {
    text-align:center;
    padding-left:4pt;
}
table.position tr td.name,
table.position tr th.name {
    text-align:left;
    width:50%;
}
table.position tr td.preis,
table.position tr th.preis {
    text-align:right;
}
table.position tr td.freitext {
    text-align:left;
    padding-left:12pt;
}

.product-name {
    font-weight: 600;
}

#total {
    width:100%;
    border-collapse: collapse;
    font-size:10pt;
    margin-bottom: 14pt;
    page-break-inside: avoid;
}
#total td,
#total th {
    width:50%;
}
#total th {
    text-align:left;
}
#total td {
    text-align:right;
    font-weight:bold;
}
#total tr.ust td,
#total tr.ust th {
    font-size: 9pt;
    font-weight:normal;
}

#total tr.netto {
    border-top:1px solid #000;
}
#total tr.brutto {
    border-top:1px solid #000;
    border-bottom:3px double #000;
}
#ausdruck td.beschriftung {
    font-size: 11pt;
    font-weight: bold;
    text-align: left;
}
#ausdruck td.text {
    font-size: 10pt;
    font-weight: normal;
    text-align: left;

}

.dontsplit {
    page-break-inside:avoid;
}
.dontsplitafter {
    page-break-after:avoid;
}
.dontsplitbefore {
    page-break-before:avoid;
}

tbody::after {
    content: ''; display: block;
    page-break-after: always;
    page-break-inside: avoid;
    page-break-before: avoid;
}

.ml-2 {
    margin-left: 8pt;
}
.ml-2 {
    margin-left: 12pt;
}
.pl-2 {
    padding-left: 8pt;
}
.pl-3 {
    padding-left: 12pt;
}

.one-position {
    vertical-align: top;
    padding-bottom: 4pt;
}