padding: .125em .5em;
background-color: #FFF;
text-align: left;
+ font-size: 12pt;
}
form input[type=number] {
width: 5em;
line-height: 2em;
}
+.invoice form input#date {
+ margin-right: .25em;
+}
+
.invoice form label::before {
white-space: pre;
content: '\0A';
content: '';
}
-.invoice form input[type=radio] {display: none;}
-.invoice form label[for^=vat] {
+.invoice form label[for=vatsb],
+.invoice form label[for=vatrate] {
display: block;
text-align: left;
- line-height: 1.5em;
}
-.invoice form label[for^=vat]::before {
- content: '[ ] ';
+.invoice form label[for=vatnett],
+.invoice form label[for=vatgross] {
+ display: inline-block;
+ float: left; margin-right: 1em;
+ line-height: 1em;
+}
+.invoice form input[type=radio] { display: none; }
+.invoice form input[type=radio] + label::before {
+ content: '( ) ';
}
.invoice form input:checked + label[for^=vat]::before {
- content: '[x] ';
+ content: '(x) ';
}
-.invoice form label[for=vatrate] {
- float: left;
- display: inline-block;
+
+.invoice form table {
+ width: 30em;
+ margin-top: 1em;
+ border-spacing: 0;
+}
+.invoice form table tr > th {
+ text-align: left;
+ padding-left: .5em;
+ font-weight: bold;
+}
+.invoice form table tr > th:nth-child(3),
+.invoice form table tr > td:nth-child(4),
+.invoice form table tr > th:nth-child(4) {
+ text-align: right;
+}
+.invoice form table tr > :nth-child(1) { width: 6em; }
+.invoice form table tr > :nth-child(2) { width: 12em; }
+.invoice form table tr > :nth-child(3) { width: 6em; }
+.invoice form table tr > :nth-child(4) { width: 6em; }
+.invoice form table tr > * textarea,
+.invoice form table tr > * input[type=number],
+.invoice form table tr > * input {
+ display: block;
+ font-size: 12pt;
+ width: 100%; height: 100%;
+ height: 4em;
}