/*
‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖
‖‖‖‖‖‖‖‖‖‖          Dark Theme          ‖‖‖‖‖‖‖‖‖‖
‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖

‖‖‖‖‖‖‖‖‖‖    by @wg.dsign-invisionmuweb.com.br    ‖‖‖‖‖‖‖‖‖‖
‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖

⁜⁜⁜⁜⁜⁜⁜⁜⁜⁜⁜⁜⁜⁜⁜⁜⁜⁜⁜⁜⁜⁜⁜⁜⁜⁜⁜⁜⁜⁜⁜⁜⁜⁜⁜⁜⁜⁜⁜⁜⁜⁜⁜
⁜⁜⁜                                           ⁜⁜⁜
⁜⁜⁜              Lista Ordenada               ⁜⁜⁜
⁜⁜⁜                                           ⁜⁜⁜
⁜⁜⁜⁜⁜⁜⁜⁜⁜⁜⁜⁜⁜⁜⁜⁜⁜⁜⁜⁜⁜⁜⁜⁜⁜⁜⁜⁜⁜⁜⁜⁜⁜⁜⁜⁜⁜⁜⁜⁜⁜⁜⁜

‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖
⁜  - BACKGROUND 
⁜  - MENU DE NAVEGAÇÃO
⁜  - CONTAINER
⁜  - LOGO
⁜  - ASIDEBAR
⁜  - SECTIONS
⁜  - TITLES
⁜  - PAINEL DE LOGIN
⁜  - CONFIGURAÇÕES
⁜  - EVENTOS
⁜  - EQUIPE
⁜  - SLIDE
⁜  - NOVIDADES
⁜  - SPOTLIGHT
⁜  - TOP PLAYERS
⁜  - TOP GUILDS
⁜  - CHAOS CASTLE
⁜  - FOOTER
⁜  - ELEMENTOS
*/

/*‖‖‖‖‖ BACKGROUND ‖‖‖‖‖*/
body.dark {
  background: url(../imagens/bg-2.png) no-repeat, #15161f;
  font-weight: 400;
  color: #fff;
}

.toggle-switch {
  margin-right: 50px;
}

.dark .container.main,
.dark .container.main .col-md-12,
.dark .container.main .slide,
.dark .footer {
  border-color: #64688b;
  background: #15161f !important;
}

.dark .body-footer {
  background: #212331;
}

.dark ul.list-info li:nth-of-type(1) {
  background: linear-gradient(18deg, rgba(247, 214, 160, 0.49763655462184875) 0%, rgba(21, 22, 31, 1) 65%);
}

.dark ul.list-info li:nth-of-type(2) {
  background: linear-gradient(18deg,
      rgba(231, 231, 231, 0.49763655462184875) 0%,
      rgba(21, 22, 31, 1) 65%);
}

.dark ul.list-info li:nth-of-type(3) {
  background: linear-gradient(18deg,
      rgba(240, 215, 198, 0.49763655462184875) 0%,
      rgba(21, 22, 31, 1) 65%);
}

.dark .asidebar div,
.dark .asidebar div:last-child,
.dark .container.main .col-md-12,
.dark .container.main .spotlight,
.dark .container.main .slide,
.dark .container.main .spotlight>div,
.dark .navbar .dropdown-menu {
  box-shadow: 0 5px 30px #0e1014 !important;
}

.dark ul.list-info li {
  border-bottom: 1px solid #212331;
}

.dark hr {
  background-color: #212331;
}

.dark ul.u-list li:after {
  background: #212331 !important;
}

.dark ul.u-list li p:before {
  background: #64688b;
}

.dark .post-data {
  background-color: #1a1b27;
  border-color: #212331;
  color: #fff;
}

.dark .event-list li span {
  background: #1a1b27;
  color: #a0a4c7;
}

.dark .title-small {
  color: #a0a4c7;
}

.dark .cs-wrap img {
  border-color: #3f435e;
}

.dark .navbar {
  background: rgb(40, 43, 59) !important;
}

.dark .navbar a {
  color: #c2c4d1 !important;
}

.dark .navbar .dropdown-menu {
  background: #212331;
}

.dark .navbar .dropdown-menu .dropdown-item:hover {
  background: #3f435e;
}

.dark .rgst-button {
  background: #3f435e;
}

.dark .painel-user>input {
  background: #3f435e;
  text-indent: 20px;
}

.dark .painel-user>input::placeholder {
  color: #c1c4df;
}

.dark .footer-form div a {
  color: #a0a4c7;
}

.dark .enter-button {
  background: #3f435e;
}

.dark .painel-user>input:focus {
  color: #dfdfe2;
}

/* Logo is controlled dynamically via JS in index.tpl.php */
.dark .logo-brand {
  background: transparent !important;
}

/* ================================================
   RANKINGS - Dark Mode Overrides
   ================================================ */

/* Period tabs */
.dark .rank-tab {
  background: #212331;
  border-color: #3f435e;
  color: #a0a4c7;
}

.dark .rank-tab:hover {
  background: #3f435e;
  color: #fff;
}

.dark .rank-tab.active {
  background: #2a7de9;
  border-color: #2a7de9;
  color: #fff;
}

/* Timer bar */
.dark .rank-timer-bar {
  background: #212331;
  border-color: #3f435e;
}

.dark .timer-info span {
  color: #64688b;
}

.dark .timer-info b {
  color: #c2c4d1;
}

/* Action buttons */
.dark .btn-rank-action {
  background: #212331;
  border-color: #3f435e;
  color: #a0a4c7;
}

.dark .btn-rank-action:hover {
  background: #3f435e;
  color: #fff;
}

.dark .btn-rank-action.green {
  background: rgba(45, 106, 79, 0.15);
  border-color: rgba(45, 106, 79, 0.4);
  color: #52b788;
}

.dark .btn-rank-action.green:hover {
  background: #2d6a4f;
  color: #fff;
}

/* Filter bar */
.dark .rank-filter-bar {
  background: #212331;
  border-color: #3f435e;
}

.dark .rank-filter-group select {
  background: #212331;
  border-color: #3f435e;
  color: #c2c4d1;
}

/* List header */
.dark .rank-list-header {
  background: #212331;
  color: #64688b;
}

/* List rows */
.dark .rank-list-item {
  background: #15161f;
  border-color: #212331;
}

.dark .rank-list-item:hover {
  background: #1a1b27;
}

/* Top 1 - gold dark */
.dark .rank-list-item.top-1 {
  background: linear-gradient(18deg, rgba(247, 214, 160, 0.49763655462184875) 0%, rgba(21, 22, 31, 1) 65%);
  border-color: rgba(247, 214, 160, 0.2);
}

/* Top 2 - silver dark */
.dark .rank-list-item.top-2 {
  background: linear-gradient(18deg, rgba(231, 231, 231, 0.49763655462184875) 0%, rgba(21, 22, 31, 1) 65%);
  border-color: rgba(231, 231, 231, 0.1);
}

/* Top 3 - bronze dark */
.dark .rank-list-item.top-3 {
  background: linear-gradient(18deg, rgba(240, 215, 198, 0.49763655462184875) 0%, rgba(21, 22, 31, 1) 65%);
  border-color: rgba(240, 215, 198, 0.15);
}

/* Avatar */
.dark .char-avatar-mini {
  border-color: #3f435e;
}

/* Name link */
.dark .char-name-link {
  color: #c2c4d1;
}

.dark .char-name-link:hover {
  color: #2a7de9;
}

/* Score */
.dark .char-score-val {
  color: #2a7de9;
}

.dark .top-1 .char-score-val {
  color: #e3d3b8;
}

.dark .top-2 .char-score-val {
  color: #a0a4c7;
}

.dark .top-3 .char-score-val {
  color: #d7c2af;
}

/* Rank numbers */
.dark .top-1 .rank-frame span {
  color: #e3d3b8;
}

.dark .top-2 .rank-frame span {
  color: #a0a4c7;
}

.dark .top-3 .rank-frame span {
  color: #d7c2af;
}

.dark .rank-frame span {
  color: #64688b;
}

/* Modal */
.dark .modal-container {
  background: #15161f;
  border-color: #3f435e;
}

.dark .modal-header {
  background: #212331;
  border-color: #3f435e;
}

.dark .modal-body {
  color: #a0a4c7;
}


.dark .sections>div {
  background-color: #1a1b27;
  box-shadow: 0 10px 10px #0e1014;
  margin-bottom: 5px;
}

.dark .content-box {
  padding: 20px 30px;
}