.icon, div.image-body, span.image-body, span.icon_info_block, span.image-body2 {
  display: inline-flex;
  width: 20px;
  height: 20px;
  background-size: contain;
  background-repeat: round;
  vertical-align: middle;
}

.icon2 {
  display: inline-flex;
  background-size: contain;
  background-repeat: round;
  vertical-align: middle;
}

.icon.bg-white {background-color: #ffffff;}

.icon.x14 { width: 14px; height: 14px; }
.icon.x16 { width: 16px; height: 16px; }
.icon.x18 { width: 18px; height: 18px; }
.icon.x20 { width: 20px; height: 20px; }
.icon.x24 { width: 24px; height: 24px; }
.icon.x25 { width: 25px; height: 25px; }
.icon.x28 { width: 28px; height: 28px; }
.icon.x30 { width: 30px; height: 30px; }
.icon.x32 { width: 32px; height: 32px; }
.icon.x34 { width: 34px; height: 34px; }
.icon.x36 { width: 36px; height: 36px; }
.icon.x38 { width: 38px; height: 38px; }
.icon.x40 { width: 40px; height: 40px; }
.icon.x44 { width: 44px; height: 44px; }
.icon.x48 { width: 48px; height: 48px; }
.icon.x50 { width: 50px; height: 50px; }
.icon.x54 { width: 54px; height: 54px; }
.icon.x60 { width: 60px; height: 60px; }
.icon.x65 { width: 65px; height: 65px; }
.icon.x70 { width: 70px; height: 70px; }
.icon.x74 { width: 74px; height: 74px; }
.icon.x100 { width: 100px; height: 100px; }

.icon.sepia {filter: sepia(1);}


.i-male {background-image: url('/templates/assets/images/gender/m.webp');}
.i-female {background-image: url('/templates/assets/images/gender/w.webp');}

.i-gold {background-image: url('/templates/assets/images/icon/gold.webp');}
.i-silver {background-image: url('/templates/assets/images/icon/silver.webp');}
.i-hp {background-image: url('/templates/assets/images/icon/hp.webp');}
.i-crystal {background-image: url('/templates/assets/images/icon/crystal.webp');}
.i-pet {background-image: url('/templates/assets/images/icon/pet.webp');}
.i-medal {background-image: url('/templates/assets/images/icon/medal.webp');}
.i-gift {background-image: url('/templates/assets/images/icon/gift.webp');}
.i-exp {background-image: url('/templates/assets/images/icon/exp.webp');}
.i-glory {background-image: url('/templates/assets/images/icon/glory.webp');}
.i-lvl {background-image: url('/templates/assets/images/icon/level.webp');}
.i-battle {background-image: url('/templates/assets/images/icon/battle.webp');}

/* Навигация */
.i-home {background-image: url('/templates/assets/images/menu/home.webp');}
.i-clan {background-image: url('/templates/assets/images/menu/clan.webp');}
.i-mail {background-image: url('/templates/assets/images/menu/mail.webp');}
.i-chat {background-image: url('/templates/assets/images/menu/chat.webp');}
.i-hero {background-image: url('/templates/assets/images/menu/hero.webp');}
.i-arena {background-image: url('/templates/assets/images/menu/arena.webp');}
.i-bag {background-image: url('/templates/assets/images/menu/bag.webp');}
.i-rating {background-image: url('/templates/assets/images/menu/rating.webp');}
.i-tops {background-image: url('/templates/assets/images/menu/tops.webp');}
.i-tavern {background-image: url('/templates/assets/images/menu/tavern.webp');}
.i-shop {background-image: url('/templates/assets/images/menu/shop.webp');}
.i-tasks {background-image: url('/templates/assets/images/menu/tasks.webp');}
.i-hike {background-image: url('/templates/assets/images/menu/hike.webp');}
.i-village {background-image: url('/templates/assets/images/menu/village.webp');}
.i-bestiary {background-image: url('/templates/assets/images/menu/bestiary.webp');}
.i-brotherhood {background-image: url('/templates/assets/images/menu/brotherhood.webp');}
.i-star {background-image: url('/templates/assets/images/menu/star.webp');}
.i-pets {background-image: url('/templates/assets/images/menu/pets.webp');}
.i-out {background-image: url('/templates/assets/images/menu/out.webp');}
.i-sword {background-image: url('/templates/assets/images/menu/sword.webp');}
.i-next {background-image: url('/templates/assets/images/menu/next.webp');}
.i-equipment {background-image: url('/templates/assets/images/menu/equipment.webp');}

.i-plot {background-image: url('/templates/assets/images/menu/plot.webp');}
.i-mine {background-image: url('/templates/assets/images/menu/mine.webp');}
.i-house {background-image: url('/templates/assets/images/menu/house.webp');}
.i-druid {background-image: url('/templates/assets/images/menu/druid.webp');}
.i-witch {background-image: url('/templates/assets/images/menu/witch.webp');}
.i-merchant {background-image: url('/templates/assets/images/menu/merchant.webp');}
.i-blacksmith {background-image: url('/templates/assets/images/menu/blacksmith.webp');}
.i-back {background-image: url('/templates/assets/images/menu/back.webp');}
.i-fafnir {background-image: url('/templates/assets/images/menu/fafnir.webp');}
.i-undead {background-image: url('/templates/assets/images/menu/undead.webp');}
.i-events {background-image: url('/templates/assets/images/menu/event.webp');}

.i-power {background-image: url('/templates/assets/images/skill/power.webp');}
.i-defense {background-image: url('/templates/assets/images/skill/protection.webp');}
.i-dexterity {background-image: url('/templates/assets/images/skill/dexterity.webp');}
.i-skill {background-image: url('/templates/assets/images/skill/skill.webp');}
.i-surv {background-image: url('/templates/assets/images/skill/survivability.webp');}


.i-warrior {background-image: url('/templates/assets/images/main/warrior.webp');}
.i-naem_silver {background-image: url('/templates/assets/images/main/silver.webp');}
.i-naem_crystal {background-image: url('/templates/assets/images/main/crystal.webp');}
.i-naem_gold {background-image: url('/templates/assets/images/main/gold.webp');}


/* .i-helmet {background-image: url('/templates/assets/images/items/25.webp');}
.i-shoulders {background-image: url('/templates/assets/images/items/2.webp');}
.i-armor {background-image: url('/templates/assets/images/items/11.webp');}
.i-gloves {background-image: url('/templates/assets/images/items/4.webp');}
.i-shield {background-image: url('/templates/assets/images/items/21.webp');}
.i-weapon {background-image: url('/templates/assets/images/items/22.webp');}
.i-trousers {background-image: url('/templates/assets/images/items/23.webp');}
.i-boots {background-image: url('/templates/assets/images/items/32.webp');} */