@font-face {
    font-family: 'icomoon';
    src: url('icomoon.woff') format('woff'), url('icomoon.ttf') format('truetype'), url('icomoon.svg#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[data-icon]:before {
    font-family: 'icomoon' !important;
    position: relative;
    top: 1px;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    content: attr(data-icon);
    font-size: 15px;
    line-height: 15px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

[data-icon-big]:before {
    font-family: 'icomoon' !important;
    position: relative;
    top: 1px;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    content: attr(data-icon-big);
    font-size: 18px;
    line-height: 18px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

[data-icon-lg]:before {
    font-family: 'icomoon' !important;
    position: relative;
    top: 1px;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    content: attr(data-icon-lg);
    font-size: 40px;
    line-height: 40px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.nav-left .nav-arrow:before {
    font-family: 'icomoon';
    content: "\ED5D";
    float: right;
    font-style: normal;
    margin-right: 20px;
}

.nav-left .nav-show .nav-arrow:before {
    transform: rotate(180deg);
}

.online:after {
    font-family: 'icomoon';
    content: "\F3C1";
    line-height: 1;
    color: green;
}

.offline:after {
    font-family: 'icomoon';
    content: "\F010";
    line-height: 1;
    color: red;
}

.icon-print:after {
    font-family: 'icomoon';
    content: "\F13E";
    line-height: 1;
}

.icon-export:after {
    font-family: 'icomoon';
    content: "\EC8E";
    line-height: 1;
}

.icon-import:after {
    font-family: 'icomoon';
    content: "\EC8F";
    line-height: 1;
}

.icon-search:after {
    font-family: 'icomoon';
    content: "\E9F4";
    font-size: 15px;
    line-heigth: 1;
}

.icon-pdf:before {
    font-family: 'icomoon';
    content: "\ECBA";
    line-height: 1;
}

.icon-xls:before {
    font-family: 'icomoon';
    content: "\ECBE";
    line-height: 1;
}

.icon-word:before {
    font-family: 'icomoon';
    content: "\ECB7";
    line-height: 1;
}

.icon-csv:before {
    font-family: 'icomoon';
    content: "\F481";
    line-height: 1;
}

.icon-page:before {
    font-family: 'icomoon';
    content: "\ECC2";
    line-height: 1;
}

.icon-preview:before {
    font-family: 'icomoon';
    content: "\F0CC";
    line-height: 1;
}

.icon-file:before {
    font-family: 'icomoon';
    content: "\F3C3";
    line-height: 1;
}

.icon-dir:before {
    font-family: 'icomoon';
    content: "\EC93";
    line-height: 1;
}

.icon-dir-file:before {
    font-family: 'icomoon';
    content: "\ECA4";
    line-height: 1;
}

.icon-user:before {
    font-family: 'icomoon';
    line-height: 1;
    content: "\ECFE";
    line-height: 1;
}

.icon-lady:before {
    font-family: 'icomoon';
    line-height: 1;
    content: "\ECF3";
    font-size: 15px;
}

.icon-sir:before {
    font-family: 'icomoon';
    line-height: 1;
    content: "\ECFF";
    font-size: 15px;
}

.icon-money:after {
    font-family: 'icomoon';
    line-height: 1;
    content: "\F289";
}

.icon-delete:after {
    font-family: 'icomoon';
    content: "\E9AC";
    line-height: 1;
}

.icon-back:after {
    font-family: 'icomoon';
    content: "\ED64";
    line-height: 1;
}

.icon-forward:after {
    font-family: 'icomoon';
    content: "\ED69";
    line-height: 1;
}

.icon-edit:after {
    font-family: 'icomoon';
    content: "\E99A";
    line-height: 1;
}

.icon-detail:after {
    font-family: 'icomoon';
    line-height: 1;
    content: "\F33E";
}

.icon-lock:after {
    font-family: 'icomoon';
    line-height: 1;
    content: "\E9BB";
}

.icon-unlock:after {
    font-family: 'icomoon';
    line-height: 1;
    content: "\E9B6";
}

.icon-maintain:before {
    font-family: 'icomoon';
    line-height: 1;
    content: "\EA01";
}

.icon-pwd:before {
    font-family: 'icomoon';
    line-height: 1;
    content: "\E9C4";
}

.icon-calendar:before {
    font-family: 'icomoon';
    line-height: 1;
    content: "\EF74";
}

.icon-tshirt:before {
    font-family: 'icomoon';
    line-height: 1;
    content: "\F0B4";
}


.icon-replace:before {
    font-family: 'icomoon';
    line-height: 1;
    content: "\EDAF";
}

.icon-add:before {
    font-family: 'icomoon';
    line-height: 1;
    content: "\EB20";
}

.icon-minus:after {
    font-family: 'icomoon';
    line-height: 1;
    content: "\EB1B";
}

.icon-save:before {
    font-family: 'icomoon';
    line-height: 1;
    content: "\EB0D";
}

.icon-reset:before {
    font-family: 'icomoon';
    line-height: 1;
    content: "\EDB3";
}

.icon-history:before {
    font-family: 'icomoon';
    line-height: 1;
    content: "\EC9F";
}

.icon-clocksync:before {
    font-family: 'icomoon';
    line-height: 1;
    content: "\EC70";
}

.icon-close:before {
    font-family: 'icomoon';
    line-height: 1;
    content: "\ED91";
}

.icon-open:before {
    font-family: 'icomoon';
    line-height: 1;
    content: "\ED93";
}

.icon-setting:before {
    font-family: 'icomoon';
    line-height: 1;
    content: "\E9E5";
}

.icon-plug:before {
    font-family: 'icomoon';
    line-height: 1;
    content: "\E9F9";
}

.icon-readremotely:before {
    font-family: 'icomoon';
    line-height: 1;
    content: "\EA85";
}

.icon-writeremotely:before {
    font-family: 'icomoon';
    line-height: 1;
    content: "\EA86";
}

.icon-column:before {
    font-family: 'icomoon';
    line-height: 1;
    content: "\F452";
}

.icon-sort:after {
    font-family: 'icomoon';
    content: "\EDBA";
    line-height: 1;
    color: #cfcfcf;
    padding: 2px 6px;
}

.icon-sort-asc:after {
    font-family: 'icomoon';
    content: "\E953";
    line-height: 1;
    padding: 2px 6px;
}

.icon-sort-desc:after {
    font-family: 'icomoon';
    content: "\E952";
    line-height: 1;
    padding: 2px 6px;
}

.icon-begin-end:before {
    font-family: 'icomoon';
    content: "\EDAE";
    font-size: 15px;
    line-height: 30px;
}

.icon-connect:after {
    font-family: 'icomoon';
    line-height: 1;
    content: "\F3BF";
}

.icon-goout:before {
    font-family: 'icomoon';
    line-height: 1;
    content: "\EDED";
}

.icon-goin:before {
    font-family: 'icomoon';
    line-height: 1;
    content: "\EDEC";
}

.icon-notice:before {
    font-family: 'icomoon';
    line-height: 1;
    content: "\EFA7";
    font-size: 15px;
}

.icon-tree:before {
    font-family: 'icomoon';
    line-height: 1;
    content: "\EE7A";
    font-size: 15px;
}

.icon-tag:before {
    font-family: 'icomoon';
    line-height: 1;
    content: "\F438";
    font-size: 15px;
}

.icon-log:before {
    font-family: 'icomoon';
    line-height: 1;
    content: "\EC9F";
    font-size: 15px;
}

.icon-start:before {
    font-family: 'icomoon';
    line-height: 1;
    content: "\EE94";
    font-size: 15px;
}

.icon-stop:before {
    font-family: 'icomoon';
    line-height: 1;
    content: "\EE93";
    font-size: 15px;
}

.icon-qr:before {
    font-family: 'icomoon';
    line-height: 1;
    content: "\F14B";
    font-size: 15px;
}

.icon-table:before {
    font-family: 'icomoon';
    line-height: 1;
    content: "\EF43";
    font-size: 15px;
}

.icon-image:before {
    font-family: 'icomoon';
    line-height: 1;
    content: "\ECD4";
    font-size: 15px;
}

.icon-video:before {
    font-family: 'icomoon';
    line-height: 1;
    content: "\ECEB";
    font-size: 15px;
}

.icon-audio:before {
    font-family: 'icomoon';
    line-height: 1;
    content: "\ECEE";
    font-size: 15px;
}

.icon-alarm:before {
    font-family: 'icomoon';
    line-height: 1;
    content: "\E959";
    font-size: 15px;
}

.icon-chart:before {
    font-family: 'icomoon';
    line-height: 1;
    content: "\EA65";
    font-size: 15px;
}

.icon-chart-sm:before {
    font-family: 'icomoon';
    line-height: 1;
    content: " \EA65";
    font-size: 13px;
}

.icon-chat-sm:before {
    font-family: 'icomoon';
    content: "\EA6F";
    line-height: 1;
}

.icon-chat:before {
    font-family: 'icomoon';
    content: "\EA6F";
    line-height: 1;
    font-size: 15px;
}

.icon-map:before, .LocationOnMap:before, .LocationOnMapInParent:before, .ShowOnMap:after, .ShowOnMapInParent:after {
    font-family: 'icomoon';
    line-height: 1;
    content: "\E970";
    color: green;
    font-size: 22px;
    cursor: pointer;
}

.icon-fullscreen:before {
    font-family: 'icomoon';
    content: "\F468";
    line-height: 1;
}

.icon-home:before {
    font-family: 'icomoon';
    content: "\E98B";
    line-height: 1;
}

.icon-switch-expand:before {
    font-family: 'icomoon';
    content: "\E947";
    line-height: 1;
}

.icon-switch-shrink:before {
    font-family: 'icomoon';
    content: "\E946";
    line-height: 1;
}

.icon-eye-open:before {
    font-family: 'icomoon';
    content: "\E90A";
    line-height: 1;
}

.icon-eye-close:before {
    font-family: 'icomoon';
    content: "\E90B";
    line-height: 1;
}

.banners .current:before {
    font-family: 'icomoon';
    content: "\EB15";
    position: absolute;
    color: white;
    right: 4px;
    bottom: 4px;
    z-index: 1002;
    font-size: 18px;
}

.ztreeSearchForm:after {
    font-family: 'icomoon';
    content: "\E9F5";
    position: absolute;
    color: #707070;
    right: 2px;
    top: 3px;
    z-index: 1002;
    font-size: 16px;
}

@media (max-width: 767px) {
    .icon-begin-end:before {
        font-family: 'icomoon';
        content: "\EDBD";
        font-size: 15px;
        text-align: center;
    }
}