/* =========================================================================
   AresWhiteOriginal  ->  clone do "AresWhite2 / Mu Millennial" (TemplatesMW)
   Porta o visual do layout Morpheus (default.phtml) para o WebEngine CMS 1.2.x
   - Reskin das variaveis do style.css para o tema CLARO do Millennial
   - Bloco <style> original do default.phtml abaixo (paths -> ../img/)
   Carregado DEPOIS de style.css / override.css.
   ========================================================================= */

:root{
  --webenginebg1:#dfdfe7;            /* page bg fallback */
  --webenginebg2:#f0f0f0;            /* container bg */
  --webenginebg3:#ebe9e9;            /* footer bg */

  --webenginecolor1:#0078dc;         /* primary highlight */
  --webenginecolor2:#000000;         /* text */
  --webenginecolor3:#0078dc;         /* links */
  --webenginecolor4:#143256;         /* links hover */

  --webenginecolor5:#e9edf1;         /* panel header bg */
  --webenginecolor6:#0078dc;         /* panel header text */
  --webenginecolor7:#cfcecf;         /* panel header border */

  --webenginecolor8:#525252;         /* button bg */
  --webenginecolor9:#ffffff;         /* button text */
  --webenginecolor10:#2e2e2e;        /* button border */
  --webenginecolor11:#3d3d3d;        /* button bg hover */
  --webenginecolor12:#ffffff;        /* button text hover */
  --webenginecolor13:#000000;        /* button border hover */

  --webenginecolor14:#5c5c5c;        /* alt text / footer text */
  --webenginecolor63:#cacaca;        /* footer hr */

  --webenginecolor15:#ffffff;        /* input bg */
  --webenginecolor16:#c1bfbf;        /* borders */
  --webenginecolor17:#333333;        /* input text */
  --webenginecolor18:#999999;        /* input border hover */

  --webenginecolor19:#000000;        /* navbar link */
  --webenginecolor20:#143256;        /* navbar link hover */

  --webenginecolor21:#dfe0e8;        /* news footer border */
  --webenginecolor22:#ffffff;        /* news bg */
  --webenginecolor23:#5c5c5c;        /* news footer text */

  --webenginecolor24:#f0f0f0;        /* rankings menu bg */
  --webenginecolor25:#000000;        /* rankings menu link */
  --webenginecolor26:#0078dc;        /* rankings menu link active */

  --webenginecolor27:#f0f0f0;        /* table/panel bg */
  --webenginecolor28:#e9e9e9;        /* alt table bg */

  --webenginecolor33:#000000;        /* usercp sidebar link */
}

/* o style.css define min-width 1040; o layout Millennial usa 1105 */
html{ min-width:1105px; }

/* paineis / noticias / tabelas do motor legado, dentro da caixa branca */
.panel{ background:var(--webenginecolor27); border:1px solid var(--webenginecolor16); border-radius:6px; overflow:hidden; }
.panel-heading{ background:linear-gradient(180deg,#f0f0f0,#e5e5e5); border-bottom:1px solid var(--webenginecolor7); }
.panel-title{ color:#0078dc; font-family:'Roboto Condensed',sans-serif; font-weight:bold; text-transform:uppercase; }
.home-news-block{ background:#fff; border:1px solid var(--webenginecolor16); border-radius:6px; }

/* --- ponte com o Bootstrap (carregado para o markup dos modulos legados) --- */
/* o layout Millennial usa .container como wrapper simples; neutraliza a
   geometria fixa do .container do Bootstrap dentro do .wrap */
.wrap .container{ width:auto; max-width:none; padding:0; margin:0; }
/* a coluna de conteudo ja tem padding via .c; evita overflow horizontal das .row */
.wrap .main .content .row{ margin-left:0; margin-right:0; }

/* =================== bloco <style> original do default.phtml =================== */

ul.posts li p {
    padding: 0;
    margin: 0;
    line-height: 0;
}
.wrap .main .top {
    background: transparent;
    display: none;
}
div#guiasjsz {
    margin: 0 auto;
    width: 590px;
}
div#TOP\ CHARS\ JSCALLZER {
    height: 420px;
}
.shop {
    margin: 0 auto;
    margin: 20px 0 20px 60px;
}
.top-news-block.news.block::before {
    content: '';
    display: block;
    width: 560px;
    height: 304px;
    position: absolute;
    z-index: 1;
    margin: 0 0 0 70px;
    background-image: linear-gradient(to right, #ff000000 , #1f1f1fde, #1f1f1f, #1f1f1f);
}
.top-news-block .news-info h2 {
    border-bottom: 1px solid #dfe0e8;


}
.menu a:hover {
    color: #143256;
}
.wrap .main .sidebar.right .container .space {
    height: -13px;
    margin: 0 0 -11px 0;
}

.morpheus-inventory {
    float: left;
    margin: 0 0 0 14px;
}
.morpheus-warehouse {
    margin: 0 0 0 0;
}
div#baujscallzer {
    margin: 0 0 0 16px;
}
.bank-accounts {
    text-align: left;
    margin: 30px 0 20px 0;
    background: #f0f0f0;
    padding: 7px 7px 27px 24px;
}
.bank h3 {
    padding: 0 !important;
}
.bank {
    font-size: 13px;
}
.btn-secondary {
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0.05,#565656),color-stop(1,#494848));
    border: none;
    font-size: 15px;
    text-shadow: none;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
}
.rankings {
    width: 785px;
    margin: 0 0 0 30px;
}
i.fa.fa-users {
    background: url(../img/transferir.jpg) no-repeat;
    background-size: 83%;
    width: 15px;
    height: 15px;
    display: block;
}
.market .market-search {
    width: 129px;
    float: left;
    margin-right: 33px;
    margin: 0 0 0 10px;
    font-size: 13px;
}
.market .market-search .title {
    background-color: #371215;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    box-shadow: inset 0 0 2px #000;
    font-size: 12px;
    margin: 4px 0;
    color: #fff;
    text-align: center;
    padding: 5px;
    font-family: 'Roboto Condensed', sans-serif;;
    font-weight: bold;
    text-transform: uppercase;
}
.market .market-options a {
    border: 2px solid #9e9e9e;
    margin: 10px;
    padding: 10px 20px;
    border-radius: 5px;
    background: #343434;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 13px;
    color: #fff;
}
table.custom {
    width: 93%;
    margin: 0 auto;
}
h4 {
    width: 93%;
    margin: 6px auto 6px auto;
}

div#tipo {
    display: contents;
}
div#Guild\ \  div#tipo {
    display: none;
}
div#Pk\ Tempo\ real div#tipo {
    display: none;
}
div#VIP\ SILVER .level {
    color: #fff;
}
div#VIP\ GOLD .level {
    color: #fff;
}
div#Resets\ Tempo\ real {
    display: none;
}
div#Resets\ Mensal {
    margin: 0 0px 0 10px;
    height: 209px;
}
.rankings .character .level, .rankings .guild .level {
    margin: 2px 0 6px;
    font-size: 14px;
    color: #000000;
    font-weight: 700;
}
.wrap .main .content .container {
    background: transparent;
}

.wrap .main .sidebar.right {
    width: 284px;
    float: right;
    margin: 5px  0 0 0;
    padding: 15px 0 0 0;
    border-radius: 7px;
    background: transparent;
}
a.btn, a.morpheus-popup-btn, button.btn {
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0.05,#3e3e3e),color-stop(1,#978f8c));
    border: none !important;
    padding: 5px !important;
    font-size: 12px;
    margin: 5px 0 0 0;
}
div#base2x {
    background: linear-gradient(180deg, #f0f0f0, #e5e5e5);
    margin: 0 0 0 -21px;
    padding: 0 0 0 0;
    width: 106%;
}
.wrap .main .sidebar.right .container .box ul li {
    padding: 3px;
    line-height: 12px;
    color: #000;
    border-bottom: 1px solid #ccc;
    font-size: 12px;
}
.wrap .main .content .content-middle {
    background: transparent;
}
.wrap .main .sidebar.right .sidebar-bottom {
    background: transparent;
}
.fullscreen-bg__video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
}
html {
    overflow-x: hidden;
}
.wrap .main .content {
    width: 810px;
    float: left;
    background: transparent;
    padding: 15px 0 0 0;
    margin: 5px 0 20px 0;
}

.market-items .item {
    margin: 10px 20px 0 30px !important;
    background: #371215;
}
.box-bottom {
    display: none;
}

.wrap .header {
    height: 278px;
    margin: 30px 0 160px 0;
}
.wrap .main .content .container h1.title {
    margin: 0;
    height: 30px;
    margin-bottom: 8px;
    color: #0078dc;
    background: linear-gradient(180deg, #f0f0f0, #e5e5e5) !important;
    font-size: 16px;
    border-bottom: 1px solid #cfcecf !important;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: bold;
    padding: 16px 11px 4px 11px;
    border-radius: 0;
    text-transform: uppercase;
}
table.list tbody tr td {
    padding: 4px;
    background: linear-gradient(180deg, #d1d1d1, #e5e5e5) !important;
    border-bottom: 1px solid #ccc;
}
.top-player-group.top-players-group-3 {
    background: #ccc;
    margin: 0 9px 22px 0 !important;
    padding: 10px 2px;
}
.top-players .type, .top-players-group .type {
    background: transparent;
    border-radius: 4px;
    padding: 3px 3px 6px 3px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 13px;
}
table.list tr {
    height: 35px;
}
.sy-slide > img {
    margin: 0;
    padding: 0;
    display: block;
    width: 100%;
    border: 0;
    border-radius: 11px;
    border: 1px solid #ccc;
}
.sy-box {
    box-shadow: 0 0 11px #c4c3c4;
    border-radius: 14px;
}
div#menujscallzer ul li a {
    color: #000;
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: uppercase;
    font-weight: 400;
}
div#menujscallzer ul li {
    margin: 0 26px 0 0;
    display: inline;
    font-size: 16px;
}
ul.sy-pager {
    margin: -25px 0 30px 0;
    position: relative;
    z-index: 1111;
}
.sy-pager li a {
    width: 100%;
    height: 100%;
    display: block;
    background-color: #ccc;
    text-indent: -9999px;
    -webkit-background-size: 2em 2em;
    background-size: 2em;
    border-radius: 0;
    box-shadow: 0 0 11px #fefdf7;
}
.form .submit {
    margin-top: 10px;
    margin: 20px 0 0 23px;
}
.characters .character:hover {
    background: #fff;
    color: #000;
    text-shadow: none;
}
ul.credit-shop img {
    width: 50%;
    width: 180px;
    margin: -17px -3px 0 2%;
    background: #ccc;
    height: 123px;
}
.credit-shop .desc {
    background: transparent;
    text-align: center;
    height: 100px;
    padding: 20px 0px 0 0;
    line-height: 1.3em;
    margin-bottom: 2px;
    width: 172px;
    margin: 0 -6px 0 -6px;
    font-size: 17px;
    font-weight: bold;
    color: #000;
    font-family: 'Roboto Condensed', sans-serif;;
    letter-spacing: 1px;
}
.credit-shop .title {
    margin: 2px;
    font-size: 14px;
    width: 130px;
    letter-spacing: 0;
    font-size: 13px;
    line-height: 14px;
    font-weight: bold;
}

.buy a {
    background: green;
    text-transform: uppercase;
}
#morpheus-popup-container .morpheus-popup-panel .morpheus-popup-btn {
    color: #fff;
    background: #000 !important;
    display: grid;
}
.shop-categories .title {
    background-color: #b9402f;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    box-shadow: inset 0 0 2px #000;
    font-size: 12px;
    margin: 4px 0;
    color: #fff;
    font-family: 'Roboto Condensed', sans-serif;;
    padding: 5px;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
}
a#saibamais {
    float: right;
    background: linear-gradient(180deg, #505050, #505050) !important;
    border-radius: 4px;
    padding: 0 14px;
    color: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 0 3px #000;
    margin: -1px 8px 0 0;
    font-size: 12px;
    text-transform: uppercase;
}
a#todasaspostagensjscallzer {
    float: right;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0.05,#5f5357),color-stop(1,#000000));
    padding: 0 2px 0 6px;
    border-radius: 9px;
    color: #fff;
    width: 12px;
    height: 18px;
    line-height: 19px;
    border: 1px solid #ccc;
}
.wrap .main .sidebar.right .container .box .loading-login {
    width: 53px;
    height: 43px;
    position: absolute;
    right: 34px;
    top: 152px;
}
.loading-login img {
    width: 50px;
}
.item {
    background: #999;
    margin: 0 11px 30px -2px !important;
    color: #fff;
    border-radius: 7px;
}
.shop-itens {
    width: 77%;
    float: right;
    margin: 10px 0 0 0;
}
.shop-itens .item {
    width: 129px;
    margin: 0;
    padding: 4px 2px 5px;
    float: left;
}
.item:hover {
    background: #b9402f;
}
.product-detail {
    margin: 30px 0 0 31px;
}
.detail input.btn {
    background: green;
}
.credit-shop li {
    text-align: center;
    width: 178px;
    padding-right: 10px;
    float: left;
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
    background: #999;
    margin: 20px -5px 29px 35px;
    padding: 6px;
    border-radius: 7px;
}
li#Basic {
    width: 174px;
}
li#Lite {
    width: 174px;
}
li#Vip\ Hero\ 30\ Dias {
    width: 174px;
}
li#Vip\ Gold\ 30\ Dias {
    width: 174px;
}
li#Standard {
    width: 180px;
}
.credit-shop li:hover {
    background: #72353d;
    color: #fff;
}
.sy-pager li {
    display: inline-block;
    width: 1.2em;
    height: 1.2em;
    margin: 0 1em 0 0;
    border-radius: 0 !important;
    float: left;
    margin: 0 -11px 0 21px;
}
.sy-pager li.sy-active a {
    background-color: #0078dc;
}
div#menujscallzer ul {
    width: 990px;
    margin: 0 auto;
}
.wrap .language {
    position: absolute;
    right: 10px;
    top: -93px;
    font-size: 15px;
    border-radius: 4px;
    padding: 0 3px;
    z-index: 111111;
}
.language img {
    border: 1px solid #ccc;
    border-radius: 49px;
    width: 16px;
    height: 16px;
    box-shadow: 0 0 11px #000;
}
.characters .character {
    width: 99px;
    float: left;
    margin: 0 5px;
    text-align: center;
    background: #999;
    border-radius: 7px;
    margin: 0 0 0 13px;
    font-family: 'Roboto Condensed', sans-serif;;
    font-weight: bold;
    color: #fff;
    text-shadow: 0 0 11px #000;
}
/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #76050b; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #76050b; 
}
div#menujscallzer ul li a:hover {
    color: #000;
    text-shadow: 0 0 11px #ccc;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #fff; 
}
.event {
    font-family: 'Roboto Condensed', sans-serif;;
    font-weight: bold;
}
.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  padding: 12px 16px;
  z-index: 1;
}

.dropdown:hover .dropdown-content {
  display: block;
}
div#menujscallzer {
    z-index: 11111;
    position: relative;
    width: 100%;
    height: 46px;
    padding: 15px 0 0 0;
    font-size: 15px;
    box-shadow: 0 0 41px #c1c1c1;
    border-bottom: 4px solid #ccc;
    background: #faf7f2cf;
}
div#msgboasvindas a:hover {
    text-decoration: none;
    filter: brightness(1.1);
}

.wrap .main {
    width: 1105px;
    background: #f0f0f0;
    display: flow-root;
    padding: 6px;
    border-radius: 10px;
    border: solid 2px #a9abae;
    box-shadow: 0 0 22px #d3d3d3, 0 0 22px #f0f0f0;
}
div#base2x h1.title {
    width: 787px;
}
.panel .panel-services li a {
    display: block;
    padding: 5px;
    border-bottom: 1px solid #ccc;
    padding-left: 17px;
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: uppercase;
    font-size: 12px;
    color: #000 !important;
}
.rankings .character .rank-down, .rankings .character .rank-stayed, .rankings .character .rank-up, .rankings .guild .rank-down, .rankings .guild .rank-stayed, .rankings .guild .rank-up {
    color: #7B7A79;
    font-weight: 700;
    position: absolute;
    right: 10px;
    font-size: 15px;
    top: 8px;
    opacity: 0;
}
.wrap .header .logotipo {
    width: 100%;
    position: absolute;
    left: 0;
    text-align: center;
    top: 180px;
}
.logotipo img {
    width: 40%;
    margin: -35px 0 0 0;
}
body {
    background: url(../img/bgmw.jpg) no-repeat 0% -1%;
    background-color: #dfdfe7;
    background-size: 100%;
}
div#rodapjes img {
    margin: -20px 0 0 100px;
}
.footer {
    width: 1105px;
    text-align: center;
    float: left;
    padding-top: 50px;
    padding-bottom: 20px;
    display: flex;
}
.wrap {
    width: 1105px;
    margin: 0 auto;
    position: relative;
}
.wrap .main .sidebar.right .container .title {
    margin: 0;
    height: 27px;
    line-height: 27px;
    color: #0078dc;
    background: linear-gradient(180deg, #f0f0f0, #e5e5e5) !important;
    font-size: 15px;
    border: 1px solid #c1bfbf;
    width: 242px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: bold;
    padding: 4px 11px;
    text-transform: uppercase;
}
.wrap .main .sidebar.right .container .box {
    padding: 5px 9px;
    color: #000000;
    background: linear-gradient(180deg, #ffffff, #e5e5e5) !important;
    border: 1px solid #c1bfbf;
    border-bottom: solid 3px #a9abae;
    margin: -4px 0 30px 0;
    width: 245px;
}
.event {
    font-size: 14px;
}
.wrap .main .sidebar.right .container .box ul {
    margin: 0;
    list-style: none;
    width: 100%;
}

.wrap .main .sidebar.right .container .box ul li span.text {
    color: #000;
    float: right;
    font-weight: 400;
}
span.time.label-default {
    float: right;
    color: #000;
    font-weight: bold;
}
.event {
    display: flow-root;
    border-bottom: 1px solid #ccc;
    padding: 3px 0;
}
span.time.bg-success {
    float: right;
    color: green;
    font-weight: bold;
    text-shadow: 0 0 11px;
}
div#msgboasvindas {
    display: inline-grid;
    position: relative;
}
div#smsprojscallzer {
    width: 430px;
    height: 59px;
    margin: -92px 0 19px 310px;
    border-radius: 7px;
    box-shadow: inset 0 0 11px #0006;
    text-align: center;
    padding: 20px 0 10px 0;
    background: url(../img/rodapejz.jpg) -200px 100px;
    font-size: 15px;
    border: 1px solid #c1bfbf;
    border-bottom-color: transparent;
    font-family: 'Roboto Condensed', sans-serif;;
    font-weight: bold;
    margin: -117px 0 0 309px;
    letter-spacing: 0px;
    line-height: 17px;
}
div#botaodownloadlogojscallzer2 {
    margin: -21px 0 19px 0;
}
.wrap .language .active {
    border: none;
}
input#loginjscallzer {
    width: 190px;
    height: 42px;
    color: #fff;
    text-align: center;
    padding: 0;
    font-size: 12px;
    background: #9e9e9e;
    border: 1px solid #505050;
    margin: 10px 0 0 0;
    border-radius: 6px;
    filter: hue-rotate( 305deg);
    text-align: left;
    height: 37px;
    margin: 11px 0 0 20px;
    padding: 0 0 0 18px;
}
input#logaaijs {
    padding: 5px !important;
    background: linear-gradient(0deg, #e6e6e6, #fdfdfd);
    cursor: pointer;
    transition: all .2s ease-in-out;
    font-size: 12px;
    width: 114px;
    border: 3px solid #999 !important;
    color: #000;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: bold;
    margin: 125px 17px 0 64px;
    display: block;
    border-radius: 9px;
    text-transform: uppercase;
    height: 35px;
    box-shadow: 0 0 1px #0000009e;
}
.shop-categories ul li a {
    display: block;
    padding: 5px;
    border-bottom: 1px solid #ccc;
    padding-left: 17px;
    filter: hue-rotate( 277deg);
}
.shop-categories ul li:hover {
    background: #b9402f;
    color: #fff;
}
.breadcrumber li {
    display: inline;
    font-weight: 400;
    font-family: 'Roboto Condensed', sans-serif;;
    font-weight: bold;
    font-size: 12px;
    text-transform: uppercase;
}
.shop-categories {
    width: 129px;
    float: left;
    margin-right: 10px;
    margin: 0 0 0 7px;
}
.rankings .character .level, .rankings .guild .level {
    margin: 2px 0 6px;
    font-size: 14px;
    color: green;
    font-weight: 700;
}
.rankings .character .name, .rankings .guild .name {
    font-size: 13px;
    margin: 0;
    font-weight: bold;
}
.rankings .character .rank, .rankings .guild .rank {
    position: absolute;
    bottom: 5px;
    right: 5px;
    font-size: 12px;
    -moz-border-radius: 5px;
    border-radius: 0;
    height: 15px;
    line-height: 20px;
    background-image: linear-gradient(to right, #ff000000 , black);
    margin: 0 0px 0 0px;
    color: #fff !important;
    position: absolute;
    margin: -3px 301px 71px 182px;
    font-weight: bold;
    text-transform: uppercase;
    z-index: 111111;
    background: #181818;
    color: #fff !important;
    text-align: center;
    font-family: arial;
    border-radius: 47px;
    padding: 3px 1px 6px 3px;
    box-shadow: 0 0 11px #7c7c7c, 0 0 11px #e9e9e9, 0 0 11px #b1b1b1, 0 0 11px #b1b1b1;
}
a:hover {
    opacity: 0.9;
}
.top-players .data-name img, .top-players .data-name svg, .top-players-group .data-name img, .top-players-group .data-name svg {
    margin-right: 5px;
    border: 1px solid #ccc;
    box-shadow: 0 0 2px #000;
}
.forgot-password a {
    color: #000;
}
div#playnet a {
    color: #000;
    font-weight: bold;
}

div#playnet span {
    font-weight: bold;
}
select#event-spotlight-category {
    font-size: 16px;
    text-align: center;
}
div#playnet p {
    color: #fff !important;
}
div#playnet {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: bold;
    font-size: 15px !important;
    margin: 0 0 0 13%;
    color: #fff !important;
}
.forgot-password {
    padding: 14px 0 20px 0;
}
.box-panel .box-panel-content {
    border: none;
    outline: none;
    padding: 5px;
    clear: both;
    display: block;
    margin: 0 2px;
    background: #f0f0f0;
    padding: 14px;
    font-family: 'Roboto Condensed', sans-serif;;
    text-transform: uppercase;
    font-weight: bold;
}
.breadcrumber {
    list-style: none;
    margin: -5px 0 5px;
    padding: 0;
    background: #f0f0f0;
    padding: 5px;
    text-align: center;
}
p.author-created {
    text-transform: uppercase;
    letter-spacing: 0px;
    color: #5c5c5c !important;
    font-size: 13px !important;
    float: right;
    padding: 7px !important;
    line-height: 0.3em;
}
ul.posts li {
    font-family: 'Roboto Condensed', sans-serif;;
    font-weight: bold;
    font-size: 13px !important;
    letter-spacing: 0px;
}
a:hover {
    color: #000;
    text-decoration: none;
}
.btn-secondary {
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0.05,#464646),color-stop(1,#161616));
    border: none;
    font-size: 15px;
    text-shadow: none;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
}
.btn-secondary:hover {
    background: #3d3d3d;
    border: 1px solid #000;
    font-weight: bold;
    color: #fff;
}
.btn-secondary.active {
    background: #000;
}
.rankings .character, .rankings .guild {
    position: relative;
    width: 325px;
    float: left;
    height: 88px;
    padding: 4px 0;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    margin-top: -1px;
    background: linear-gradient(180deg, #f0f0f0, #e5e5e5) !important;
    border: 1px solid #ccc !important;
    margin: 0 5px 25px 6px;
    box-shadow: 0 0 11px #ccc;
}

.castle-siege .mark {
    position: absolute;
    width: 126px;
    height: 126px;
    top: 48px;
    left: 5px;
    background: #e8e8e83b;
    margin: -20px 0 0 50px;
    box-shadow: 0 0 11px #000;
}
.castle-siege .owner {
    position: absolute;
    font-weight: 700;
    color: #fff;
    top: 18px;
    width: 113px;
    height: 19px;
    line-height: 19px;
    text-align: center;
    left: 10px;
}
.castle-siege .owner {
    position: absolute;
    font-weight: 700;
    color: #fff;
    top: 18px;
    width: 113px;
    height: 19px;
    line-height: 19px;
    text-align: center;
    left: 10px;
    background: linear-gradient(93deg, #000000, #e5e5e500) !important;
    height: 36px;
    margin: 10px 0 0 174px;
    font-size: 12px;
    padding: 10px 0 0 10px;
    font-family: 'Roboto Condensed', sans-serif;;
    text-shadow: 0 0 11px #ccc !important;
    line-height: 13px;
    width: 150px !important;
    text-align: left !important;
}
.castle-siege .image {
    position: absolute;
    width: 68px;
    height: 74px;
    right: 58px;
    top: 77px;
    display: none;
}
.castle-siege .next {
    position: absolute;
    bottom: 13px;
    font-weight: 700;
    color: #fff;
    left: 550px;
    height: 19px;
    line-height: 19px;
    text-align: right;
    width: 241px;
    text-transform: uppercase;
    font-family: 'Roboto Condensed', sans-serif;
    background: linear-gradient(93deg, #e5e5e500 , #000000) !important;
    padding: 0 11px 0 3px;
    font-size: 13px;
}
.wrap .main .sidebar.right .container .box ul li a {
    font-family: 'Roboto Condensed', sans-serif;;
    text-transform: uppercase;
    font-weight: bold;
    color: #000;
}
.wrap .main .sidebar.right .container .box ul li {
    padding: 3px;
    line-height: 20px;
    color: #000;
    border-bottom: 1px solid #d6d7db;
    font-size: 15px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
}
.status {
    visibility: hidden;
}
.data-name img {
    height: 24px;
}
.top-players .top-player-group.top-players-group-3:nth-child(3n), .top-players-group .top-player-group.top-players-group-3:nth-child(3n) {
    margin-right: 0;
    height: 247px;
}
.wrap .main .content .container .c {
    position: relative;
    z-index: 10;
    margin-top: -5px;
    margin-left: 22px;
    margin-right: 22px;
    background: #e6e6e6;
    padding: 0 0 21px 0;
    border-radius: 7px;
    box-shadow: 0 0 11px #bbbabb;
}
.wrap .main .sidebar.right .container .box ul li a {
    font-family: 'Roboto Condensed', sans-serif;;
    text-transform: uppercase;
    font-weight: bold;
    color: #000;
    filter: hue-rotate( 277deg);
    background-position: -9px 7px;
}
.master {
    position: absolute;
    font-weight: 700;
    color: #fff;
    top: 18px;
    width: 113px;
    height: 19px;
    line-height: 19px;
    text-align: center;
    left: 10px;
    background: linear-gradient(93deg, #000000, #e5e5e500) !important;
    height: 46px !important;
    margin: 60px 0 0 174px;
    font-size: 12px;
    padding: 10px 0 0 11px;
    font-family: 'Roboto Condensed', sans-serif;;
    text-shadow: 0 0 11px #ccc !important;
    line-height: 13px;
    width: 150px !important;
    text-align: left !important;
}
.castle-siege .owner span {
    font-size: 14px;
    padding: 3px 0 0 0 !important;
    display: block;
}
.box-panel-title {
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0.05,#f2f2f2),color-stop(1,#f0f0f0));
    border: none !important;
    margin: 4px 0 0 2px;
    font-weight: bold;
    color: #000 !important;
    font-size: 16px !important;
    font-family: 'Roboto Condensed', sans-serif;;
    padding: 10px 20px 0 15px !important;
}
div#BemVindoJscallzer {
    text-align: center;
    margin: 10px 0 20px 0;
    font-weight: bold;
    font-size: 13px;
    text-transform: uppercase;
    font-family: 'Roboto Condensed', sans-serif;;
}
div#BemVindoJscallzer i {
    color: #000;
    text-shadow: 0 0 11px #ccc;
    font-size: 14px;
    letter-spacing: 1px;
}
.castle-siege {
    background: url(../img/siegeWT.png);
    width: 805px;
    margin: 0 0 8px 2px;
    border-radius: 8px;
    background-size: 100%;
    height: 230px;
}
img.siege {
    display: none;
}
a.tw {
    display: block;
    width: 50px;
    height: 50px;
    background: url(../img/whatsapp.png);
    border-radius: 27px;
    background-size: 100%;
    box-shadow: 0 0 11px;
    border: 1px solid #ccc;
}
a.fb {
    display: block;
    width: 50px;
    height: 50px;
    background: #fff url(../img/124010.png);
    border-radius: 27px;
    box-shadow: 0 0 11px;
    background-size: 88%;
    border: 1px solid #ccc;
}
a.yt {
    display: block;
    width: 50px;
    height: 50px;
    background: #fff url(../img/png-transparent-instagram-logo-instagram-facebook-inc-youtube-organization-instagram.png) -4px 0px;
    border-radius: 27px;
    box-shadow: 0 0 11px;
    background-size: 118%;
}
.social-block {
    display: flex;
    transform: scale(0.7);
    margin: 0 0 0 11px;
}
.social-block a {
    margin: 0 26px 0  -17px;
}
.single-post {
    padding: 33px;
    background: #fff;
    border-radius: 8px;
}
.forgot-password a {
    color: #000;
    font-weight: bold;
    font-family: 'Roboto Condensed', sans-serif;;
    font-size: 11px;
    text-transform: uppercase;
}
input.btn {
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0.05,#525252),color-stop(1,#2e2e2e));
    border: none;
    border-radius: 7px;
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 13px;
}
.wrap .main .sidebar.right .container .box .remember-login {
    margin: 20px 0 14px 22px;
}
div#playnet p {
    color: #000 !important;
    font-size: 12px;
    text-shadow: 0 0 11px #fff;
}
output#hora {
    letter-spacing: -1px;
}

input#senhajs {
    width: 190px;
    color: #fff;
    font-size: 12px;
    background: #9e9e9e;
    border: 1px solid #505050;
    border-radius: 6px;
    filter: hue-rotate( 305deg);
    text-align: left;
    height: 37px;
    margin: 11px 0 0 20px;
    padding: 0 0 0 18px;
}
div#botaodownloadlogojscallzer a {
    background: url(../img/download_game.jpg);
    padding: 20px 29px 40px 121px;
    border-radius: 7px;
    box-shadow: inset 0 0 21px #8f1126, 0 0 11px #000;
    border: 1px solid #b2aeb169;
    font-size: 22px;
    font-family: 'Roboto Condensed', sans-serif;;
    font-weight: bold;
	    text-shadow: 0 0 11px #000,0 0 11px #000,0 0 11px #000,0 0 11px #000,0 0 11px #000,0 0 11px #000 !important;

    color: #fff;
    text-shadow: 0 0 11px;
}
table.custom td {
    background: #4d4a4b !important;
    font-size: 11px;
    color: #fff;
    height: 28px;
    padding-left: 5px;
    border-bottom: 1px solid #fdfcfc !important;
}
.rankings .character, .rankings .guild {
    position: relative;
    width: 325px;
    float: left;
    height: 88px;
    padding: 4px 0;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    margin-top: -1px;
    background: linear-gradient(180deg, #f0f0f0, #e5e5e5) !important;
    border: 1px solid #ccc !important;
    margin: 0 3px 5px 6px;
    box-shadow: 0 0 11px #ccc;
}
.server .name {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    text-transform: uppercase;
}

input#logaaijs:hover {
    filter: brightness(1.1);
}
.total {
    display:flex;
    align-items:center;
    gap:10px;
    font-weight: bold;
    color: green;
}
img#statusdoservidorjsz {
    width: 10px;
    margin: -31px 0 0  30px;
}

ul.posts li span {
    margin: 0 0 0 7px;
}
div#VIP\ GOLD a {
    color: #fff;
    text-shadow: 0 0 11px #000, 0 0 11px #000, 0 0 11px #000;
    color: gold;
}

div#VIP\ GOLD {
    background: url(../img/carvip.png) !important;
    color: #fff;
}
div#VIP\ SILVER {
    background: url(../img/viphero.png) !important;
    color: #fff;
}
.ajax-container p {
    padding: 0 0 0 20px;
}
.ajax-container h3 {
    padding: 0 0 0 20px;
}

.field {
    font-family: arial;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
}input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-transition: "color 9999s ease-out, background-color 9999s ease-out";
    -webkit-transition-delay: 9999s;
}
div#M div#tipo {
    display: none;
}

div#Guild\ Tempo\ real {
    margin: 0 0 0 9px;
    height: 208px;
}
div#VIP\ SILVER a {
    color: deepskyblue;
    text-shadow: 0 0 11px #000,0 0 11px #000,0 0 11px #000,0 0 11px #000,0 0 11px #000,0 0 11px #000,0 0 11px #000,0 0 11px #000,0 0 11px #000,0 0 11px #000;
    font-weight: bold !important;
}

div#VIP\ GOLD .rankings .character .class, .rankings .guild .class {
    margin-top: 2px;
    font-size: 9px;
    text-transform: uppercase;
    font-size: 10px;
    margin: 9px 0 -6px -5px;
    text-shadow: 0 0 6px #000,0 0 6px #000,0 0 6px #000,0 0 6px #000;
    width: 249px;
    text-align: right;
    z-index: 1111;
    position: relative;
}


div#VIP\ SILVER .rankings .character .class, .rankings .guild .class {
    margin-top: 2px;
    font-size: 9px;
    text-transform: uppercase;
    font-size: 10px;
    margin: -12px 0 5px -25px;
    width: 249px;
    text-align: right;
    text-shadow: none;
    z-index: 1111;
    position: relative;
}
.rankings .character .image img, .rankings .character .image svg, .rankings .guild .image img, .rankings .guild .image svg {
    position: absolute;
    top: 5px;
    left: -4px;
    box-shadow: 0 0 11px #0000003d;
    border: 1px solid #eaeaea;
}
span.badge.badge-primary {
    background-image: linear-gradient(to right, #ff000000 , black);
    padding: 0 53px;
    margin: 0 0px 0 0px;
    color: #fff !important;
    position: absolute;
    margin: -4px 0 0  177px;
    padding: 8px;
    width: 132px;
    text-align: right;
    font-family: 'Roboto Condensed', sans-serif;;
    font-weight: bold;
    text-transform: uppercase;
}
.server .status {
    background: url(../img/barrajscallzer.png) top center;
    background-position: 0px -10px;
    background-size: 231px;
    margin: -15px 0  32px 12px;
    height: 24px;
    background-color: #fff;
    background-repeat: no-repeat;
}
.top-players .top-player-group.top-players-group-3, .top-players-group .top-player-group.top-players-group-3 {
    width: 183px;
}
div#botaodownloadlogojscallzer2 a {
    background: url(../img/castle-button.jpg);
    padding: 23px 29px 38px 91px;
    border-radius: 7px;
    box-shadow: inset 0 0 21px #8f1126, 0 0 11px #000;
    border: 1px solid #b2aeb169;
    font-size: 22px;
    font-family: 'Roboto Condensed', sans-serif;;
    font-weight: bold;
    color: #fff;
    margin: -30px 0 5px 755px;
    text-shadow: 0 0 11px;
    display: block;
    text-shadow: 0 0 11px #000,0 0 11px #000,0 0 11px #000,0 0 11px #000,0 0 11px #000,0 0 11px #000 !important;
    width: 150px;
}
div#botaodownloadlogojscallzer span {
    color: #fff !important;
    font-size: 14px;
    position: absolute;
    margin: 28px 0 0 -175px;
    font-family: 'Roboto Condensed', sans-serif;;
    font-weight: bold;
    text-shadow: 0 0 11px #000,0 0 11px #000,0 0 11px #000;
}
div#botaodownloadlogojscallzer2 span {
    color: #fff !important;
    font-size: 14px;
    margin: -44px 0 0 868px;
    font-family: 'Roboto Condensed', sans-serif;;
    font-weight: bold;
    text-shadow: 0 0 11px #000, 0 0 11px #000, 0 0 11px #000;
    position: absolute;
}
.dropdown-content li a {
    text-decoration: none;
}
p.title .online {
    float: right;
}

.on, .online {
    color: #007600;
    text-shadow: 0 0 6px;
}

div#rodapjes img {
    width: 170px;
}
::-webkit-scrollbar-thumb {
    background: #f0f0f0;
}

::-webkit-scrollbar-track {
    background: #605d5d;
}
.dropdown-content li {
    background: #eaeaea;
    padding: 6px 0 6px 8px;
    width: 175px !important;
    border-bottom: 1px solid #ccc;
    display: grid !important;
    margin: -11px 0 11px -16px !important;
    text-shadow: none;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #a4939000;
    min-width: 160px;
    padding: 32px 16px;
    z-index: 1;
}
a.dcs {
    display: block;
    width: 50px;
    height: 50px;
    background: #fff url(../img/discord-logo-icone.png) -4px -5px;
    border-radius: 27px;
    box-shadow: 0 0 11px;
    background-size: 118%;
}
.rankings .character, .rankings .guild {
    margin: 0 5px 30px 6px;
}
.character.rank-1 {
    margin: 20px 0 30px 191px;
}
.character.rank-2 {
    margin: -10px 0 -1px 191px;
}
.character.rank-3 {
    margin: 20px 0 30px 191px;
}
.rank-trophy {
    margin: -7px -31px -13px 20px;
    background: #efefef;
    padding: 6px;
    background-position: 15px 9px !important;
    border-radius: 42px;
    width: 50px !important;
    height: 50px !important;
    box-shadow: 0 0 11px #000;
}
.social-block span {
    margin: -10px 0 20px -14px;
    display: block;
    width: 70px;
    text-align: center;
    font-size: 16px;
}

.credit-shop li p.price {
    width: 130px;
    font-weight: bold;
    color: white;
    margin: 10px auto -8px auto;
    width: 150px;
    padding: 6px 0;
    text-align: center;
}

::-webkit-input-placeholder { /* Edge */
  color: #fff;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff;
}

::placeholder {
  color: #fff;
}
.top-news-block .news-info {
    position: relative;
    z-index: 2;
    background: #1e1e1ed1;
}
div#logomarcajzcl {
    width: 150px;
    height: 150px;
    background: url(../img/Logo.png) no-repeat;
    position: absolute;
    background-size: 67%;
    margin: -21px 0 0 -16px;
}


/* =================== custom.css (server bar etc.) =================== */
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');

.description-guides{
    padding: 20px;
}

.vote-container{
    text-align: center;
    display: flex;
    gap: 5px;
    padding: 20px;
}
.vote-container * {
    color:#FFF;
     font-size:15px;
}

.vote-container i{
    font-size:18px;
    color:#FFF;
}

.vote-up,
.vote-down{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:2px;
    width:40px;
    height:40px;
    border-radius: 8px;
}

.vote-up {
    background-color:green;
}

.vote-down {
    background-color:red;
}


.vote-down i{
    margin-bottom:-5px;
}


.all-players{
    justify-content: space-between;
    display: flex;
}

.all-players label{
    display: flex;
    gap:5px;
}

.all-players .onlines{
    display: flex;
    gap: 10px;
    align-items: center;
    color:#007600;
    text-shadow: 0 0 6px;
}

.all-players .onlines i{
    font-size: 20px;
    color: #007600;
    margin-top: 2px;
}

.server {
    width: 250px;
    height: 35px;
    padding: 10px 0;

    flex-direction: column;
}

.server .title-bar{
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: space-between;
}
.server .onlines-bar{
    position:relative;
}
.server .onlines-bar .bar{
    width: 100%;
    height: 12px;
    background: #00ab00;
}


.server .onlines-bar .bar-percentual{
    position:absolute;
    top:0;
    display: block;
    width: 250px;
    height: 14px;
    background: url(../img/players-online.png);
}

.webshops{
    display: flex;
    flex-direction: column;
}

.alert-shop{
    padding: 20px;
    text-align: center;
    font-weight: 600;
    font-size: 14px;
    color:red;
}
}

/* =================== CORRECOES (pos-revisao) =================== */

/* 1) O Bootstrap aplica box-sizing:border-box global e quebra a matematica
      de larguras do layout Millennial (desenhado em content-box): encolhe as
      caixas e empurra a sidebar pra baixo. Restaura content-box no chrome e na
      sidebar, mantendo border-box DENTRO do conteudo (.ajax-container / modulos). */
#menujscallzer, #menujscallzer *,
.wrap, .wrap .language, .wrap .header, .wrap .header .logotipo,
.wrap .main, .wrap .main .top, .wrap .main .content,
.wrap .main .content .container, .wrap .main .content .c, .wrap .main .content .content-middle,
.wrap .main .sidebar, .wrap .main .sidebar *,
.footer, #footer-faixa, #creditos {
    box-sizing: content-box;
}
.wrap .ajax-container, .wrap .ajax-container * { box-sizing: border-box; }

/* 2) Remove a caixa de login DUPLICADA do modulo home do motor (a "ACCOUNT LOGIN"
      + banner JOIN NOW). Mantem apenas o "PAINEL DO USUARIO" da sidebar.
      As noticias passam a ocupar a largura toda da coluna de conteudo. */
.wrap .main .content .home-news-block + .col-xs-4 { display: none !important; }
.wrap .main .content .row > .col-xs-8.home-news-block { width: 100%; }
/* ============ CORRECOES v3 (fundo + painel do usuario logado) ============ */

/* 1) Fundo SEMPRE bgmw. O style.css tem @media min-width:2000px com
      background-2600.jpg !important que aparecia em zoom < 100% (largura CSS
      efetiva passa de 2000px). Forca bgmw em qualquer largura. */
body{
    background: #dfdfe7 url(../img/bgmw.jpg) no-repeat 0% -1% !important;
    background-size: 100% auto !important;
}
@media only screen and (min-width: 2000px){
    body{
        background: #dfdfe7 url(../img/bgmw.jpg) no-repeat 0% -1% !important;
        background-size: 100% auto !important;
    }
}

/* 2) PAINEL DO USUARIO (logado): vira LISTA limpa em vez de icones gigantes.
      Selecionado com a cadeia completa para vencer a especificidade do bloco White2. */
.wrap .main .sidebar.right .container .partial-login .box ul{
    list-style: none; margin: 0; padding: 0; width: 100%;
}
.wrap .main .sidebar.right .container .partial-login .box ul li{
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 7px 6px;
    margin: 0;
    line-height: 1.2;
    border-bottom: 1px solid #e3e3e3;
    white-space: nowrap;
    font-size: 13px;
    font-weight: 400;
    text-transform: none;
}
.wrap .main .sidebar.right .container .partial-login .box ul li:last-child{ border-bottom: 0; }
.wrap .main .sidebar.right .container .partial-login .box ul li img{
    width: 18px; height: 18px;
    flex: 0 0 18px;
    margin: 0;
    filter: none;
}
.wrap .main .sidebar.right .container .partial-login .box ul li a{
    font-size: 13px;
    color: #000;
    font-weight: 400;
    text-transform: none;
    filter: none;
    background: none;
    padding: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}
.wrap .main .sidebar.right .container .partial-login .box ul li a:hover{ color: #0078dc; }
#BemVindoJscallzer{ white-space: normal; }
/* ============ CORRECOES v4 (User CP central como LISTA) ============ */
/* Escopo: somente a pagina usercp (classe .page-usercp no .ajax-container).
   Converte o grid de icones grandes (.col-xs-3 > a > img width=100) numa
   lista vertical limpa, sem quebrar os links. */
.page-usercp .row{
    display: block !important;
    margin: 14px 0 !important;
}
.page-usercp .row .col-xs-3{
    width: 100% !important;
    float: none !important;
    display: block !important;
    text-align: left !important;
    margin: 0 !important;
    padding: 0 !important;
}
.page-usercp .row .col-xs-3 > a{
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 14px;
    border-bottom: 1px solid #e3e3e3;
    color: #0078dc;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
}
.page-usercp .row .col-xs-3 > a:hover{
    background: #f5f7fa;
    color: #143256;
}
.page-usercp .row .col-xs-3 > a img{
    width: 30px !important;
    height: 30px !important;
    border-radius: 4px;
    flex: 0 0 30px;
}
.page-usercp .row .col-xs-3 > a br{ display: none; }