@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-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;
}

.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;
  }
}