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

.flaticon-centang:before { content: "\f100"; color:#098740; }
.flaticon-detail:before { content: "\f101"; font-size:18px; padding:5px 6px 5px 5px; color:#474747; background:#f0f0f0; border:1px solid #c0c0c0; border-radius:3px; -moz-transition:ease 0.3s; -webkit-transition:ease 0.3s; -o-transition:ease 0.3s;}
.flaticon-detail:hover:before { color:#fff; background:#29b895; border:1px solid #29b895; }
.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:#f0f0f0; border:1px solid #c0c0c0; border-radius:3px; -moz-transition:ease 0.3s;	-webkit-transition:ease 0.3s; -o-transition:ease 0.3s;}
.flaticon-hapus:hover:before { color:#fff; background:#29b895; border:1px solid #29b895;}
.flaticon-cari:before { content: "\f103"; color:#fff; }
.flaticon-notif:before { content: "\f104"; }
.flaticon-tambah:before { content: "\f105"; font-size: 17px; color:#094d8c; }
.flaticon-home:before { content: "\f106"; font-size: 24px; }
.flaticon-detail-mini:before { content: "\f107"; }
.flaticon-user:before { content: "\f108"; font-size: 20px; }
.flaticon-userLogin:before { content: "\f108"; font-size: 19px; color:#fff; margin:4px 0 0 3px; }
.flaticon-edit:before { content: "\f109"; font-size:14px; padding:7px; color:#474747; background:#f0f0f0; border:1px solid #c0c0c0; border-radius:3px; -moz-transition:ease 0.3s;	-webkit-transition:ease 0.3s; -o-transition:ease 0.3s;}
.flaticon-edit:hover:before { color:#fff; background:#29b895; border:1px solid #29b895;}
.flaticon-pengaturan:before { content: "\f10a"; font-size: 20px; }
.flaticon-left-arrow:before { content: "\f10b"; }
.flaticon-lock:before { content: "\f10c"; font-size: 19px; color:#fff; margin:4px 0 0 3px; }
.flaticon-print:before { content: "\f10d"; font-size:28px; color:#474747;}
.flaticon-right-arrow:before { content: "\f10e"; }
.flaticon-tanda-seru:before { content: "\f10f"; color:#fe7146; }
.flaticon-password:before { content: "\f110"; }
.flaticon-logout:before { content: "\f111"; font-size:16px; margin-left:18px; }
.flaticon-pegawai:before { content: "\f112"; font-size:25px; }
.flaticon-excel:before { content: "\f113"; font-size:28px; color:#474747;}
.flaticon-laporan:before { content: "\f114"; font-size: 24px; }
.flaticon-file:before { content: "\f115"; font-size:28px; color:#474747;}