@font-face {
    font-family: 'webigraph icon';
    src: url('../fonts/webigraph-icon.eot');
    src: url('../fonts/webigraph-icon.eot?#iefix') format('embedded-opentype'),
         url('../fonts/webigraph-icon.woff') format('woff'),
         url('../fonts/webigraph-icon.ttf') format('truetype'),
         url('../fonts/webigraph-icon.svg#webigraph-icon') format('svg');
    font-weight: normal;
    font-style: normal;
}
[class*='webigraph-']:before{
  display: inline-block;
   font-family: 'webigraph icon';
   font-style: normal;
   font-weight: normal;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale
}

[class^="webigraph-"]::after, [class*=" webigraph-"]::after {
   content: "WGE";
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    color: #feffff;
    background: linear-gradient(45deg, red, #ff00b1);
    font-size: 10px;
    font-family: Roboto,Arial,Helvetica,Verdana,sans-serif;
    padding: 0.2em 0.5em;
    border-width: 0 0 1px 1px;
    border-color: #e0e0e0;
    border-style: solid;
}

.webi-icon::after {
   content: "WGE";
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    color: #feffff;
    background: linear-gradient(45deg, red, #ff00b1);
    font-size: 10px;
    font-family: Roboto,Arial,Helvetica,Verdana,sans-serif;
    padding: 0.2em 0.5em;
    border-width: 0 0 1px 1px;
    border-color: #e0e0e0;
    border-style: solid;
}
.webigraph-text-editor:before{content:'\0041';}
.webigraph-multi-heading:before{content:'\0042';}
.webigraph-modalbox:before{content:'\0043';}