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;}
15 /* ==================== MENU ==================== */
18 margin: 0; padding: .5em 1em;
19 border-bottom: 1px solid black;
22 background-color: #EEF;
23 border: 1px solid black;
24 margin: .5em 1em .5em 0;
28 background-color: #FFF;
33 /* ==================== ADDRESS LISTS ==================== */
38 display: inline-block;
39 background-color: #EEE;
41 padding: 1em 1em .5em 1em;
48 .invoices .invoice h2{
50 letter-spacing: .25em;
55 .invoices .invoice label {
58 .invoices .invoice label::before {
67 background-color: #DEF;
69 margin: .5em 3em 0 3em;
71 border: 1px solid #08F;
73 .invoices .invoice a:hover,
74 .clients .address a:hover,
75 .senders .address a:hover,
80 display: inline-block;
85 /* ==================== ADDRESS FORMS ==================== */
91 background-color: #FFF;
95 form input[type=number] {
104 display: inline-block;
105 margin: 1em; padding: 1em;
106 background-color: #EEE;
109 .client form textarea,
110 .sender form textarea {
116 .sender form textarea {
119 .client form label[for=hourly] {
125 .invoice form button[type=submit],
126 .client form button[type=submit],
127 .sender form button[type=submit] {
128 margin: .5em 0 0 auto;
130 background-color: #DEF;
131 border-radius: .25em;
132 border: 1px solid #08F;
134 .client form button[type=submit],
135 .sender form button[type=submit] {
139 /* ==================== INVOICE FORMS ==================== */
140 .invoice form select {
141 display: inline-block;
146 .invoice form label {
151 .invoice form input#date {
155 .invoice form label::before {
159 .invoice form label:first-of-type::before {
163 .invoice form label[for=vatsb],
164 .invoice form label[for=vatrate] {
168 .invoice form label[for=vatnett],
169 .invoice form label[for=vatgross] {
170 display: inline-block;
171 float: left; margin-right: 1em;
174 .invoice form input[type=radio] { display: none; }
175 .invoice form input[type=radio] + label::before {
178 .invoice form input:checked + label[for^=vat]::before {
182 .invoice form table {
187 .invoice form table tr > th {
192 .invoice form table tr:last-child {
193 font-family: monospace;
197 .invoice form table tr > th:nth-child(3),
198 .invoice form table tr > td:nth-child(4),
199 .invoice form table tr > th:nth-child(4) {
202 .invoice form table tr > :nth-child(1) { width: 7em; }
203 .invoice form table tr > :nth-child(2) { width: 15em; }
204 .invoice form table tr > :nth-child(3) { width: 4em; }
205 .invoice form table tr > :nth-child(4) { width: 4em; font-family: monospace; }
206 .invoice form table tr > * textarea,
207 .invoice form table tr > * input[type=number],
208 .invoice form table tr > * input {
211 width: 100%; height: 100%;