@font-face {
  font-family: 'ArtEngine-Icons';
  src: url("../../fonts/ArtEngine-Icons.eot");
  src: url("../../fonts/ArtEngine-Icons.eot?#iefix") format("embedded-opentype"), url("../../fonts/ArtEngine-Icons.svg#ArtEngine-Icons") format("svg"), url("../../fonts/ArtEngine-Icons.woff") format("woff"), url("../../fonts/ArtEngine-Icons.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
  font-family: 'ArtEngine-Icons';
  content: attr(data-icon);
  speak: none;
  font-weight: normal;
  -webkit-font-smoothing: antialiased; }

/* Use the following CSS code if you want to have a class per icon */
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: 'ArtEngine-Icons';
  font-style: normal;
  speak: none;
  font-size: 20px;
  font-weight: normal;
  -webkit-font-smoothing: antialiased; }

.icon-set-back:before {
  content: "\e000"; }

.icon-print:before {
  content: "\e001"; }

.icon-pdf:before {
  content: "\e002"; }

.icon-mail:before {
  content: "\e003"; }

.icon-link:before {
  content: "\e004"; }

.icon-import:before {
  content: "\e005"; }

.icon-hide:before {
  content: "\e006"; }

.icon-export:before {
  content: "\e007"; }

.icon-edit:before {
  content: "\e008"; }

.icon-delete:before {
  content: "\e009"; }

.icon-close:before {
  content: "\e00a"; }

.icon-back:before {
  content: "\e00b"; }

.icon-add:before {
  content: "\e00c"; }

.icon-show:before {
  content: "\e00d"; }

.icon-questmark:before {
  content: "?";
  margin-left: 10px;
}