@media (min-width: 1200px) {
    .container {
        max-width: 1440px;
    }
}

table.raiders {
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 1px 3px 0 rgba( 0 0 0 / 0.3);
}

table.raiders thead tr {
    background-color: #596275;
}

table.raiders th {
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    color: #fff;
    border: none;
}

table.raiders th:hover {
    cursor: pointer;
}

table.raiders tbody tr {
    font-size: 20px;
}

table.raiders tbody td {
    text-align: center;
}

table.raiders tbody img {
    display: block;
    margin: 0 auto;
    width: 32px;
    max-width: none;
    height: 32px;
    border: 1px solid #fff;
    border-radius: 4px;
    box-shadow: 0 1px 3px 0 rgba( 0 0 0 / 0.3);
}

table.raiders tbody td.name a,
table.raiders tbody td.name a:visited {
    text-decoration: none;
    color: #333;
}

table.raiders tbody td.name a:hover,
table.raiders tbody td.name a:focus,
table.raiders tbody td.name a:active {
    color: #ff6400;
}

table.raiders tbody img.role,
table.raiders tbody img.status,
table.raiders tbody img.static,
table.raiders tbody img.no-prof {
    box-shadow: none;
    border: none;
}

table.raiders tbody .faction img {
    border-radius: 50%;
}

table.raiders tbody td.main-spec img,
table.raiders tbody td.off-spec img,
table.raiders tbody td.prof img,
table.raiders tbody td.attune img {
    display: inline-block;
    margin: 0 2px;
}

table.raiders tbody td.name {
    text-align: left;
}

table.raiders tbody img.disabled {
    filter: grayscale(1);
    opacity: 0.5;
}

/*
span.druid      { color: rgb(201, 130, 0); }
span.hunter     { color: rgb(96, 180, 0); }
span.mage       { color: rgb(0, 148, 216); }
span.paladin    { color: rgb(192, 106, 181); }
span.priest     { color: rgb(148, 148, 148); }
span.rogue      { color: rgb(190, 178, 0); }
span.shaman     { color: rgb(51, 47, 245); }
span.warlock    { color: rgb(112, 17, 201); }
span.warrior    { color: rgb(117, 77, 53); }
*/

.bg-druid       { background-color: #ffd78e; }
.bg-hunter      { background-color: #bce992; }
.bg-mage        { background-color: #afecff; }
.bg-paladin     { background-color: #ffd9eb; }
.bg-priest      { background-color: #ededed; }
.bg-rogue       { background-color: #fffbc8; }
.bg-shaman      { background-color: #aec8ff; }
.bg-warlock     { background-color: #c1abdd; }
.bg-warrior     { background-color: #d3b59d; }
.bg-dk          { background-color: #ff9a9a; }

.category_description {
    margin-bottom: 30px;
}

.category_description p {
    color: #666;
    font-size: 13px;
    margin: 0;
}

#bfb {
    display: block;
    margin: 300px auto 0;
}




/* === MAIN MENU === */
.nav-tabs .nav-link, .icms-navbar .nav-link {
    outline-color: #dee2e6;
    border: 0;
    position: relative;
    padding: 15px;
    background-color: transparent;
}


/* === CLASSES GUIDES === */

.guides_item .fields_group {
    border: 1px solid #ddd;
    border-radius: 10px;
    margin: 0 0 30px 0;
    padding: 0;
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%);
    overflow: hidden;
}

.guides_item .icms-content-fields__group_title {
    padding: 10px 30px;
    margin: 0;
    background-color: #717287;
    color: #fff;
}

.guides_item .field.ft_html {
    padding: 30px;
}

.guides_item .ft_image .img-fluid {
    display: block;
    margin: 20px auto;
    border-radius: 10px;
}

/* ================================================= */

@media (min-width: 1200px) {
    .container {
        max-width: 1440px;
    }
}

table.guilds {
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 1px 3px 0 rgba( 0 0 0 / 0.3);
}

table.guilds thead tr {
    background-color: #596275;
}

table.guilds th {
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    color: #fff;
    border: none;
}

table.guilds th:hover {
    cursor: pointer;
}

table.guilds tbody tr {
    font-size: 20px;
}

table.guilds tbody td {
    text-align: left;
}

table.guilds tbody img {
    display: block;
    margin: 0 auto;
    width: 32px;
    max-width: none;
    height: 32px;
    border: 1px solid #fff;
    border-radius: 4px;
    box-shadow: 0 1px 3px 0 rgba( 0 0 0 / 0.3);
}

table.guilds tbody td.name a,
table.guilds tbody td.name a:visited {
    text-decoration: none;
    color: #333;
}

table.guilds tbody td.name a:hover,
table.guilds tbody td.name a:focus,
table.guilds tbody td.name a:active {
    color: #ff6400;
}

table.guilds tbody img.role,
table.guilds tbody img.status,
table.guilds tbody img.static,
table.guilds tbody img.no-prof {
    box-shadow: none;
    border: none;
}

table.guilds tbody .faction img {
    border-radius: 50%;
}