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] {
129 margin: .5em 0 0 auto;
131 background-color: #DEF;
132 border-radius: .25em;
133 border: 1px solid #08F;
136 /* ==================== INVOICE FORMS ==================== */
137 .invoice form select {
138 display: inline-block;
143 .invoice form label {
148 .invoice form input#date {
152 .invoice form label::before {
156 .invoice form label:first-of-type::before {
160 .invoice form label[for=vatsb],
161 .invoice form label[for=vatrate] {
165 .invoice form label[for=vatnett],
166 .invoice form label[for=vatgross] {
167 display: inline-block;
168 float: left; margin-right: 1em;
171 .invoice form input[type=radio] { display: none; }
172 .invoice form input[type=radio] + label::before {
175 .invoice form input:checked + label[for^=vat]::before {
179 .invoice form table {
184 .invoice form table tr > th {
189 .invoice form table tr:last-child {
190 font-family: monospace;
194 .invoice form table tr > th:nth-child(3),
195 .invoice form table tr > td:nth-child(4),
196 .invoice form table tr > th:nth-child(4) {
199 .invoice form table tr > :nth-child(1) { width: 7em; }
200 .invoice form table tr > :nth-child(2) { width: 15em; }
201 .invoice form table tr > :nth-child(3) { width: 4em; }
202 .invoice form table tr > :nth-child(4) { width: 4em; font-family: monospace; }
203 .invoice form table tr > * textarea,
204 .invoice form table tr > * input[type=number],
205 .invoice form table tr > * input {
208 width: 100%; height: 100%;