3 color: inherit; background-color: inherit;
4 font-size: medium; font-weight: normal;
6 box-sizing: border-box;
9 color: black; background-color: white;
12 strong {font-weight: bold;}
13 em {text-decoration: italic;}
17 margin: 1em 1em 0 1em;
19 border-bottom: 1px solid #08F;
22 /* ==================== MENU ==================== */
25 margin: 0; padding: .5em 1em;
26 border-bottom: 1px solid black;
29 background-color: #EEF;
30 border: 1px solid black;
31 margin: .5em 1em .5em 0;
35 background-color: #FFF;
40 /* ==================== ADDRESS LISTS ==================== */
45 display: inline-block;
46 background-color: #EEE;
48 padding: 1em 1em .5em 1em;
55 .invoices .invoice h2{
57 letter-spacing: .25em;
62 .invoices .invoice label {
65 .invoices .invoice label::before {
74 background-color: #DEF;
76 margin: .5em 3em 0 3em;
78 border: 1px solid #08F;
80 .invoices .invoice a:hover,
81 .clients .address a:hover,
82 .senders .address a:hover,
87 display: inline-block;
92 /* ==================== ADDRESS FORMS ==================== */
98 background-color: #FFF;
102 form input[type=number] {
111 display: inline-block;
112 margin: 1em; padding: 1em;
113 background-color: #EEE;
116 .client form textarea,
117 .sender form textarea {
123 .sender form textarea {
126 .client form label[for=hourly] {
132 .invoice form button[type=submit],
133 .client form button[type=submit],
134 .sender form button[type=submit] {
135 margin: .5em 0 0 auto;
137 background-color: #DEF;
138 border-radius: .25em;
139 border: 1px solid #08F;
141 .client form button[type=submit],
142 .sender form button[type=submit] {
146 /* ==================== INVOICE FORMS ==================== */
147 .invoice form select {
148 display: inline-block;
153 .invoice form label {
158 .invoice form input#date {
162 .invoice form label::before {
166 .invoice form label:first-of-type::before {
170 .invoice form label[for=vatsb],
171 .invoice form label[for=vatrate] {
175 .invoice form label[for=vatnett],
176 .invoice form label[for=vatgross] {
177 display: inline-block;
178 float: left; margin-right: 1em;
181 .invoice form input[type=radio] { display: none; }
182 .invoice form input[type=radio] + label::before {
185 .invoice form input:checked + label[for^=vat]::before {
189 .invoice form table {
194 .invoice form table tr > th {
199 .invoice form table tr:last-child {
200 font-family: monospace;
204 .invoice form table tr > th:nth-child(3),
205 .invoice form table tr > td:nth-child(4),
206 .invoice form table tr > th:nth-child(4) {
209 .invoice form table tr > :nth-child(1) { width: 7em; }
210 .invoice form table tr > :nth-child(2) { width: 15em; }
211 .invoice form table tr > :nth-child(3) { width: 4em; }
212 .invoice form table tr > :nth-child(4) { width: 4em; font-family: monospace; }
213 .invoice form table tr > * textarea,
214 .invoice form table tr > * input[type=number],
215 .invoice form table tr > * input {
218 width: 100%; height: 100%;