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

[data-icon]:before {
    position: relative;
    font-family: 'icomoon';
    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 {
    position: relative;
    font-family: 'icomoon';
    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;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.icon-begin-end:before {
    font-family: 'Glyphicons Halflings', 'icomoon';
    line-height: 1;
    content: "\f02e6";
    font-size: 15px;
}

.icon-begin-end-xs:before {
    font-family: 'Glyphicons Halflings', 'icomoon';
    line-height: 2;
    content: "\e120";
    font-size: 15px;
}

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

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

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

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

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

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

.ztreeSearchForm:after {
    font-family: 'icomoon';
    content: "\f0af2";
    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: "\f02e7";
        line-height: 1;
        font-size: 15px;
        text-align: center;
    }
}