/* Style umum semua icon */
[class^="icon-ff-"], 
[class*=" icon-ff-"] {
  display: inline-block;
  width: 40px; /* default size */
  height: 40px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.icon-ff-cart {
  display: inline-block;
  width: 24px;   /* ukuran icon */
  height: 24px;
  background: url('../app/icons-ff/icon-cart.svg') no-repeat center center;
  background-size: contain;
}
.icon-ff-laundry-basket {
  display: inline-block;
  width: 24px;   /* ukuran icon */
  height: 24px;
  background: url('../app/icons-ff/laundry-basket.svg') no-repeat center center;
  background-size: contain;
}
.icon-ff-laundry-machine {
  display: inline-block;
  width: 24px;   /* ukuran icon */
  height: 24px;
  background: url('../app/icons-ff/laundry-machine.svg') no-repeat center center;
  background-size: contain;
}
.icon-ff-invoice-24 {
  display: inline-block;
  width: 24px;   
  height: 24px;
  background: url('../app/icons-ff/invoice.svg') no-repeat center center;
  background-size: contain;
}

.icon-ff-money-jar-24 {
  display: inline-block;
  width: 24px;   
  height: 24px;
  background: url('../app/icons-ff/money-jar.svg') no-repeat center center;
  background-size: contain;
}


.icon-ff-article-24 {
  display: inline-block;
  width: 24px;   /* ukuran icon */
  height: 24px;
  background: url('../app/icons-ff/article.svg') no-repeat center center;
  background-size: contain;
}

.icon-ff-saving-kurban-24 {
  display: inline-block;
  width: 24px;   /* ukuran icon */
  height: 24px;
  background: url('../app/icons-ff/saving_kurban.svg') no-repeat center center;
  background-size: contain;
}


.icon-ff-history {
  display: inline-block;
  width: 100px;   /* ukuran icon */
  height: 100px;
  background: url('../app/icons-ff/history.svg') no-repeat center center;
  background-size: contain;
}
.icon-ff-transaction-history {
  display: inline-block;
  width: 35px;
  height: 35px;
  background: url('../app/icons-ff/transaction-history.svg') no-repeat center center;
  background-size: contain;
}
.icon-ff-document {
  display: inline-block;
  width: 40x;
  height: 40px;
  background: url('../app/icons-ff/document.svg') no-repeat center center;
  background-size: contain;
}
.icon-ff-telegram-18 {
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url('../app/icons-ff/telegram.svg') no-repeat center center;
  background-size: contain;
}
.icon-ff-telephone-18 {
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url('../app/icons-ff/telephone.svg') no-repeat center center;
  background-size: contain;
}
.icon-ff-exchange-mails-18 {
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url('../app/icons-ff/exchange-mails.svg') no-repeat center center;
  background-size: contain;
}
.icon-ff-email-18 {
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url('../app/icons-ff/email.svg') no-repeat center center;
  background-size: contain;
}
.icon-ff-edit-profile-24 {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url('../app/icons-ff/edit-profile.svg') no-repeat center center;
  background-size: contain;
}
.icon-ff-key-24 {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url('../app/icons-ff/key.svg') no-repeat center center;
  background-size: contain;
}
.icon-ff-integrate-telegram-24 {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url('../app/icons-ff/integrate-telegram.svg') no-repeat center center;
  background-size: contain;
}
.icon-ff-send-telegram-24 {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url('../app/icons-ff/send-telegram.svg') no-repeat center center;
  background-size: contain;
}
.icon-ff-hourglass-24 {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url('../app/icons-ff/hourglass.svg') no-repeat center center;
  background-size: contain;
}
.icon-ff-pending-24 {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url('../app/icons-ff/pending.svg') no-repeat center center;
  background-size: contain;
}
.icon-ff-success-24 {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url('../app/icons-ff/success.svg') no-repeat center center;
  background-size: contain;
}
.icon-ff-failed-24 {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url('../app/icons-ff/failed.svg') no-repeat center center;
  background-size: contain;
}

.icon-ff-checked-62 {
  display: inline-block;
  width: 62px;
  height: 62px;
  background: url('../app/icons-ff/checked.svg') no-repeat center center;
  background-size: contain;
}
.icon-ff-checked-62 {
  display: inline-block;
  width: 62px;
  height: 62px;
  background: url('../app/icons-ff/checked.svg') no-repeat center center;
  background-size: contain;
}
.icon-ff-cancel-62 {
  display: inline-block;
  width: 62px;
  height: 62px;
  background: url('../app/icons-ff/cancel.svg') no-repeat center center;
  background-size: contain;
}
.icon-ff-eye-open-24 {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url('../app/icons-ff/open-eye.png') no-repeat center center;
  background-size: contain;
  color: #c5c5c5;
}
.icon-ff-donation-24 {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url('../app/icons-ff/donation.svg') no-repeat center center;
  background-size: contain;
}
.icon-ff-medical-check-24 {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url('../app/icons-ff/medical-check.svg') no-repeat center center;
  background-size: contain;
}