3 color: inherit; background-color: inherit;
4 font-size: medium; font-weight: normal;
6 box-sizing: border-box;
9 color: black; background-color: white;
13 /* ==================== MENU ==================== */
16 margin: 0; padding: .5em 1em;
17 border-bottom: 1px solid black;
20 background-color: #EEF;
21 border: 1px solid black;
22 margin: .5em 1em .5em 0;
26 background-color: #FFF;
31 /* ==================== ADDRESS LISTS ==================== */
36 display: inline-block;
37 background-color: #EEE;
39 padding: 1em 1em .5em 1em;
46 .invoices .invoice h2{
48 letter-spacing: .25em;
53 .invoices .invoice label {
56 .invoices .invoice label::before {
65 background-color: #DEF;
67 margin: .5em 3em 0 3em;
69 border: 1px solid #08F;
71 .invoices .invoice a:hover,
72 .clients .address a:hover,
73 .senders .address a:hover,
78 display: inline-block;
83 /* ==================== ADDRESS FORMS ==================== */
89 background-color: #FFF;
93 form input[type=number] {
102 display: inline-block;
103 margin: 1em; padding: 1em;
104 background-color: #EEE;
107 .client form textarea,
108 .sender form textarea {
114 .sender form textarea {
117 .client form label[for=hourly] {
123 .invoice form button[type=submit],
124 .client form button[type=submit],
125 .sender form button[type=submit] {
127 margin: .5em 0 0 auto;
129 background-color: #DEF;
130 border-radius: .25em;
131 border: 1px solid #08F;
134 /* ==================== INVOICE FORMS ==================== */
135 .invoice form select {
136 display: inline-block;
141 .invoice form label {
146 .invoice form input#date {
150 .invoice form label::before {
154 .invoice form label:first-of-type::before {
158 .invoice form label[for=vatsb],
159 .invoice form label[for=vatrate] {
163 .invoice form label[for=vatnett],
164 .invoice form label[for=vatgross] {
165 display: inline-block;
166 float: left; margin-right: 1em;
169 .invoice form input[type=radio] { display: none; }
170 .invoice form input[type=radio] + label::before {
173 .invoice form input:checked + label[for^=vat]::before {
177 .invoice form table {
182 .invoice form table tr > th {
187 .invoice form table tr > th:nth-child(3),
188 .invoice form table tr > td:nth-child(4),
189 .invoice form table tr > th:nth-child(4) {
192 .invoice form table tr > :nth-child(1) { width: 6em; }
193 .invoice form table tr > :nth-child(2) { width: 12em; }
194 .invoice form table tr > :nth-child(3) { width: 6em; }
195 .invoice form table tr > :nth-child(4) { width: 6em; }
196 .invoice form table tr > * textarea,
197 .invoice form table tr > * input[type=number],
198 .invoice form table tr > * input {
201 width: 100%; height: 100%;