1  @font-face {
  2  	font-family: 'Simple-Line-Icons';
  3  	src:url('packages/ethereum_dapp-styles/icons/Simple-Line-Icons.eot');
  4  	src:url('packages/ethereum_dapp-styles/icons/Simple-Line-Icons.eot?#iefix') format('embedded-opentype'),
  5  		url('packages/ethereum_dapp-styles/icons/Simple-Line-Icons.woff') format('woff'),
  6  		url('packages/ethereum_dapp-styles/icons/Simple-Line-Icons.ttf') format('truetype'),
  7  		url('packages/ethereum_dapp-styles/icons/Simple-Line-Icons.svg#Simple-Line-Icons') format('svg');
  8  	font-weight: normal;
  9  	font-style: normal;
 10  }
 11  
 12  /* Use the following CSS code if you want to use data attributes for inserting your icons */
 13  [data-icon]:before {
 14  	font-family: 'Simple-Line-Icons';
 15  	content: attr(data-icon);
 16  	speak: none;
 17  	font-weight: normal;
 18  	font-variant: normal;
 19  	text-transform: none;
 20  	line-height: 1;
 21  	-webkit-font-smoothing: antialiased;
 22  	-moz-osx-font-smoothing: grayscale;
 23  }
 24  
 25  /* Use the following CSS code if you want to have a class per icon */
 26  /*
 27  Instead of a list of all class selectors,
 28  you can use the generic selector below, but it's slower:
 29  [class*="icon-"] {
 30  */
 31  .icon-user-female, .icon-user-follow, .icon-user-following, .icon-user-unfollow, .icon-trophy, .icon-screen-smartphone, .icon-screen-desktop, .icon-plane, .icon-notebook, .icon-moustache, .icon-mouse, .icon-magnet, .icon-energy, .icon-emoticon-smile, .icon-disc, .icon-cursor-move, .icon-crop, .icon-credit-card, .icon-chemistry, .icon-user, .icon-speedometer, .icon-social-youtube, .icon-social-twitter, .icon-social-tumblr, .icon-social-facebook, .icon-social-dropbox, .icon-social-dribbble, .icon-shield, .icon-screen-tablet, .icon-magic-wand, .icon-hourglass, .icon-graduation, .icon-ghost, .icon-game-controller, .icon-fire, .icon-eyeglasses, .icon-envelope-open, .icon-envelope-letter, .icon-bell, .icon-badge, .icon-anchor, .icon-wallet, .icon-vector, .icon-speech, .icon-puzzle, .icon-printer, .icon-present, .icon-playlist, .icon-pin, .icon-picture, .icon-map, .icon-layers, .icon-handbag, .icon-globe-alt, .icon-globe, .icon-frame, .icon-folder-alt, .icon-film, .icon-feed, .icon-earphones-alt, .icon-earphones, .icon-drop, .icon-drawer, .icon-docs, .icon-directions, .icon-direction, .icon-diamond, .icon-cup, .icon-compass, .icon-call-out, .icon-call-in, .icon-call-end, .icon-calculator, .icon-bubbles, .icon-briefcase, .icon-book-open, .icon-basket-loaded, .icon-basket, .icon-bag, .icon-action-undo, .icon-action-redo, .icon-wrench, .icon-umbrella, .icon-trash, .icon-tag, .icon-support, .icon-size-fullscreen, .icon-size-actual, .icon-shuffle, .icon-share-alt, .icon-share, .icon-rocket, .icon-question, .icon-pie-chart, .icon-pencil, .icon-note, .icon-music-tone-alt, .icon-music-tone, .icon-microphone, .icon-loop, .icon-logout, .icon-login, .icon-list, .icon-like, .icon-home, .icon-grid, .icon-graph, .icon-equalizer, .icon-dislike, .icon-cursor, .icon-control-start, .icon-control-rewind, .icon-control-play, .icon-control-pause, .icon-control-forward, .icon-control-end, .icon-calendar, .icon-bulb, .icon-bar-chart, .icon-arrow-up, .icon-arrow-right, .icon-arrow-left, .icon-arrow-down, .icon-ban, .icon-bubble, .icon-camcorder, .icon-camera, .icon-check, .icon-clock, .icon-close, .icon-cloud-download, .icon-cloud-upload, .icon-doc, .icon-envelope, .icon-eye, .icon-flag, .icon-folder, .icon-heart, .icon-info, .icon-key, .icon-link, .icon-lock, .icon-lock-open, .icon-magnifier, .icon-magnifier-add, .icon-magnifier-remove, .icon-paper-clip, .icon-paper-plane, .icon-plus, .icon-pointer, .icon-power, .icon-refresh, .icon-reload, .icon-settings, .icon-star, .icon-symbol-female, .icon-symbol-male, .icon-target, .icon-volume-1, .icon-volume-2, .icon-volume-off, .icon-users {
 32  	font-family: 'Simple-Line-Icons';
 33  	speak: none;
 34  	font-style: normal;
 35  	font-weight: normal;
 36  	font-variant: normal;
 37  	text-transform: none;
 38  	line-height: 1;
 39  	-webkit-font-smoothing: antialiased;
 40  }
 41  .icon-user-female:before {
 42  	content: "\e000";
 43  }
 44  .icon-user-follow:before {
 45  	content: "\e002";
 46  }
 47  .icon-user-following:before {
 48  	content: "\e003";
 49  }
 50  .icon-user-unfollow:before {
 51  	content: "\e004";
 52  }
 53  .icon-trophy:before {
 54  	content: "\e006";
 55  }
 56  .icon-screen-smartphone:before {
 57  	content: "\e010";
 58  }
 59  .icon-screen-desktop:before {
 60  	content: "\e011";
 61  }
 62  .icon-plane:before {
 63  	content: "\e012";
 64  }
 65  .icon-notebook:before {
 66  	content: "\e013";
 67  }
 68  .icon-moustache:before {
 69  	content: "\e014";
 70  }
 71  .icon-mouse:before {
 72  	content: "\e015";
 73  }
 74  .icon-magnet:before {
 75  	content: "\e016";
 76  }
 77  .icon-energy:before {
 78  	content: "\e020";
 79  }
 80  .icon-emoticon-smile:before {
 81  	content: "\e021";
 82  }
 83  .icon-disc:before {
 84  	content: "\e022";
 85  }
 86  .icon-cursor-move:before {
 87  	content: "\e023";
 88  }
 89  .icon-crop:before {
 90  	content: "\e024";
 91  }
 92  .icon-credit-card:before {
 93  	content: "\e025";
 94  }
 95  .icon-chemistry:before {
 96  	content: "\e026";
 97  }
 98  .icon-user:before {
 99  	content: "\e005";
100  }
101  .icon-speedometer:before {
102  	content: "\e007";
103  }
104  .icon-social-youtube:before {
105  	content: "\e008";
106  }
107  .icon-social-twitter:before {
108  	content: "\e009";
109  }
110  .icon-social-tumblr:before {
111  	content: "\e00a";
112  }
113  .icon-social-facebook:before {
114  	content: "\e00b";
115  }
116  .icon-social-dropbox:before {
117  	content: "\e00c";
118  }
119  .icon-social-dribbble:before {
120  	content: "\e00d";
121  }
122  .icon-shield:before {
123  	content: "\e00e";
124  }
125  .icon-screen-tablet:before {
126  	content: "\e00f";
127  }
128  .icon-magic-wand:before {
129  	content: "\e017";
130  }
131  .icon-hourglass:before {
132  	content: "\e018";
133  }
134  .icon-graduation:before {
135  	content: "\e019";
136  }
137  .icon-ghost:before {
138  	content: "\e01a";
139  }
140  .icon-game-controller:before {
141  	content: "\e01b";
142  }
143  .icon-fire:before {
144  	content: "\e01c";
145  }
146  .icon-eyeglasses:before {
147  	content: "\e01d";
148  }
149  .icon-envelope-open:before {
150  	content: "\e01e";
151  }
152  .icon-envelope-letter:before {
153  	content: "\e01f";
154  }
155  .icon-bell:before {
156  	content: "\e027";
157  }
158  .icon-badge:before {
159  	content: "\e028";
160  }
161  .icon-anchor:before {
162  	content: "\e029";
163  }
164  .icon-wallet:before {
165  	content: "\e02a";
166  }
167  .icon-vector:before {
168  	content: "\e02b";
169  }
170  .icon-speech:before {
171  	content: "\e02c";
172  }
173  .icon-puzzle:before {
174  	content: "\e02d";
175  }
176  .icon-printer:before {
177  	content: "\e02e";
178  }
179  .icon-present:before {
180  	content: "\e02f";
181  }
182  .icon-playlist:before {
183  	content: "\e030";
184  }
185  .icon-pin:before {
186  	content: "\e031";
187  }
188  .icon-picture:before {
189  	content: "\e032";
190  }
191  .icon-map:before {
192  	content: "\e033";
193  }
194  .icon-layers:before {
195  	content: "\e034";
196  }
197  .icon-handbag:before {
198  	content: "\e035";
199  }
200  .icon-globe-alt:before {
201  	content: "\e036";
202  }
203  .icon-globe:before {
204  	content: "\e037";
205  }
206  .icon-frame:before {
207  	content: "\e038";
208  }
209  .icon-folder-alt:before {
210  	content: "\e039";
211  }
212  .icon-film:before {
213  	content: "\e03a";
214  }
215  .icon-feed:before {
216  	content: "\e03b";
217  }
218  .icon-earphones-alt:before {
219  	content: "\e03c";
220  }
221  .icon-earphones:before {
222  	content: "\e03d";
223  }
224  .icon-drop:before {
225  	content: "\e03e";
226  }
227  .icon-drawer:before {
228  	content: "\e03f";
229  }
230  .icon-docs:before {
231  	content: "\e040";
232  }
233  .icon-directions:before {
234  	content: "\e041";
235  }
236  .icon-direction:before {
237  	content: "\e042";
238  }
239  .icon-diamond:before {
240  	content: "\e043";
241  }
242  .icon-cup:before {
243  	content: "\e044";
244  }
245  .icon-compass:before {
246  	content: "\e045";
247  }
248  .icon-call-out:before {
249  	content: "\e046";
250  }
251  .icon-call-in:before {
252  	content: "\e047";
253  }
254  .icon-call-end:before {
255  	content: "\e048";
256  }
257  .icon-calculator:before {
258  	content: "\e049";
259  }
260  .icon-bubbles:before {
261  	content: "\e04a";
262  }
263  .icon-briefcase:before {
264  	content: "\e04b";
265  }
266  .icon-book-open:before {
267  	content: "\e04c";
268  }
269  .icon-basket-loaded:before {
270  	content: "\e04d";
271  }
272  .icon-basket:before {
273  	content: "\e04e";
274  }
275  .icon-bag:before {
276  	content: "\e04f";
277  }
278  .icon-action-undo:before {
279  	content: "\e050";
280  }
281  .icon-action-redo:before {
282  	content: "\e051";
283  }
284  .icon-wrench:before {
285  	content: "\e052";
286  }
287  .icon-umbrella:before {
288  	content: "\e053";
289  }
290  .icon-trash:before {
291  	content: "\e054";
292  }
293  .icon-tag:before {
294  	content: "\e055";
295  }
296  .icon-support:before {
297  	content: "\e056";
298  }
299  .icon-size-fullscreen:before {
300  	content: "\e057";
301  }
302  .icon-size-actual:before {
303  	content: "\e058";
304  }
305  .icon-shuffle:before {
306  	content: "\e059";
307  }
308  .icon-share-alt:before {
309  	content: "\e05a";
310  }
311  .icon-share:before {
312  	content: "\e05b";
313  }
314  .icon-rocket:before {
315  	content: "\e05c";
316  }
317  .icon-question:before {
318  	content: "\e05d";
319  }
320  .icon-pie-chart:before {
321  	content: "\e05e";
322  }
323  .icon-pencil:before {
324  	content: "\e05f";
325  }
326  .icon-note:before {
327  	content: "\e060";
328  }
329  .icon-music-tone-alt:before {
330  	content: "\e061";
331  }
332  .icon-music-tone:before {
333  	content: "\e062";
334  }
335  .icon-microphone:before {
336  	content: "\e063";
337  }
338  .icon-loop:before {
339  	content: "\e064";
340  }
341  .icon-logout:before {
342  	content: "\e065";
343  }
344  .icon-login:before {
345  	content: "\e066";
346  }
347  .icon-list:before {
348  	content: "\e067";
349  }
350  .icon-like:before {
351  	content: "\e068";
352  }
353  .icon-home:before {
354  	content: "\e069";
355  }
356  .icon-grid:before {
357  	content: "\e06a";
358  }
359  .icon-graph:before {
360  	content: "\e06b";
361  }
362  .icon-equalizer:before {
363  	content: "\e06c";
364  }
365  .icon-dislike:before {
366  	content: "\e06d";
367  }
368  .icon-cursor:before {
369  	content: "\e06e";
370  }
371  .icon-control-start:before {
372  	content: "\e06f";
373  }
374  .icon-control-rewind:before {
375  	content: "\e070";
376  }
377  .icon-control-play:before {
378  	content: "\e071";
379  }
380  .icon-control-pause:before {
381  	content: "\e072";
382  }
383  .icon-control-forward:before {
384  	content: "\e073";
385  }
386  .icon-control-end:before {
387  	content: "\e074";
388  }
389  .icon-calendar:before {
390  	content: "\e075";
391  }
392  .icon-bulb:before {
393  	content: "\e076";
394  }
395  .icon-bar-chart:before {
396  	content: "\e077";
397  }
398  .icon-arrow-up:before {
399  	content: "\e078";
400  }
401  .icon-arrow-right:before {
402  	content: "\e079";
403  }
404  .icon-arrow-left:before {
405  	content: "\e07a";
406  }
407  .icon-arrow-down:before {
408  	content: "\e07b";
409  }
410  .icon-ban:before {
411  	content: "\e07c";
412  }
413  .icon-bubble:before {
414  	content: "\e07d";
415  }
416  .icon-camcorder:before {
417  	content: "\e07e";
418  }
419  .icon-camera:before {
420  	content: "\e07f";
421  }
422  .icon-check:before {
423  	content: "\e080";
424  }
425  .icon-clock:before {
426  	content: "\e081";
427  }
428  .icon-close:before {
429  	content: "\e082";
430  }
431  .icon-cloud-download:before {
432  	content: "\e083";
433  }
434  .icon-cloud-upload:before {
435  	content: "\e084";
436  }
437  .icon-doc:before {
438  	content: "\e085";
439  }
440  .icon-envelope:before {
441  	content: "\e086";
442  }
443  .icon-eye:before {
444  	content: "\e087";
445  }
446  .icon-flag:before {
447  	content: "\e088";
448  }
449  .icon-folder:before {
450  	content: "\e089";
451  }
452  .icon-heart:before {
453  	content: "\e08a";
454  }
455  .icon-info:before {
456  	content: "\e08b";
457  }
458  .icon-key:before {
459  	content: "\e08c";
460  }
461  .icon-link:before {
462  	content: "\e08d";
463  }
464  .icon-lock:before {
465  	content: "\e08e";
466  }
467  .icon-lock-open:before {
468  	content: "\e08f";
469  }
470  .icon-magnifier:before {
471  	content: "\e090";
472  }
473  .icon-magnifier-add:before {
474  	content: "\e091";
475  }
476  .icon-magnifier-remove:before {
477  	content: "\e092";
478  }
479  .icon-paper-clip:before {
480  	content: "\e093";
481  }
482  .icon-paper-plane:before {
483  	content: "\e094";
484  }
485  .icon-plus:before {
486  	content: "\e095";
487  }
488  .icon-pointer:before {
489  	content: "\e096";
490  }
491  .icon-power:before {
492  	content: "\e097";
493  }
494  .icon-refresh:before {
495  	content: "\e098";
496  }
497  .icon-reload:before {
498  	content: "\e099";
499  }
500  .icon-settings:before {
501  	content: "\e09a";
502  }
503  .icon-star:before {
504  	content: "\e09b";
505  }
506  .icon-symbol-female:before {
507  	content: "\e09c";
508  }
509  .icon-symbol-male:before {
510  	content: "\e09d";
511  }
512  .icon-target:before {
513  	content: "\e09e";
514  }
515  .icon-volume-1:before {
516  	content: "\e09f";
517  }
518  .icon-volume-2:before {
519  	content: "\e0a0";
520  }
521  .icon-volume-off:before {
522  	content: "\e0a1";
523  }
524  .icon-users:before {
525  	content: "\e001";
526  }