.overlay {
    background: rgba(0, 0, 0, 0.5);
    z-index: 10000;
}

#guild-emblem {
width: 150px;
height: 145px;
}

.wow-icon {
    height: 32px;
    width: 32px;
    object-fit: contain;
    border-radius: 25%;
    background-clip: border-box;
    border: 2px solid #cccccc;
}

.wow-coin-icon {
    height: 14px;
    width: 14px;
    object-fit: contain;
    vertical-align: baseline;
}

.progress-bar-container {
    border: 2px solid #cccccc;
    background-clip: border-box;
    border-radius: 25px;
    background: linear-gradient(1800deg, #333333, #606060);
}

.bar-Exalted {
    background: linear-gradient(0deg, #66aaff, #aaddff);
}

.bar-Revered {
    background: linear-gradient(0deg, #0000aa, #0000ff);
}

.bar-Honored {
    background: linear-gradient(0deg, #006600, #00aa00);
}

.bar-Friendly {
    background: linear-gradient(0deg, #00aa00, #00ff00);
}

.bar-Neutral {
    background: linear-gradient(0deg, #aa6600, #aaaa00);
}

.bar-Hostile {
    background: linear-gradient(0deg, #aa0000, #ff0000);
}

.bar-Hated {
    background: linear-gradient(0deg, #660000, #aa0000);
}

.progress-bar-text {
    text-shadow: 1px 1px #000000;
}

.border-quality-0 {
    border-color: #9d9d9d;
}

.border-quality-1 {
    border-color: #ffffff;
}

.border-quality-2 {
    border-color: #1eff00;
}

.border-quality-3 {
    border-color: #0070dd;
}

.border-quality-4 {
    border-color: #a335ee;
}

.border-quality-5 {
    border-color: #ff8000;
}

.border-quality-6 {
    border-color: #e6cc80;
}

.border-quality-7 {
    border-color: #e6cc80;
}

.border-quality-8 {
    border-color: #00ccff;
}

.gold::after,
.silver::after,
.copper::after {
    content: ' ';
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 4px;
    vertical-align: baseline;
    width: 10px;
    height: 10px;
}

.gold::after {
    background-image: url('../image.php?name=inv_misc_coin_01');
}

.silver::after {
    background-image: url('../image.php?name=inv_misc_coin_03');
}

.copper::after {
    background-image: url('../image.php?name=inv_misc_coin_05');
}

tbody.numbered {
    counter-reset: rowNumber;
}

tbody.numbered tr > td:first-child::before {
    counter-increment: rowNumber;
    content: counter(rowNumber);
    position: absolute;
    padding-top: 4px;
    padding-left: 6px;
    width: 24px;
    height: 24px;
    text-shadow: 1px 1px 2px #000000;
    color: #ffffff;
}