.icon-nav,
.icon-maximize,
.icon-send,
.icon-more-action,
.icon-print,
.icon-delete,
.icon-view,
.icon-sun,
.icon-moon,
.icon-tube,
.icon-bell,
.icon-arrow-top,
.icon-close,
.icon-userGray,
.icon-userRed,
.icon-userYellow,
.icon-userGreen,
.icon-approve,
.icon-firm,
.icon-individual,
.icon-portfolio,
.icon-money,
.icon-reload,
.left-arrow,
.right-arrow,
.date-filter,
.icon-excel,
.icon-add,
.icon-Filter,
.icon-edit,
.icon-power,
.icon-search,
.icon-toggle,
.icon-power,
.icon-edit,
.icon-menu {
    cursor: pointer
}

    .icon-menu,
    .icon-nav:before,
    .icon-maximize:before,
    .icon-send:before,
    .icon-more-action:before,
    .icon-print:before,
    .icon-delete:before,
    .icon-view:before,
    .icon-sun:before,
    .icon-moon:before,
    .icon-tube:before,
    .icon-bell:before,
    .icon-arrow-top:before,
    .icon-close:before,
    .icon-userGray:before,
    .icon-userRed:before,
    .icon-userYellow:before,
    .icon-userGreen:before,
    .icon-approve:before,
    .icon-firm:before,
    .icon-individual:before,
    .icon-portfolio:before,
    .icon-money:before,
    .icon-reload:before,
    .left-arrow:before,
    .right-arrow:before,
    .date-filter:before,
    .icon-excel:before,
    .icon-add:before,
    .icon-Filter:before,
    .icon-edit:before,
    .icon-power:before,
    .icon-search:before,
    .icon-toggle:before,
    .icon-power:before,
    .icon-edit:before {
        font-family: font6;
        font-style: normal;
    }

    .icon-nav:before {
        content: "\e13d";
    }

    .icon-maximize:before {
        content: "\f2d0";
    }

    .icon-send:before {
        content: "\e180";
    }

    .icon-more-action:before {
        content: "\f39b";
    }

    .icon-print:before {
        content: "\f02f";
    }

    .icon-delete:before {
        content: "\f2ed";
    }

.icon-view {
    color: #007c98;
    font-weight: 500;
}

    .icon-view:before {
        content: "\f06e";
    }

.icon-sun:before {
    content: "\e1d6";
}

.icon-moon:before {
    content: "\f186";
}

.icon-tube:before {
    content: "\f1cd";
}

.icon-arrow-top:before {
    content: "\f106";
}

.icon-toggle {
    font-size: 20px;
}

    .icon-toggle:before {
        content: "\f03c";
    }

.icon-power {
}

.icon-edit {
}

.icon-search:before {
    content: "\f002";
}

.icon-power:before {
    content: "\f011";
}

.icon-edit {
    font-size: 13px
}

    .icon-edit:before {
        content: "\f040";
    }

.icon-Filter {
}

    .icon-Filter:before {
        content: "\f0b0";
    }

.icon-add:before {
    content: "\f067";
}

.icon-excel {
}

    .icon-excel:before {
        content: "\f1c3";
    }

.date-filter {
    color: #526292;
}

    .date-filter:before {
        content: "\f073";
    }

.right-arrow {
    font-size: 14px;
}

    .right-arrow:before {
        content: "\f105";
    }

.left-arrow {
    font-size: 14px;
}

    .left-arrow:before {
        content: "\f104";
    }

.icon-reload {
}

    .icon-reload:before {
        content: "\f021";
    }

.icon-money {
}

    .icon-money:before {
        content: "\f0d6";
    }

.icon-portfolio {
}

    .icon-portfolio:before {
        content: "\f0f2";
    }

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

.icon-userGray,
.icon-userRed,
.icon-userYellow,
.icon-userGreen,
.icon-approve,
.icon-firm,
.icon-individual {
    background: #ba68c8;
    display: inline-block;
    width: 15px;
    height: 15px;
    vertical-align: middle;
    text-align: center;
    line-height: 15px;
    border-radius: 3px;
    color: #f7f7f7;
    font-size: 10px;
}

    .icon-firm:before {
        content: "\f275";
    }

    .icon-individual:before {
        content: "\f1ae";
    }

.icon-approve {
    background: #2db948;
    color: #fff;
    font-size: 11px;
}

.icon-firm {
    background: #7986cb;
    font-size: 10px;
}

.icon-userGreen {
    background: #2db948;
}

.icon-userGray {
    background: #989898;
}

.icon-userRed {
    background: #d81c1c;
}

.icon-userYellow {
    background: #f7d52e;
    color: #000
}

.icon-approve:before {
    content: "\f00c";
}

.icon-userGreen:before,
.icon-userGray:before,
.icon-userRed:before,
.icon-userYellow:before {
    content: "\f007";
}

.icon-close {
}

    .icon-close:before {
        content: "\f00d";
    }

/*****************************/

.gray-icon {
    color: #555 !important;
}

.green-icon {
    color: #369c15 !important;
}

.nili-icon {
    color: #145892 !important;
}

.blue-icon {
    color: #1e5292 !important;
}

.brown-icon {
    color: #b5720e !important;
}

.red-icon {
    color: #d61f1f !important;
}

.icon-menu:before{
    content: "\f0c9";
}

.icon-resize-full:before {
    content: "\f065";
}