@font-face {
	font-family:Flaticon;
	src: url(../font/Flaticon.ttf);
}

[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {  
	font-family: Flaticon;
    font-size: 18px;
	cursor:pointer;
	-moz-transition:ease 0.3s;
	-webkit-transition:ease 0.3s;
	-o-transition:ease 0.3s;
}

.flaticon-delete:before { content: "\f100"; }
.flaticon-delete-komentar:before { content: "\f100"; margin-left:10px; font-size: 12px; padding: 4px; background: #e0e0e0; border-radius: 2px; }
.flaticon-edit:before { content: "\f101"; }
.flaticon-rencana:before { content: "\f102"; font-size: 24px; color:#fff; }
.flaticon-notif:before { content: "\f103"; }
.flaticon-pegawai:before { content: "\f104"; font-size: 24px; margin-right:6px; }
.flaticon-print:before { content: "\f105"; }
.flaticon-user:before { content: "\f106"; font-size: 16px;}
.flaticon-user-login:before { content: "\f106"; color:#fff; }
.flaticon-logout:before { content: "\f107"; margin-right:6px; }
.flaticon-perusahaan:before { content: "\f108"; margin-right:6px; }
.flaticon-perusahaan-left:before { content: "\f108"; font-size: 24px; color:#fff; }
.flaticon-project:before { content: "\f109"; margin-right:6px; }
.flaticon-project-left:before { content: "\f109"; font-size: 24px; color:#fff; }
.flaticon-excel:before { content: "\f10a"; float: right; margin-top:-6px; font-size:32px; color:#168e4c;}
.flaticon-excel-left:before { content: "\f10a"; font-size: 24px; color:#fff;}
.flaticon-laporan:before { content: "\f10b"; font-size: 24px; color:#fff; }
.flaticon-password:before { content: "\f10c"; color:#fff; }
.flaticon-realisasi:before { content: "\f10e"; font-size: 24px; color:#fff; }