/* GENERAL CSS */
body {
    background-image: url("img/bg.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #222e3c;
    color: #d3d5d8;
}

h1, h2, .h1 {
    color: white;
}

a {
    text-decoration: none;
    font-weight: bolder;
}

.content-dark {
    background-color: #222e3c
}

.content-dark-translucent {
    background-color: #222e3ccb
}

.card-compact {
    max-height: 440px;
    overflow: auto;
}

.safe-width {
    min-width: 750px;
    width: 100%;
}

/* WoW COLORS CSS */
.faction-alliance {
    color: #6699ff;
}

.faction-horde {
    color: #e02929;
}

.faction-alliance:hover {
    color: #e02929;
}

.faction-horde:hover {
    color: #6699ff;
}

.parse:hover {
    color: white;
}

.parse-gold {
    color: #e5cc80
}

.parse-pink {
    color: #e268a8
}

.parse-orange {
    color: #ff8000
}

.parse-purple {
    color: #a335ee
}

.parse-blue {
    color: #0070ff
}

.parse-green {
    color: #1eff00
}

.parse-gray {
    color: #666
}

.class-icon {
    width: 25px;
    border-radius: 5px;
}

.class-DeathKnight {
    color: #c41f3b;
}

.class-Druid {
    color: #ff7d0a;
}

.class-Hunter {
    color: #abd473;
}

.class-Mage {
    color: #69ccf0;
}

.class-Paladin {
    color: #f58cba;
}

.class-Priest {
    color: #fff;
}

.class-Rogue {
    color: #fff569;
}

.class-Shaman {
    color: #2459ff;
}

.class-Warlock {
    color: #9482c9;
}

.class-Warrior {
    color: #c79c6e;
}

.class-DeathKnight:hover {
    color: #eb4561;
}

.class-Druid:hover {
    color: #ffa330;
}

.class-Hunter:hover {
    color: #d1fa99;
}

.class-Mage:hover {
    color: #8ff2ff;
}

.class-Paladin:hover {
    color: #ffb3e0;
}

.class-Priest:hover {
    color: #d9d9d9;
}

.class-Rogue:hover {
    color: #ffff8f;
}

.class-Shaman:hover {
    color: #4a80ff;
}

.class-Warlock:hover {
    color: #b8a8f0;
}

.class-Warrior:hover {
    color: #edc294;
}

.dps {
    color: lightgoldenrodyellow;
}
.dps:hover {
    color: #ffff8f;
}

/* Bootstrap overrides */
.btn {
    width: 45px;
    padding: .5rem;
}

.table {
    margin-bottom: 0px;
    color: inherit;
    font-weight: bold;
}

.nav-tabs {
    border-bottom: 0px solid transparent;
}

.nav-tabs .nav-link {
    color: #d3d5d8;
}

.nav-tabs .nav-item.show .nav-link .nav-tabs .nav-link.active {
    background-color: #d3d5d8;

}