.pq2 div.element-icon {
  height: 25px;
  background-size: 25px;
  background-repeat: no-repeat;
  background-position: center;
  color: transparent;
}

.pq2 div.element-icon.i2055,
.pq2 div.element-icon.phy { background-image: url('/assets/images/p5/phys.png'); }
.pq2 div.element-icon.i3583,
.pq2 div.element-icon.fir { background-image: url('/assets/images/p5/fire.png'); }
.pq2 div.element-icon.i3071,
.pq2 div.element-icon.ice { background-image: url('/assets/images/p5/ice.png'); }
.pq2 div.element-icon.i3967,
.pq2 div.element-icon.ele { background-image: url('/assets/images/p5/elec.png'); }
.pq2 div.element-icon.i3839,
.pq2 div.element-icon.win { background-image: url('/assets/images/p5/wind.png'); }
.pq2 div.element-icon.i4063,
.pq2 div.element-icon.psy { background-image: url('/assets/images/p5/psy.png'); }
.pq2 div.element-icon.i4031,
.pq2 div.element-icon.nuk { background-image: url('/assets/images/p5/nuke.png'); }
.pq2 div.element-icon.i4087,
.pq2 div.element-icon.ble { background-image: url('/assets/images/p5/bless.png'); }
.pq2 div.element-icon.i4079,
.pq2 div.element-icon.cur { background-image: url('/assets/images/p5/curse.png'); }
.pq2 div.element-icon.ail { background-image: url('/assets/images/p5/ailment.png'); }
.pq2 div.element-icon.rec { background-image: url('/assets/images/p5/healing.png'); }
.pq2 div.element-icon.i4095,
.pq2 div.element-icon.alm { background-image: url('/assets/images/p5/almighty.png'); }
.pq2 div.element-icon.i2047,
.pq2 div.element-icon.sup { background-image: url('/assets/images/p5/support.png'); }
.pq2 div.element-icon.nav { background-image: url('/assets/images/p5/trait.png'); }
.pq2 div.element-icon.pas { background-image: url('/assets/images/p5/passive.png'); }

.pq2 th.title, .pq2 th.nav.active, .pq2 th.nav.active a {
  color: white;
  background-color: #ff4800;
}

.pq div.element-icon {
  height: 25px;
  background-size: 25px;
  background-repeat: no-repeat;
  background-position: center;
  color: transparent;
}
  
.pq div.element-icon.cut { background-image: url('/assets/images/p5/sword.png'); }
.pq div.element-icon.i3584,
.pq div.element-icon.i3591,
.pq div.element-icon.bas { background-image: url('/assets/images/p5/phys.png'); }
.pq div.element-icon.sta { background-image: url('/assets/images/p5/gun.png'); }
.pq div.element-icon.i376,
.pq div.element-icon.i383,
.pq div.element-icon.i3960,
.pq div.element-icon.i3967,
.pq div.element-icon.fir { background-image: url('/assets/images/p5/fire.png'); }
.pq div.element-icon.i248,
.pq div.element-icon.i255,
.pq div.element-icon.i3832,
.pq div.element-icon.i3839,
.pq div.element-icon.ice { background-image: url('/assets/images/p5/ice.png'); }
.pq div.element-icon.i472,
.pq div.element-icon.i479,
.pq div.element-icon.i4056,
.pq div.element-icon.i4063,
.pq div.element-icon.ele { background-image: url('/assets/images/p5/elec.png'); }
.pq div.element-icon.i440,
.pq div.element-icon.i447,
.pq div.element-icon.i4024,
.pq div.element-icon.i4031,
.pq div.element-icon.win { background-image: url('/assets/images/p5/wind.png'); }
.pq div.element-icon.i496,
.pq div.element-icon.i503,
.pq div.element-icon.i4080,
.pq div.element-icon.i4087,
.pq div.element-icon.lig { background-image: url('/assets/images/p5/bless.png'); }
.pq div.element-icon.i488,
.pq div.element-icon.i495,
.pq div.element-icon.i4072,
.pq div.element-icon.i4079,
.pq div.element-icon.dar { background-image: url('/assets/images/p5/curse.png'); }
.pq div.element-icon.ail { background-image: url('/assets/images/p5/ailment.png'); }
.pq div.element-icon.rec { background-image: url('/assets/images/p5/healing.png'); }
.pq div.element-icon.i504,
.pq div.element-icon.i511,
.pq div.element-icon.i4088,
.pq div.element-icon.i4095,
.pq div.element-icon.alm { background-image: url('/assets/images/p5/almighty.png'); }
.pq div.element-icon.sup { background-image: url('/assets/images/p5/support.png'); }
.pq div.element-icon.nav { background-image: url('/assets/images/p5/trait.png'); }
.pq div.element-icon.pas { background-image: url('/assets/images/p5/passive.png'); }

.pq th.title, .pq th.nav.active, .pq th.nav.active a {
  color: black;
  background-color: #AA1CA9;
}

.p5t div.element-icon {
  height: 25px;
  background-size: 25px;
  background-repeat: no-repeat;
  background-position: center;
  color: transparent;
}
  
.p5t div.element-icon.phy { background-image: url('/assets/images/p5/phys.png'); }
.p5t div.element-icon.gun { background-image: url('/assets/images/p5/gun.png'); }
.p5t div.element-icon.fir { background-image: url('/assets/images/p5/fire.png'); }
.p5t div.element-icon.ice { background-image: url('/assets/images/p5/ice.png'); }
.p5t div.element-icon.ele { background-image: url('/assets/images/p5/elec.png'); }
.p5t div.element-icon.win { background-image: url('/assets/images/p5/wind.png'); }
.p5t div.element-icon.psy { background-image: url('/assets/images/p5/psy.png'); }
.p5t div.element-icon.nuk { background-image: url('/assets/images/p5/nuke.png'); }
.p5t div.element-icon.ble { background-image: url('/assets/images/p5/bless.png'); }
.p5t div.element-icon.cur { background-image: url('/assets/images/p5/curse.png'); }
.p5t div.element-icon.i1023,
.p5t div.element-icon.alm { background-image: url('/assets/images/p5/almighty.png'); }
.p5t div.element-icon.rec { background-image: url('/assets/images/p5/healing.png'); }
.p5t div.element-icon.sup { background-image: url('/assets/images/p5/support.png'); }
.p5t div.element-icon.pas { background-image: url('/assets/images/p5/passive.png'); }

.p5t th.title, .p5t th.nav.active, .p5t th.nav.active a {
  color: white;
  background-color: #f41000;
}

.p3r th.title, .p3r th.nav.active, .p3r th.nav.active a {
  color: black;
  background-color: #4372AA;
}

.p3r div.element-icon {
  height: 25px;
  background-size: 25px;
  background-repeat: no-repeat;
  background-position: center;
  color: transparent;
}

.p3r div.element-icon.i3583,
.p3r div.element-icon.i3585,
.p3r div.element-icon.sla { background-image: url('/assets/images/p5/sword.png'); }
.p3r div.element-icon.i2047,
.p3r div.element-icon.i3615,
.p3r div.element-icon.str { background-image: url('/assets/images/p5/phys.png'); }
.p3r div.element-icon.i3071,
.p3r div.element-icon.i4065,
.p3r div.element-icon.pie { background-image: url('/assets/images/p5/gun.png'); }
.p3r div.element-icon.i3967,
.p3r div.element-icon.i3843,
.p3r div.element-icon.i3955,
.p3r div.element-icon.i3949,
.p3r div.element-icon.fir { background-image: url('/assets/images/p5/fire.png'); }
.p3r div.element-icon.i3839,
.p3r div.element-icon.i3715,
.p3r div.element-icon.i3827,
.p3r div.element-icon.i3821,
.p3r div.element-icon.ice { background-image: url('/assets/images/p5/ice.png'); }
.p3r div.element-icon.i4063,
.p3r div.element-icon.i3651,
.p3r div.element-icon.i4051,
.p3r div.element-icon.i4045,
.p3r div.element-icon.ele { background-image: url('/assets/images/p5/elec.png'); }
.p3r div.element-icon.i4031,
.p3r div.element-icon.i3619,
.p3r div.element-icon.i4019,
.p3r div.element-icon.i4013,
.p3r div.element-icon.win { background-image: url('/assets/images/p5/wind.png'); }
.p3r div.element-icon.i4083,
.p3r div.element-icon.i3603,
.p3r div.element-icon.lig { background-image: url('/assets/images/p5/bless.png'); }
.p3r div.element-icon.i4077,
.p3r div.element-icon.i3597,
.p3r div.element-icon.dar { background-image: url('/assets/images/p5/curse.png'); }
.p3r div.element-icon.i493,
.p3r div.element-icon.ail { background-image: url('/assets/images/p5/ailment.png'); }
.p3r div.element-icon.i499,
.p3r div.element-icon.rec { background-image: url('/assets/images/p5/healing.png'); }
.p3r div.element-icon.i4095,
.p3r div.element-icon.alm { background-image: url('/assets/images/p5/almighty.png'); }
.p3r div.element-icon.i511,
.p3r div.element-icon.i4088,
.p3r div.element-icon.spe { background-image: url('/assets/images/p5/trait.png'); }
.p3r div.element-icon.sup { background-image: url('/assets/images/p5/support.png'); }
.p3r div.element-icon.pas { background-image: url('/assets/images/p5/passive.png'); }
