.di {
    font-size: 25px;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    width: 1em;
    vertical-align: middle;
}
.di-desktop:before {
    content: url("svg/desktop.svg");
}
.di-desktop-w:before {
    content: url("svg/desktop-w.svg");
}
.di-home:before {
    content: url("svg/home.svg");
}
.di-accounting:before {
    content: url("svg/accounting.svg");
}
.di-accounting-w:before {
    content: url("svg/accounting-w.svg");
}
.di-bursary:before {
    content: url("svg/bursary.svg");
}
.di-warehouse:before {
    content: url("svg/warehouse.svg");
}
.di-sale:before {
    content: url("svg/sale.svg");
}
.di-crm:before {
    content: url("svg/crm.svg");
}
.di-payroll:before {
    content: url("svg/payroll2.svg");
}
.di-cartable:before {
    content: url("svg/cartable.svg");
}
.di-dashboard:before {
    content: url("svg/dashboard.svg");
}
.di-ttms:before {
    content: url("svg/ttms.svg");
}

.di-contract:before {
    content: url("svg/Contract.svg");
}

.di-logistics:before {
    content: url("svg/logistics.svg");
}

.di-transfer:before {
    content: url("svg/Transfer.svg");
}
.di-fixasset:before {
    content: url("svg/fixasset.svg");
}

.di-compund:before {
    content: url("svg/compund.svg");
}
.di-reception:before {
    content: url("svg/reception.svg");
}


.di-widget:before {
    content: url("svg/widget.svg");
}
.di-newwidget:before {
    content: url("svg/newwidget-b.svg");
}
.di-newwidget:hover:before {
    content: url("svg/newwidget.svg");
}
.di-notification:before {
    content: url("svg/notification.svg");
}
.di-task:before {
    content: url("svg/task.svg");
}

.di-avatar:before {
    content: url("svg/avatar.svg");
    
}
.di-about:before {
    content: url("svg/about.svg");
}
.di-company:before {
    content: url("svg/company.svg");
}
.di-financial:before {
    content: url("svg/Financial.svg");
}
.di-username:before {
    content: url("svg/username-w.svg");
}

.di-password:before {
    content: url("svg/password-w.svg");
}


.di-instagram:before {
    content: url("svg/instagram.svg");
    width: 1em;
}

.di-linkedin:before {
    content: url("svg/linkedin.svg");
}

.di-telegram:before {
    content: url("svg/telegram.svg");
}

.di-twitter:before {
    content: url("svg/twitter.svg");
}


.di-menu:before {
    content: url("svg/menu.svg");
}