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

[class^="ico-"], [class*=" ico-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  position:relative;
  font-family: 'DPIcon' !important;
  font-size:14px;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align:middle;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ico-alert-circle:before {
  content: "\e900";
}
.ico-alert-triangle:before {
  content: "\e901";
}
.ico-calendar:before {
  content: "\e902";
}
.ico-check:before {
  content: "\e903";
}
.ico-chevron-left:before {
  content: "\e904";
}
.ico-chevron-right:before {
  content: "\e905";
}
.ico-download:before {
  content: "\e906";
}
.ico-first:before {
  content: "\e907";
}
.ico-last:before {
  content: "\e908";
}
.ico-menu:before {
  content: "\e909";
}
.ico-minus:before {
  content: "\e90a";
}
.ico-minus-square:before {
  content: "\e90b";
}
.ico-plus:before {
  content: "\e90c";
}
.ico-plus-square:before {
  content: "\e90d";
}
.ico-printer:before {
  content: "\e90e";
}
.ico-search:before {
  content: "\e90f";
}
.ico-trash-2:before {
  content: "\e912";
}
.ico-shopping-cart:before {
  content: "\e910";
}
.ico-shopping-cart-add:before {
  content: "\e911";
}
.ico-user:before {
  content: "\e913";
}
.ico-user-plus:before {
  content: "\e91e";
}
.ico-x:before {
  content: "\e914";
}
.ico-book-open:before {
  content: "\e915";
}
.ico-edit-3:before {
  content: "\e916";
}
.ico-paperclip:before {
  content: "\e917";
}
.ico-help-circle:before {
  content: "\e918";
}
.ico-promotion:before {
  content: "\e919";
}
.ico-ship:before {
  content: "\e91a";
}
.ico-filter:before {
  content: "\e91b";
}
.ico-arrow-down:before {
  content: "\e91c";
}
.ico-arrow-up:before {
  content: "\e91d";
}