/*COLOR*/
.ti-icon {
    display: inline-block;
    height: 20px;
    vertical-align: text-top;
    margin-right: 3px;
    margin-top: -1px;
}
.icon-kelas {
    content: url("../../../img/icon-kelas-inaktif.svg");
}
.icon-transaction {
    content: url("../../../img/icon-transaksi-inaktif.svg");
    margin-left: -3px;
}
.icon-notification {
    content: url("../../../img/icon-notifikasi-inaktif.svg");
}
.icon-point {
    content: url("../../../img/icon-poin-inaktif.svg");
}
/* Icon Active */
.active .icon-kelas {
    content: url("../../../img/icon-kelas-aktif.svg");
}
.active .icon-transaction {
    content: url("../../../img/icon-transaksi-aktif.svg");
    margin-left: -3px;
}
.active .icon-notification {
    content: url("../../../img/icon-notifikasi-aktif.svg");
}
.active .icon-point {
    content: url("../../../img/icon-poin-aktif.svg");
}