.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    border-top: none !important;
}

a:focus, a:hover {
    color: inherit !important;
    text-decoration: none !important;
}

.form-control {
    margin-top: .5rem;
}

/* http://stackoverflow.com/questions/19562903/remove-padding-from-columns-in-bootstrap-3 */
.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

/* http://stackoverflow.com/questions/20547819/vertical-align-with-bootstrap-3 */
.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.thumbnail {
    background-color: #f1f1f1;
    border: 1px solid #e3e3e3;
}
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #ff0000;
}

.btn-primary {
    text-align: center;
    margin: 0 auto;
    display: block;
    padding: 1rem;
    border: 1px solid #1e495b;
    color: #b4f5f3;
    border-radius: 10px;
    text-decoration: none;
    transition: .2s all ease;
    margin-top: .5rem;
    max-width: 200px;
}
.btn-primary:hover {
    filter: brightness(120%);
}

/* ===================================== */
/* TOP PLAYERS – ULTRA PREMIUM (GLASS)   */
/* ===================================== */

.sidebar_rank {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 10px;
  background: transparent;
}

/* header */
.sidebar_rank thead th,
.sidebar_rank tr:first-child th {
  font-family: 'Cinzel', serif;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1.6px;
  padding: 14px 12px;
  border: none !important;
  color: rgba(210, 240, 255, 0.9);
  background: linear-gradient(180deg, rgba(10,18,28,.85), rgba(5,10,20,.65));
  border-radius: 14px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.35);
}

/* make row look like a premium card */
.sidebar_rank tbody tr,
.sidebar_rank tr:not(:first-child) {
  position: relative;
  transform: translateZ(0);
}

.sidebar_rank tbody tr td,
.sidebar_rank tr:not(:first-child) td {
  border: none !important;
  padding: 14px 12px;
  color: rgba(255,255,255,0.92);
  background: rgba(10, 18, 28, 0.55);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* rounded card corners */
.sidebar_rank tbody tr td:first-child,
.sidebar_rank tr:not(:first-child) td:first-child {
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
}
.sidebar_rank tbody tr td:last-child,
.sidebar_rank tr:not(:first-child) td:last-child {
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
}

/* neon border around card (using pseudo on row via first cell) */
.sidebar_rank tbody tr td:first-child,
.sidebar_rank tr:not(:first-child) td:first-child {
  box-shadow:
    inset 0 0 0 1px rgba(120, 200, 255, 0.14),
    0 10px 26px rgba(0,0,0,0.45);
}

/* hover: lift + glow */
.sidebar_rank tbody tr:hover td,
.sidebar_rank tr:not(:first-child):hover td {
  background: rgba(12, 22, 36, 0.68);
}
.sidebar_rank tbody tr:hover td:first-child,
.sidebar_rank tr:not(:first-child):hover td:first-child {
  box-shadow:
    inset 0 0 0 1px rgba(120, 200, 255, 0.28),
    0 18px 45px rgba(0,0,0,0.70),
    0 0 18px rgba(85,161,255,0.25);
}
.sidebar_rank tbody tr:hover,
.sidebar_rank tr:not(:first-child):hover {
  transform: translateY(-4px);
  transition: transform .22s ease;
}

/* columns */
.sidebar_rank th:nth-child(1),
.sidebar_rank td:nth-child(1) {
  width: 38px;
  text-align: center;
  font-weight: 900;
  font-size: 14px;
  color: rgba(170, 220, 255, 0.95);
}

.sidebar_rank th:nth-child(2),
.sidebar_rank td:nth-child(2) {
  width: 58px;
  text-align: center;
}

.sidebar_rank th:nth-child(4),
.sidebar_rank td:nth-child(4),
.sidebar_rank th:nth-child(5),
.sidebar_rank td:nth-child(5) {
  text-align: center;
  white-space: nowrap;
}

/* avatar polish */
.sidebar_rank .class-img img,
.rankings-class-image {
  width: 46px !important;
  height: 46px !important;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid rgba(255,255,255,0.14);
  box-shadow:
    0 10px 22px rgba(0,0,0,0.55),
    0 0 0 4px rgba(85,161,255,0.10);
  transition: transform .22s ease, box-shadow .22s ease, filter .22s ease;
}

.sidebar_rank tr:hover .class-img img {
  transform: scale(1.10);
  box-shadow:
    0 16px 35px rgba(0,0,0,0.70),
    0 0 0 4px rgba(85,161,255,0.18),
    0 0 18px rgba(85,161,255,0.55);
  filter: brightness(1.08);
}

/* player name */
.sidebar_rank td a {
  color: rgba(255,255,255,0.96) !important;
  font-weight: 800;
  letter-spacing: .2px;
  text-decoration: none !important;
}
.sidebar_rank td a:hover {
  text-decoration: underline !important;
}

/* Level highlight */
.sidebar_rank td:nth-child(4) {
  font-weight: 800;
  color: rgba(140, 210, 255, 0.95);
}

/* GR badge */
.sidebar_rank .grand-reset {
  margin-left: 6px;
  padding: 3px 9px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 900;
  color: #fff;
  background: linear-gradient(135deg, rgba(255,80,80,0.95), rgba(150,0,0,0.95));
  box-shadow: 0 0 14px rgba(255,80,80,0.45);
  border: 1px solid rgba(255,120,120,0.25);
}

/* ===== TOP 1/2/3 special ===== */
/* best effort: if no <tbody>, these still apply to all rows except header-ish */
.sidebar_rank tbody tr:nth-child(1) td:first-child,
.sidebar_rank tr:nth-child(2) td:first-child {
  color: #ffd36a;
  text-shadow: 0 0 12px rgba(255, 211, 106, 0.55);
}
.sidebar_rank tbody tr:nth-child(2) td:first-child,
.sidebar_rank tr:nth-child(3) td:first-child {
  color: #cfd8dc;
}
.sidebar_rank tbody tr:nth-child(3) td:first-child,
.sidebar_rank tr:nth-child(4) td:first-child {
  color: #cd7f32;
}

/* crown for rank 1 (pure CSS) */
.sidebar_rank tbody tr:nth-child(1) td:first-child::after,
.sidebar_rank tr:nth-child(2) td:first-child::after {
  content: "👑";
  display: inline-block;
  margin-left: 6px;
  font-size: 12px;
  transform: translateY(-1px);
}

/* subtle animated glow line on hover */
.sidebar_rank tbody tr td:first-child,
.sidebar_rank tr:not(:first-child) td:first-child {
  position: relative;
}
.sidebar_rank tbody tr td:first-child::before,
.sidebar_rank tr:not(:first-child) td:first-child::before {
  content: "";
  position: absolute;
  left: 8px;
  top: 50%;
  transform: translateY(-50%);
  width: 3px;
  height: 60%;
  border-radius: 999px;
  background: rgba(85,161,255,0.25);
  box-shadow: 0 0 12px rgba(85,161,255,0.25);
}
.sidebar_rank tbody tr:hover td:first-child::before,
.sidebar_rank tr:not(:first-child):hover td:first-child::before {
  background: rgba(85,161,255,0.55);
  box-shadow: 0 0 18px rgba(85,161,255,0.55);
}

/* mobile */
@media (max-width: 480px) {
  .sidebar_rank th:nth-child(2),
  .sidebar_rank td:nth-child(2) { display: none; }
  .sidebar_rank td { padding: 12px 10px; }
}
/* ==========================================================
   XANDORIA – Modern UI Layer (safe overrides)
   Paste at END of override.css
========================================================== */

:root{
  --x-bg: rgba(10,12,18,.62);
  --x-card: rgba(18,24,38,.62);
  --x-stroke: rgba(255,255,255,.10);
  --x-stroke2: rgba(255,255,255,.14);
  --x-text: rgba(255,255,255,.92);
  --x-muted: rgba(255,255,255,.65);
  --x-gold: #ffcc33;
  --x-radius: 18px;
  --x-radius2: 22px;
  --x-shadow: 0 18px 60px rgba(0,0,0,.55);
}

/* ---------- Page title (clean + modern) ---------- */
.page-title{
  color: var(--x-text) !important;
  font-size: 22px !important;
  font-weight: 900 !important;
  letter-spacing: .4px;
  margin: 10px 0 16px !important;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(255,255,255,.06);
  text-shadow: none !important;
}

/* ---------- Panels: unify look (keeps content readable) ---------- */
.panel,
.panel-news,
.panel-general,
.panel-addstats,
.panel-downloads,
.panel-sidebar{
  border: 1px solid var(--x-stroke) !important;
  border-radius: var(--x-radius2) !important;
  background: linear-gradient(180deg, var(--x-card), rgba(10,12,18,.52)) !important;
  box-shadow: var(--x-shadow);
  color: var(--x-text) !important;
}

/* Panel headings */
.panel > .panel-heading,
.panel-sidebar > .panel-heading,
.panel-news > .panel-heading{
  background: linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.02)) !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
  color: var(--x-text) !important;
  border-top-left-radius: var(--x-radius2) !important;
  border-top-right-radius: var(--x-radius2) !important;
}

/* Remove old red border accents */
.panel-sidebar > .panel-heading{
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
}

/* ---------- Sidebar menu (clean buttons) ---------- */
.panel-usercp ul li a{
  color: rgba(255,255,255,.78) !important;
  font-weight: 800 !important;
}
.panel-usercp ul li a:hover{
  color: var(--x-gold) !important;
}
.panel-usercp ul li{
  border-bottom: 1px solid rgba(255,255,255,.06);
  padding: 8px 0;
}

/* ---------- Inputs ---------- */
.form-control{
  background: rgba(0,0,0,.22) !important;
  border: 1px solid var(--x-stroke2) !important;
  border-radius: 14px !important;
  color: var(--x-text) !important;
}
.form-control:focus{
  border-color: rgba(255,204,51,.55) !important;
  box-shadow: 0 0 0 3px rgba(255,204,51,.10) !important;
  outline: none !important;
}

/* ---------- Buttons ---------- */
.btn{
  border-radius: 16px !important;
  font-weight: 900 !important;
  letter-spacing: .6px;
  text-transform: uppercase;
  white-space: nowrap;
}

.btn-primary{
  background: var(--x-gold) !important;
  color: #111 !important;
  border: 0 !important;
  box-shadow: 0 16px 44px rgba(0,0,0,.55), 0 0 28px rgba(255,204,51,.18);
}
.btn-primary:hover{
  transform: translateY(-2px);
  box-shadow: 0 20px 55px rgba(0,0,0,.62), 0 0 40px rgba(255,204,51,.24);
}

/* ---------- General tables ---------- */
.general-table-ui{
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 12px 0 !important;
}

/* Table layout fix so it never overlaps sidebar */
.col-md-8 .general-table-ui{
  width: 100% !important;
  max-width: 100% !important;
  table-layout: fixed !important;
}

/* Header row */
.col-md-8 .general-table-ui tr:first-child td{
  color: rgba(255,255,255,.60) !important;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: .6px;
  padding: 10px 12px 14px !important;
  border-bottom: 1px solid rgba(255,255,255,.08);
}

/* Body rows as compact cards */
.col-md-8 .general-table-ui tr:not(:first-child){
  background: linear-gradient(180deg, rgba(18,24,38,.55), rgba(10,12,18,.50));
  border-radius: 16px;
  box-shadow: 0 12px 40px rgba(0,0,0,.55);
}
.col-md-8 .general-table-ui tr:not(:first-child) td{
  padding: 14px 12px !important;
  color: rgba(255,255,255,.85) !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Images in table */
.col-md-8 .general-table-ui img{
  width: 58px !important;
  height: 58px !important;
  border-radius: 999px !important;
  padding: 5px;
  background: rgba(255,204,51,.12);
  box-shadow: 0 10px 30px rgba(0,0,0,.65);
  border: 1px solid rgba(255,255,255,.08);
}

/* Requirements box */
.module-requirements{
  border-radius: var(--x-radius2) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02)) !important;
  box-shadow: 0 18px 60px rgba(0,0,0,.45);
  color: rgba(255,255,255,.75) !important;
}
.module-requirements p{
  margin: 8px 0;
  font-weight: 750;
}