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

[class^="picon-"], [class*=" picon-"] {
    font-family: 'picon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.picon-back:before { content: "\e900"; }
.picon-trash:before { content: "\e901"; }
.picon-duplicate:before { content: "\e902"; }
.picon-edit:before { content: "\e903"; }
.picon-add { font-family: inherit !important;  }
.picon-add:before {content: "+"; }
.picon-up { font-family: inherit !important; }
.picon-up:before {content: "up"; }
.picon-down { font-family: inherit !important;  }
.picon-down:before {content: "down"; }