﻿body .sprite {
    object-fit: cover;
}

.report-table-icon {
    width: 20px;
    height: 20px;
    --size: 20;
    float: left;
}

body .DeathKnight, body .DeathKnight.do-not-change-color-on-hover:hover {
        color: #c41f3b !important
    }

    body .DeathKnight-border-color {
        border-color: #c41f3b !important
    }

    body .Druid, body .Druid.do-not-change-color-on-hover:hover {
        color: #ff7d0a !important
    }

    body .Druid-border-color {
        border-color: #ff7d0a !important
    }

    body .Hunter, body .Hunter.do-not-change-color-on-hover:hover {
        color: #abd473 !important
    }

    body .Hunter-border-color {
        border-color: #abd473 !important
    }

    body .Mage, body .Mage.do-not-change-color-on-hover:hover {
        color: #69ccf0 !important
    }

    body .Mage-border-color {
        border-color: #69ccf0 !important
    }

    body .Monk, body .Monk.do-not-change-color-on-hover:hover {
        color: #00ff98 !important
    }

    body .Monk-border-color {
        border-color: #00ff98 !important
    }

    body .Evoker, body .Evoker.do-not-change-color-on-hover:hover {
        color: #33937f !important
    }

    body .Evoker-border-color {
        border-color: #33937f !important
    }

    body .Paladin, body .Paladin.do-not-change-color-on-hover:hover {
        color: #f58cba !important
    }

    body .Paladin-border-color {
        border-color: #f58cba !important
    }

    body .Priest, body .Priest.do-not-change-color-on-hover:hover {
        color: #fff !important
    }

    body .Priest-border-color {
        border-color: #d2d2d2 !important
    }

    body .Rogue, body .Rogue.do-not-change-color-on-hover:hover {
        color: #fff569 !important
    }

    body .Rogue-border-color {
        border-color: #d0c85a !important
    }

    body .Shaman, body .Shaman.do-not-change-color-on-hover:hover {
        color: #2459ff !important
    }

    body .Shaman-border-color {
        border-color: #2459ff !important
    }

    body .Warlock, body .Warlock.do-not-change-color-on-hover:hover {
        color: #9482c9 !important
    }

    body .Warlock-border-color {
        border-color: #9482c9 !important
    }

    body .Warrior, body .Warrior.do-not-change-color-on-hover:hover {
        color: #c79c6e !important
    }

    body .Warrior-border-color {
        border-color: #c79c6e !important
    }

    body .DemonHunter, body .DemonHunter.do-not-change-color-on-hover:hover {
        color: #a330c9 !important
    }

    body .DemonHunter-border-color {
        border-color: #a330c9 !important
    }

    body .Druid:hover {
        color: #ffa330 !important
    }

    body .Hunter:hover {
        color: #d1fa99 !important
    }

    body .Mage:hover {
        color: #8ff2ff !important
    }

    body .Monk:hover {
        color: #00ffb0 !important
    }

    body .Evoker:hover {
        color: #55b39f !important
    }

    body .Paladin:hover {
        color: #ffb3e0 !important
    }

    body .Priest:hover {
        color: #d9d9d9 !important
    }

    body .Rogue:hover {
        color: #ffff8f !important
    }

    body .Shaman:hover {
        color: #4a80ff !important
    }

    body .Warlock:hover {
        color: #b8a8f0 !important
    }

    body .Warrior:hover {
        color: #edc294 !important
    }

    body .DemonHunter:hover {
        color: #c350e9
    }

    body .DeathKnight-bg {
        background-color: #c41f3b !important
    }

    body .Druid-bg {
        background-color: #ff7d0a !important
    }

    body .Hunter-bg {
        background-color: #9ec76b !important
    }

    body .Mage-bg {
        background-color: #69ccf0 !important
    }

    body .Monk-bg {
        background-color: #00ff98 !important
    }

    body .Evoker-bg {
        background-color: #33937f !important
    }

    body .Paladin-bg {
        background-color: #f58cba !important
    }

    body .Priest-bg {
        background-color: #fff !important
    }

    body .Rogue-bg {
        background-color: #fff569 !important
    }

    body .Shaman-bg {
        background-color: #2459ff !important
    }

    body .Warlock-bg {
        background-color: #9482c9 !important
    }

    body .Warrior-bg {
        background-color: #c79c6e !important
    }

    body .DemonHunter-bg {
        background-color: #a330c9 !important
    }

    body .DeathKnight-behind-text {
        background-color: #911a2e !important
    }

    body .Druid-behind-text {
        background-color: #cc630a !important
    }

    body .Hunter-behind-text {
        background-color: #78a140 !important
    }

    body .Mage-behind-text {
        background-color: #4f99bd !important
    }

    body .Monk-behind-text {
        background-color: #00ff98 !important
    }

    body .Evoker-behind-text {
        background-color: #33937f !important
    }

    body .Paladin-behind-text {
        background-color: #c27094 !important
    }

    body .Priest-behind-text {
        background-color: #8c8c8c !important
    }

    body .Rogue-behind-text {
        background-color: #807a33 !important
    }

    body .Shaman-behind-text {
        background-color: #1c47cc !important
    }

    body .Warlock-behind-text {
        background-color: #7566a1 !important
    }

    body .Warrior-behind-text {
        background-color: #9e7d57 !important
    }

    body .DemonHunter-behind-text {
        background-color: #631089 !important
    }

    body .TricksOfTheTrade, body .TricksOfTheTrade.do-not-change-color-on-hover:hover {
        color: #2599be !important
    }

    body .TricksOfTheTrade-behind-text, body .TricksOfTheTrade-bg {
        background-color: #2599be !important
    }

    body .TricksOfTheTrade:hover, body .UnholyFrenzy:hover {
        color: #35a9ce !important
    }

    body .UnholyFrenzy, body .UnholyFrenzy.do-not-change-color-on-hover:hover {
        color: #2599be !important
    }

    body .UnholyFrenzy-behind-text, body .UnholyFrenzy-bg {
        background-color: #2599be !important
    }

    body .faction-0 {
        --faction-color: rgb(102, 153, 255);
        color: var(--faction-color, rgb(102, 153, 255)) !important
    }

    body .faction-1 {
        --faction-color: rgb(224, 41, 41);
        color: var(--faction-color, rgb(224, 41, 41)) !important
    }

    body .sprite {
        object-fit: cover
    }

    body .actor-sprite-Boss {
        object-position: calc(0px*var(--size))0
    }

    body .actor-sprite-DeathKnight-Blood {
        object-position: calc(-1px*var(--size))0
    }

    body .actor-sprite-DeathKnight-BloodDPS {
        object-position: calc(-2px*var(--size))0
    }

    body .actor-sprite-DeathKnight-Frost {
        object-position: calc(-3px*var(--size))0
    }

    body .actor-sprite-DeathKnight-Lichborne {
        object-position: calc(-4px*var(--size))0
    }

    body .actor-sprite-DeathKnight-Melee {
        object-position: calc(-5px*var(--size))0
    }

    body .actor-sprite-DeathKnight-Runeblade {
        object-position: calc(-6px*var(--size))0
    }

    body .actor-sprite-DeathKnight-Unholy {
        object-position: calc(-7px*var(--size))0
    }

    body .actor-sprite-DeathKnight {
        object-position: calc(-8px*var(--size))0
    }

    body .actor-sprite-DemonHunter-Havoc {
        object-position: calc(-9px*var(--size))0
    }

    body .actor-sprite-DemonHunter-Vengeance {
        object-position: calc(-10px*var(--size))0
    }

    body .actor-sprite-DemonHunter {
        object-position: calc(-11px*var(--size))0
    }

    body .actor-sprite-Druid-Balance {
        object-position: calc(-12px*var(--size))0
    }

    body .actor-sprite-Druid-Dreamstate {
        object-position: calc(-13px*var(--size))0
    }

    body .actor-sprite-Druid-Feral {
        object-position: calc(-14px*var(--size))0
    }

    body .actor-sprite-Druid-Guardian {
        object-position: calc(-15px*var(--size))0
    }

    body .actor-sprite-Druid-Restoration {
        object-position: calc(-16px*var(--size))0
    }

    body .actor-sprite-Druid-Warden {
        object-position: calc(-17px*var(--size))0
    }

    body .actor-sprite-Druid {
        object-position: calc(-18px*var(--size))0
    }

    body .actor-sprite-Evoker-Augmentation {
        object-position: calc(-19px*var(--size))0
    }

    body .actor-sprite-Evoker-Devastation {
        object-position: calc(-20px*var(--size))0
    }

    body .actor-sprite-Evoker-Preservation {
        object-position: calc(-21px*var(--size))0
    }

    body .actor-sprite-Evoker-Ranged {
        object-position: calc(-22px*var(--size))0
    }

    body .actor-sprite-Evoker {
        object-position: calc(-23px*var(--size))0
    }

    body .actor-sprite-Hunter-BeastMastery {
        object-position: calc(-24px*var(--size))0
    }

    body .actor-sprite-Hunter-Marksmanship {
        object-position: calc(-25px*var(--size))0
    }

    body .actor-sprite-Hunter-Melee {
        object-position: calc(-26px*var(--size))0
    }

    body .actor-sprite-Hunter-Ranged {
        object-position: calc(-27px*var(--size))0
    }

    body .actor-sprite-Hunter-Survival {
        object-position: calc(-28px*var(--size))0
    }

    body .actor-sprite-Hunter {
        object-position: calc(-29px*var(--size))0
    }

    body .actor-sprite-Mage-Arcane {
        object-position: calc(-30px*var(--size))0
    }

    body .actor-sprite-Mage-Fire {
        object-position: calc(-31px*var(--size))0
    }

    body .actor-sprite-Mage-Frost {
        object-position: calc(-32px*var(--size))0
    }

    body .actor-sprite-Mage-Healer {
        object-position: calc(-33px*var(--size))0
    }

    body .actor-sprite-Mage-Ranged {
        object-position: calc(-34px*var(--size))0
    }

    body .actor-sprite-Mage {
        object-position: calc(-35px*var(--size))0
    }

    body .actor-sprite-Monk-Brewmaster {
        object-position: calc(-36px*var(--size))0
    }

    body .actor-sprite-Monk-Mistweaver {
        object-position: calc(-37px*var(--size))0
    }

    body .actor-sprite-Monk-Windwalker {
        object-position: calc(-38px*var(--size))0
    }

    body .actor-sprite-Monk {
        object-position: calc(-39px*var(--size))0
    }

    body .actor-sprite-NPC {
        object-position: calc(-40px*var(--size))0
    }

    body .actor-sprite-Paladin-Holy {
        object-position: calc(-41px*var(--size))0
    }

    body .actor-sprite-Paladin-Justicar {
        object-position: calc(-42px*var(--size))0
    }

    body .actor-sprite-Paladin-Protection {
        object-position: calc(-43px*var(--size))0
    }

    body .actor-sprite-Paladin-Retribution {
        object-position: calc(-44px*var(--size))0
    }

    body .actor-sprite-Paladin {
        object-position: calc(-45px*var(--size))0
    }

    body .actor-sprite-Pet {
        object-position: calc(-46px*var(--size))0
    }

    body .actor-sprite-Priest-Discipline {
        object-position: calc(-47px*var(--size))0
    }

    body .actor-sprite-Priest-Healing {
        object-position: calc(-48px*var(--size))0
    }

    body .actor-sprite-Priest-Holy {
        object-position: calc(-49px*var(--size))0
    }

    body .actor-sprite-Priest-Shadow {
        object-position: calc(-50px*var(--size))0
    }

    body .actor-sprite-Priest-Smiter {
        object-position: calc(-51px*var(--size))0
    }

    body .actor-sprite-Priest {
        object-position: calc(-52px*var(--size))0
    }

    body .actor-sprite-Rogue-Assassination {
        object-position: calc(-53px*var(--size))0;
    }

    body .actor-sprite-Rogue-Combat {
        object-position: calc(-54px*var(--size))0
    }

    body .actor-sprite-Rogue-Melee {
        object-position: calc(-55px*var(--size))0
    }

    body .actor-sprite-Rogue-Outlaw {
        object-position: calc(-56px*var(--size))0
    }

    body .actor-sprite-Rogue-Subtlety {
        object-position: calc(-57px*var(--size))0
    }

    body .actor-sprite-Rogue-Tank {
        object-position: calc(-58px*var(--size))0
    }

    body .actor-sprite-Rogue {
        object-position: calc(-59px*var(--size))0
    }

    body .actor-sprite-Shaman-Elemental {
        object-position: calc(-60px*var(--size))0
    }

    body .actor-sprite-Shaman-Enhancement {
        object-position: calc(-61px*var(--size))0
    }

    body .actor-sprite-Shaman-Restoration {
        object-position: calc(-62px*var(--size))0
    }

    body .actor-sprite-Shaman-Tank {
        object-position: calc(-63px*var(--size))0
    }

    body .actor-sprite-Shaman {
        object-position: calc(-64px*var(--size))0
    }

    body .actor-sprite-TricksOfTheTrade {
        object-position: calc(-65px*var(--size))0
    }

    body .actor-sprite-UnholyFrenzy {
        object-position: calc(-66px*var(--size))0
    }

    body .actor-sprite-Warlock-Affliction {
        object-position: calc(-67px*var(--size))0
    }

    body .actor-sprite-Warlock-Demonology {
        object-position: calc(-68px*var(--size))0
    }

    body .actor-sprite-Warlock-Destruction {
        object-position: calc(-69px*var(--size))0
    }

    body .actor-sprite-Warlock-Ranged {
        object-position: calc(-70px*var(--size))0
    }

    body .actor-sprite-Warlock-Tank {
        object-position: calc(-71px*var(--size))0
    }

    body .actor-sprite-Warlock {
        object-position: calc(-72px*var(--size))0
    }

    body .actor-sprite-Warrior-Arms {
        object-position: calc(-73px*var(--size))0
    }

    body .actor-sprite-Warrior-Champion {
        object-position: calc(-74px*var(--size))0
    }

    body .actor-sprite-Warrior-Fury {
        object-position: calc(-75px*var(--size))0
    }

    body .actor-sprite-Warrior-Gladiator {
        object-position: calc(-76px*var(--size))0
    }

    body .actor-sprite-Warrior-Melee {
        object-position: calc(-77px*var(--size))0
    }

    body .actor-sprite-Warrior-Protection {
        object-position: calc(-78px*var(--size))0
    }

    body .actor-sprite-Warrior-Warden {
        object-position: calc(-79px*var(--size))0
    }

    body .actor-sprite-Warrior {
        object-position: calc(-80px*var(--size))0
    }