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

.flaticon-centang:before { content: "\f100"; padding:6px; font-size:14px; color:#fff;; background:#0fb37d; border-radius:4px;}
.flaticon-detail:before { content: "\f101"; font-size:18px; padding:5px 6px 5px 5px; color:#474747; background:#e0e0e0; border-radius:4px; transition:ease 0.3s;}
.flaticon-detail:hover:before { color:#fff; background:#141f55; }
.flaticon-detail-big:before { content: "\f101"; font-size: 32px; float:right; margin:-80px 20px 0 0;}
.flaticon-hapus:before { content: "\f102"; font-size:14px; padding:7px; color:#474747; background:#e0e0e0; border-radius:4px; transition:ease 0.3s;}
.flaticon-hapus:hover:before { color:#fff; background:#f72b27;}
.flaticon-cari:before { content: "\f103"; color:#fff; }
.flaticon-notif:before { content: "\f104"; }
.flaticon-tambah:before { content: "\f105"; font-size:14px; color:#fff; }
.flaticon-home:before { content: "\f106"; }
.flaticon-detail-mini:before { content: "\f107"; }
.flaticon-user:before { content: "\f108"; font-size: 20px; color:#141f55; }
.flaticon-userLogin:before { content: "\f108"; font-size: 19px; margin:4px 0 0 3px; }
.flaticon-edit:before { content: "\f109"; font-size:14px; padding:7px; color:#474747; background:#e0e0e0; border-radius:4px; transition:ease 0.3s;}
.flaticon-edit:hover:before { color:#fff; background:#f2d90d;}
.flaticon-edit-al:before { content: "\f109"; font-size:14px; padding:5px; color:#fff; background:rgba(255,255,255,.2); border-radius:4px; transition:ease 0.3s;}
.flaticon-pengaturan:before { content: "\f10a"; font-size: 20px; color:#141f55; }
.flaticon-left-arrow:before { content: "\f10b"; }
.flaticon-lock:before { content: "\f10c"; font-size: 19px; margin:4px 0 0 3px; }
.flaticon-print:before { content: "\f10d"; font-size:28px; color:#474747; margin-left:20px;}
.flaticon-right-arrow:before { content: "\f10e"; }
.flaticon-tanda-seru:before { content: "\f10f"; padding:6px; font-size:14px; color:#474747;; background:#f2d90d; border-radius:4px;}
.flaticon-password:before { content: "\f110"; }
.flaticon-logout:before { content: "\f111"; font-size:16px; margin-left:18px; }
.flaticon-pegawai:before { content: "\f112"; font-size:27px; color:#141f55; }
.flaticon-excel:before { content: "\f113"; font-size:28px; color:#474747; margin-left:20px; }
.flaticon-laporan:before { content: "\f114"; font-size: 24px; }
.flaticon-file:before { content: "\f115"; font-size:28px; color:#474747; margin-left:20px; }