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

[class^="icon-"], [class*=" icon-"] {
    font-family             : 'icomoon' !important;
    speak                   : none;
    font-style              : normal;
    font-weight             : normal;
    font-variant            : normal;
    text-transform          : none;
    line-height             : 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing  : antialiased;
    -moz-osx-font-smoothing : grayscale;
}

.icon-users:before {
    content   : "\e600";
    font-size : 1.3em;
    float     : left;
}

.icon-cog:before {
    content   : "\e601";
    font-size : 1.3em;
    float     : left;
}

.icon-info:before {
    content   : "\e603";
    font-size : 1.3em;
    float     : left;
}

.icon-checkmark:before {
    content   : "\e604";
    font-size : 1.3em;
    float     : left;
    color     : yellow;
}

.icon-checkmark2:before {
    content   : "\e605";
    font-size : 1.3em;
    float     : left;
}

.icon-play:before {
    content   : "\e606";
    font-size : 1.3em;
    float     : left;
}

.icon-stop:before {
    content   : "\e607";
    font-size : 1.3em;
    float     : left;
    opacity   : 0.3;
}

.icon-table:before {
    content   : "\e602";
    font-size : 1.3em;
    float     : left;
}