@font-face {
  font-family: 'livivo-icons';
  src: url('livivo-icons.eot?#iefix') format('embedded-opentype'),
       url('livivo-icons.woff') format('woff'),
       url('livivo-icons.ttf') format('truetype'),
       url('livivo-icons.svg#livivoicons') format('svg');
  font-weight: normal;
  font-style: normal;
}

/*

.livivoicon is optimized for 16px.
.mega-octicon is optimized for 32px but can be used larger.

*/
.livivoicon {
  font: normal normal 20px livivo-icons;
  line-height: 1px;
  display: inline-block;
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.mega-livivoicon {
  font: normal normal 32px livivo-icons;
  line-height: 1;
  display: inline-block;
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.livivoicon-doctype-mono:before { content: '\e00f'} /*  */
.livivoicon-doctype-article:before { content: '\e013'} /*  */
.livivoicon-doctype-journal:before { content: '\e016'} /*  */
.livivoicon-doctype-online:before { content: '\e01b'} /*  */

.livivoicon-doctype-diss:before { content: '\e017'} /*  */
.livivoicon-doctype-conf:before { content: '\e018'} /*  */
.livivoicon-doctype-collection:before { content: '\e019'} /*  */
.livivoicon-doctype-av:before { content: '\e01a'} /*  */