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

.icon {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    margin-right: 0.3em;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

    .icon.urgent {
        font-weight:bold;
        color:red;
        font-size:13px;
    }

    .iconn {
        /* use !important to prevent issues with browser extensions that change fonts */
        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;
    }

.fs18 {
    font-size: 18px;
    vertical-align: text-bottom;
}

.icon-yewu:before {
    content: "\e932";
    color: #026c9e;
}

.icon-build2:before {
    content: "\e931";
    color: #016b9e;
}

.icon-clock:before {
    content: "\e930";
    color: #016b9e;
}

.icon-address:before {
    content: "\e902";
    color: #7e7bab;
}

.icon-fax:before {
    content: "\e903";
    color: #7e7bab;
}

.icon-house:before {
    content: "\e904";
    color: #03002f;
}

.icon-phone:before {
    content: "\e905";
    color: #a1a1a1;
}

.icon-build:before {
    content: "\e906";
    color: #03002f;
}

.icon-name:before {
    content: "\e907";
    color: #006fe1;
}

.icon-email:before {
    content: "\e908";
    color: #77b755;
}

.icon-ok:before {
    content: "\e909";
    color: #fff;
}

.icon-close:before {
    content: "\e90a";
    color: #196dc3;
}

.icon-pic:before {
    content: "\e90b";
    color: #fff;
}

.icon-zoomout:before {
    content: "\e90c";
    color: #fff;
}

.icon-feedback:before {
    content: "\e90d";
    color: #1ad03c;
}

.icon-dun:before {
    content: "\e90e";
    color: #f85801;
}

.icon-sort:before {
    content: "\e90f";
    color: #fff;
}

.icon-file:before {
    content: "\e910";
    color: #d6d6d6;
}

.icon-print:before {
    content: "\e911";
    color: #fff;
}

.icon-export:before {
    content: "\e912";
    color: #fff;
}

.icon-filedown:before {
    content: "\e913";
    color: #ea6834;
}

.icon-newfile:before {
    content: "\e914";
    color: #fff;
}

.icon-custommag:before {
    content: "\e915";
}

.icon-customers:before {
    content: "\e916";
    color: #016b9e;
}

.icon-staff:before {
    content: "\e917";
    color: #016b9e;
}

.icon-list:before {
    content: "\e918";
    color: #016b9e;
}

.icon-lock:before {
    content: "\e919";
    color: #2ba0cc;
}

.icon-mailbox:before {
    content: "\e91a";
    color: #2ba0cc;
}

.icon-crowd:before {
    content: "\e91b";
    color: #1082b4;
}

.icon-modify:before {
    content: "\e91c";
    color: #2ba0cc;
}

.icon-zoom:before {
    content: "\e91d";
    color: #fff;
}

.icon-editarr:before {
    content: "\e91e";
    color: #a4a4a4;
}

.icon-person2:before {
    content: "\e91f";
    color: #016b9e;
}

.icon-cycles:before {
    content: "\e920";
    color: #fa9c21;
}

.icon-view:before {
    content: "\e921";
    color: #fff;
}

.icon-histroy:before {
    content: "\e922";
    color: #8e8e8e;
}

.icon-edit:before {
    content: "\e923";
    color: #cfcfcf;
}

.icon-leftarr:before {
    content: "\e924";
}

.icon-eye:before {
    content: "\e925";
    color: #fff;
}

.icon-problem:before {
    content: "\e926";
    color: #2eb420;
}

.icon-tips:before {
    content: "\e927";
    color: #ea6834;
}

.icon-warning:before {
    content: "\e928";
    color: #006fe1;
}

.icon-rightarr:before {
    content: "\e929";
}

.icon-upload:before {
    content: "\e92a";
    color: #026c9e;
}

.icon-quit:before {
    content: "\e92b";
    color: #016b9e;
}

.icon-gear:before {
    content: "\e92c";
}

.icon-bell:before {
    content: "\e92d";
}

.icon-person:before {
    content: "\e92e";
    color: #4ba642;
}

.icon-member:before {
    content: "\e92f";
    color: #fff;
}

.icon-class:before {
    content: "\e900";
}

.icon-custom:before {
    content: "\e901";
}