.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 {
	background: #111;
	border: 1px solid #705954;
	color: #ccc;
}
.form-control:focus {
	border: 1px solid #9c7b74;
}

/* 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: #111111;
    border: 1px solid #333333;
	transition: all 0.3s ease;
}
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
	border-color: #c35b43;
	-moz-box-shadow: 0 0 60px rgba(195, 91, 67, 0.3);
	-webkit-box-shadow: 0 0 60px rgba(195, 91, 67, 0.3);
	box-shadow: 0 0 60px rgba(195, 91, 67, 0.3);
}

.btn-primary {
    color: #f5de9f;
    /*background-color: transparent;*/
	background-image: linear-gradient(to bottom, #b93a27, #9e1e0b);
	border: 0px;
	-moz-transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    -webkit-transition: all .1s ease-in;
    transition: all .1s ease-in;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.btn-primary:active, .btn-primary:focus, .btn-primary:hover {
    color: #fff !important;
	background-image: linear-gradient(to bottom, #b93a27, #9e1e0b);
}

/* modal */
.modal-content {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
	background-color: transparent !important;
	border: 0 !important;
}

.table-bordered {
	background: #2d211e !imporant;
    border: 1px solid #18110f !important;
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #342623 !important;
}

.table-hover>tbody>tr:hover {
    background-color: #543e3a !important;
}

.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    border: 1px solid #18110f !important;
}
/* ============================================================
   SU KIEN GAN DIEN RA  (mac dinh con <= 30 phut)
   Doi so phut tai templates/koleos/inc/template.config.php
   -> $koleosEventSoonMinutes
   ============================================================ */

/* dong / khung cua su kien gan dien ra */
.event-soon {
    background-color: #14361c !important;
    box-shadow: inset 3px 0 0 #00e676;
}

.event-soon > td {
    border-top-color: #1d5228 !important;
}

/* chu cua su kien gan dien ra */
.event-soon-text {
    color: #00e676 !important;
    font-weight: bold;
}

/* ten su kien va dong ho trong sidebar */
.panel-sidebar-events .event-name {
    color: #f7ddbf;
}

.panel-sidebar-events .event-countdown {
    font-size: 12px;
    color: #cbb49b;
    white-space: nowrap;
}

/* ============================================================
   WIDGET SU KIEN O TRANG CHU
   Nam o vi tri widget Cong Thanh Chien cu, dung lai nen
   .widget-fon-discussions (img/fon-discussions.jpg).
   So dong hien thi: $koleosEventsWidgetLimit trong template.config.php
   ============================================================ */

/* dong bi an vi vuot qua gioi han (javascript cung dung class nay) */
.ev-hidden {
    display: none !important;
}

/* cot ten su kien */
.top-block.events .ev-name {
    width: 172px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* cot dong ho dem nguoc */
.top-block.events .ev-time {
    width: 156px;
    text-align: right;
    font-size: 13px;
    white-space: nowrap;
}

/* hang tieu de cot */
.top-block.events .top-title .ev-name,
.top-block.events .top-title .ev-time {
    font-size: 15px;
}

/* ============================================================
   3 WIDGET TRANG CHU: KEO CHU LEN DE VUA 10 DONG
   ------------------------------------------------------------
   Khung cao cung 670px va anh nen cung 398x670 neo "center bottom",
   nen KHONG the tang chieu cao khung (se ho khoang trong phia tren).
   Phai lay cho tu padding + giam chieu cao dong.

   Ngan sach 670px cho 10 dong:
     tieu de 92+23+24 = 139 | hang tieu de cot 32 | 10 dong x 37 = 370
     + 8 | nut 18+50 = 68 | padding ngoai 35   =  652px  (con 18px du phong)

   Muon nhieu/it dong hon thi doi $koleosTopWidgetLimit va
   $koleosEventsWidgetLimit trong inc/template.config.php,
   roi tinh lai padding-top o duoi cho khoi tran khung.
   ============================================================ */

.block-widget-title {
    padding-top: 175px;
    padding-bottom: 24px;
}

.top-block {
    padding-bottom: 8px;
}

/* dong cao 41px -> 37px de vua 10 dong; phai doi ca trang thai hover
   vi style.css dat height rieng cho :hover, khong doi se bi giat */
.top-list,
.top-list:hover {
    height: 37px;
}

.buttons-small {
    margin-top: 18px;
}

/* ============================================================
   KHOI GIOI THIEU LOP NHAN VAT  (thay khoi MEDIA cu)
   ------------------------------------------------------------
   Lay tu giao dien muweb, doi mau cho khop tong toi cua Koleos:
     chu phu   #cbd3d6 -> #ffaf43 (vang cua template)
     chu skill #ecf6fa -> #f7ddbf
     chu bong "CLASS" den -> trang mo (vi nen toi)
   Anh: templates/koleos/img/classes/
   Noi dung: $koleosClasses trong inc/template.config.php
   ============================================================ */

.classSection {
    width: 1200px;

    /* Keo len de nhan vat de len hang widget phia tren -> hieu ung 3D.
       ------------------------------------------------------------
       GIOI HAN 58px - do bang trinh duyet:
         day hang widget    Y = 1883
         day nut thap nhat  Y = 1825
         => chi con 58px trong duoi nut
       Anh bk.png (Dark Knight) co 0px trong suot phia tren, tuc nhan
       vat cham sat dinh anh, nen no quyet dinh gioi han. Keo qua 58px
       la dinh nhan vat bat dau cham vao nut.
       Dat 50px -> con 8px ho tro, van de len hang widget nhung khong
       cham nut. (Cac anh khac co 2-18px trong suot nen thoai hon.) */
    margin: -50px auto 0 auto;

    /* phai co position + z-index de ve LEN TREN hang widget.
       .block-widget khong dat z-index nen 20 la du. */
    position: relative;
    z-index: 20;

    /* ------------------------------------------------------------
       BAT BUOC: cho ca khoi KHONG nhan chuot.
       Khoi nay keo len 160px nen phu kin nut cua widget phia tren
       (nut nam o y 567-617 trong khung 670px). Neu khoi van nhan
       chuot thi nguoi choi khong bam duoc nut do -> loi ngam.

       Phai dat o DAY (the ngoai cung), khong phai chi tren
       .gallery-top: neu chi tat .gallery-top thi trinh duyet bo qua
       no roi tra click ve cho THE CHA (.class-slider / .classSection)
       von van nhan chuot -> nut ben duoi VAN bi chan.

       pointer-events la thuoc tinh DUOC KE THUA, nen dat none o day
       roi bat lai 'auto' cho dung phan can bam ben duoi.
       ------------------------------------------------------------ */
    pointer-events: none;
}

/* Bat lai chuot cho day avatar va 2 mui tui (nam o day khoi,
   cach hang widget hon 400px nen khong che nut nao). */
.gallery-thumbs,
.slider-arrow {
    pointer-events: auto;
}

.class-slider {
    width: 1200px;
    height: 730px;
    position: relative;
    overflow: hidden;
}

/* chu bong "CLASS" phia sau */
.class-slider:before {
    content: "CLASS";
    font-size: 170px;
    font-weight: bold;
    color: rgba(255, 255, 255, 0.045);
    position: absolute;
    left: 10px;
    top: 140px;
    letter-spacing: 50px;
    z-index: 0;
    pointer-events: none;
}

.class-slider .swiper-slide {
    background-position: top right;
    background-repeat: no-repeat;
}

/* style.css dat  .swiper-container { width:599px; float:left }  cho slider
   hero o dau trang. Hai khoi duoi day cung mang class swiper-container nen
   bi an theo float:left -> lam margin:auto KHONG can giua duoc.
   Phai ep float:none, neu khong day avatar se lech han sang trai va
   chong len mui tui trai. */
.gallery-top,
.gallery-thumbs {
    float: none;
}

.gallery-top {
    height: 730px;
    width: 100%;
}

.gallery-thumbs {
    height: 167px;
    width: 996px;
    margin: -167px auto 0 auto;
}

.gallery-thumbs span {
    width: 96px;
    height: 96px;
    border-radius: 50%;
    background-color: #2a1f1a;
    border: 1px solid #6b5540;
    position: relative;
    z-index: 2;
    display: block;
    overflow: hidden;
}

.gallery-thumbs span img {
    width: 96px;
    height: 96px;
    filter: grayscale(100%) brightness(115%);
}

.gallery-thumbs .swiper-slide {
    width: 166px;
    height: 163px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: 0.4s;
    position: relative;
}

/* vong sang quanh avatar - cat tu anh sprite slider-nav.png (8 o x 166px) */
.gallery-thumbs .swiper-slide:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 166px;
    height: 163px;
    transition: 0.3s;
    opacity: 0;
}
.gallery-thumbs .swiper-slide.sm:after  { background: url(../img/classes/slider-nav.png)     0px top no-repeat; }
.gallery-thumbs .swiper-slide.gl:after  { background: url(../img/classes/slider-nav.png)  -166px top no-repeat; }
.gallery-thumbs .swiper-slide.elf:after { background: url(../img/classes/slider-nav.png)  -332px top no-repeat; }
.gallery-thumbs .swiper-slide.mg:after  { background: url(../img/classes/slider-nav.png)  -498px top no-repeat; }
.gallery-thumbs .swiper-slide.dm:after  { background: url(../img/classes/slider-nav.png)  -664px top no-repeat; }
.gallery-thumbs .swiper-slide.rf:after  { background: url(../img/classes/slider-nav.png)  -830px top no-repeat; }
.gallery-thumbs .swiper-slide.dl:after  { background: url(../img/classes/slider-nav.png)  -996px top no-repeat; }
.gallery-thumbs .swiper-slide.bk:after  { background: url(../img/classes/slider-nav.png) -1162px top no-repeat; }

.gallery-thumbs .swiper-slide:hover span      { border: 1px solid rgba(255, 255, 255, 0); }
.gallery-thumbs .swiper-slide:hover span img  { filter: none; }
.gallery-thumbs .swiper-slide:hover:after     { opacity: 1; }
.gallery-thumbs .swiper-slide.swiper-slide-thumb-active img    { filter: none; }
.gallery-thumbs .swiper-slide.swiper-slide-thumb-active:after  { opacity: 1; }
.gallery-thumbs .swiper-slide-thumb-active    { opacity: 1; }

/* mui tui trai / phai */
.slider-arrow > div {
    top: auto;
    bottom: 55px;
    width: 126px;
    height: 61px;
    background-size: 126px 61px;
    margin-top: 0;
    z-index: 10;
}
.slider-arrow .swiper-button-prev { background-image: url(../img/classes/slider-arrow-left.png);  left: 0; }
.slider-arrow .swiper-button-next { background-image: url(../img/classes/slider-arrow-right.png); right: 0; }

/* ten lop + huy hieu */
.classNameBlock {
    position: relative;
    margin-left: 20px;
    margin-bottom: 20px;
    margin-top: 157px;
    opacity: 0;
    z-index: 2;
}

.class-img {
    width: 150px;
    height: 150px;
    background-repeat: no-repeat;
    flex-shrink: 0;
}

.className h2 {
    color: #fff;
    font-size: 60px;
    margin-bottom: 5px;
    text-transform: uppercase;
    line-height: 1;
}

.className span {
    font-size: 18px;
    color: #ffaf43;
    font-weight: 600;
    text-transform: uppercase;
}

.skillBlock {
    color: #f7ddbf;
    font-size: 18px;
    padding-left: 170px;
    margin-bottom: 35px;
    opacity: 0;
    position: relative;
    z-index: 2;
}
.skillBlock p { margin-bottom: 6px; }
.skillBlock b { color: #fff; }

.stars {
    background: url(../img/classes/stars.png) no-repeat;
    width: 139px;
    height: 19px;
    display: block;
    position: relative;
    margin-left: 10px;
}
.stars span {
    background: url(../img/classes/stars-active.png) no-repeat;
    height: 19px;
    display: block;
}

/* hien dan chu + thong tin khi slide vao vi tri */
.gallery-top .swiper-slide-active .classNameBlock {
    animation: koleosClassFade 1s linear;
    animation-delay: 0.35s;
    animation-fill-mode: forwards;
}
.gallery-top .swiper-slide-active .skillBlock {
    animation: koleosClassFade 1s linear;
    animation-delay: 0.75s;
    animation-fill-mode: forwards;
}

@keyframes koleosClassFade {
    0%   { opacity: 0; }
    100% { opacity: 1; }
}

/* ============================================================
   THANH MENU TREN CUNG - HIEU UNG DINH TRANG
   ------------------------------------------------------------
   Lay tu giao dien muweb:
     - luon dinh o dinh trang (position: fixed)
     - khi CHUA cuon  : trong suot, nam tren anh header
     - khi DA cuon    : hien nen toi mo + thu gon padding menu
   Class .top-panel-scrolled do js/main.js gan vao khi cuon.
   ============================================================ */

.top-panel {
    position: fixed;

    /* ------------------------------------------------------------
       BAT BUOC co left/right, neu khong thanh menu se bi LECH.
       style.css chi dat  width:100%  ma khong dat left. Khi doi sang
       position:fixed thi phan tu giu nguyen vi tri ngang cu (mep trai
       cua .wrapper, tuc x=385 tren man hinh 1969px) roi moi keo rong
       100% -> span 385..2354, tran khoi man hinh 385px ben phai.
       Menu can giua trong dai lech do nen lech phai theo.

       Dat left:0 + right:0 + width:auto -> thanh menu trai dung mep
       man hinh, rong dung bang man hinh, menu can giua trung voi
       tam cot noi dung 1200px.
       ------------------------------------------------------------ */
    top: 0;
    left: 0;
    right: 0;
    width: auto;

    transition: background-color 0.3s, box-shadow 0.3s, padding 0.3s;

    /* PHAI cao hon .content de thanh menu luon nam TREN noi dung.
       style.css dat .top-panel va .content DEU z-index:10, ma .content
       co position:relative + z-index nen tao stacking context rieng va
       nam SAU trong DOM -> noi dung de len thanh menu khi cuon.
       Dat 150: tren .content (10) nhung duoi #overlay (190) va
       .modal_div (199) de popup dang nhap van che duoc thanh menu. */
    z-index: 150;
}

.top-panel.top-panel-scrolled {
    background-color: rgba(20, 13, 11, 0.92);
    box-shadow: 0 2px 14px rgba(0, 0, 0, 0.55);
    border-bottom: 1px solid #4a3423;
}

/* thu gon menu mot chut khi da cuon cho gon gang */
.top-panel.top-panel-scrolled .menu li a {
    padding-top: 14px;
    padding-bottom: 14px;
}

/* ============================================================
   CAN CHINH BO CUC
   ============================================================ */

/* --- LOGO: can giua that su ---------------------------------
   style.css dat  .logo { position:absolute; margin-left:270px }
   -> 270px la so canh tay cho mot logo rong 660px trong cot 1200px.
   Logo hien tai (logo-1.png) rong 607px nen bi lech 26.5px sang trai
   (do bang trinh duyet: tam logo 958 so voi tam trang 984.5).
   Dung left/right + text-align de tu can giua, doi logo khac cung dung. */
.logo {
    left: 0;
    right: 0;
    margin-left: 0;
    text-align: center;
}

/* --- Cat phan khoi trang tri tran ngang ---------------------
   .smog nam trong .header, con .smog i rong 2354px voi left:-677px,
   trong khi cot noi dung chi 1200px -> khoi tran ra 647px ben phai.
   Tren man hinh 1440px dieu nay tao THANH CUON NGANG (scrollWidth
   1475 > viewport 1424) du khong co noi dung nao o do.

   KHONG dat overflow:hidden tren .header - da thu va bi loi:
   khoi bi cat dung o mep cot 1200px, tao ra mot HINH CHU NHAT hien
   ro tren nen (thay ro khi animation khoi dat opacity 1, khoang
   giay thu 3 cua vong 7s).

   Cat o muc HTML de khoi bi cat tai mep MAN HINH -> giong hieu ung
   full-bleed, khong thay duong vien. */
html {
    overflow-x: hidden;
}

/* ============================================================
   TRANG THONG TIN SERVER (modules/info.php)
   ============================================================ */

.page-subtitle {
    color: #ffaf43;
    font-size: 20px;
    font-weight: bold;
    margin: 28px 0 12px 0;
    padding-bottom: 8px;
    border-bottom: 1px solid #4a3423;
}

.page-subtitle:first-of-type {
    margin-top: 10px;
}

.info-body {
    color: #f7ddbf;
    margin-bottom: 10px;
}

.info-body ul {
    padding-left: 22px;
}

.info-body li {
    margin-bottom: 6px;
}

/* ============================================================
   DAI CANH BAO CHE DO XEM THU (AdminCP -> Koleos -> Xem thu)
   Chi hien voi admin dang bat xem thu, nguoi choi khong thay.
   ============================================================ */
.koleos-preview-bar {
    position: fixed;
    left: 0;
    right: 0;
    /* dat o DAY chu khong phai dinh: dat o dinh se che thanh menu,
       va phai dung selector :has() de day menu xuong - khong chac
       chan tren moi trinh duyet. O day thi khong va cham gi. */
    bottom: 0;
    z-index: 200;
    background: #b8860b;
    color: #fff;
    text-align: center;
    font: 13px/1.5 Arial, sans-serif;
    padding: 8px 14px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .5);
}

.koleos-preview-bar strong {
    color: #fff8dc;
    letter-spacing: 1px;
}

/* ============================================================
   TRANG SU KIEN TRONG GAME (modules/sukieningame.php)
   ============================================================ */

.event-detail {
    margin-bottom: 22px;
}

/* moc gio dang the nho */
.event-time-chip {
    display: inline-block;
    background: #3a2c25;
    border: 1px solid #6b5540;
    color: #ffcc00;
    font-size: 12px;
    padding: 2px 8px;
    margin: 0 4px 4px 0;
    border-radius: 3px;
    white-space: nowrap;
}

/* bang thong tin nhanh trong moi khung su kien */
.event-info-table {
    margin-top: 12px;
    margin-bottom: 10px;
}

.event-info-table > tbody > tr > td {
    vertical-align: top !important;
}

.event-info-label {
    width: 26%;
    color: #ffaf43;
    font-weight: bold;
}

.event-list {
    margin: 0;
    padding-left: 18px;
}

.event-list li {
    margin-bottom: 4px;
}

/* khoi ghi chu duoi moi su kien */
.event-note {
    border-left: 3px solid #6b5540;
    background: rgba(0, 0, 0, .25);
    padding: 10px 12px;
    color: #cbb49b;
    font-size: 13px;
}

/* ============================================================
   TRANG TAI GAME (modules/downloads.php)
   ============================================================ */

.panel-downloads .panel-body {
    padding: 18px 20px 20px 20px;
}

.panel-downloads .panel-title {
    display: block;
    margin: 0;
    padding-bottom: 9px;
    font-size: 17px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: .5px;
    color: #ffaf43;
    border-bottom: 1px solid #4a3423;
}

.panel-downloads .dl-intro {
    margin: 12px 0 0 0;
    font-size: 13px;
    line-height: 1.65;
    color: #a89b90;
}

/* ---- bang danh sach tai ve ---- */
.dl-table {
    margin: 14px 0 0 0;
}

.dl-table > tbody > tr > td {
    padding: 12px 10px;
    background: none;
    border-top: 1px solid #332623;
    vertical-align: middle;
}

.dl-table > tbody > tr:first-child > td {
    border-top: none;
}

.dl-table > tbody > tr:hover > td {
    background: rgba(255, 175, 67, .05);
}

.dl-table .dl-name {
    width: 56%;
    color: #f0e6da;
    font-weight: bold;
    font-size: 14px;
}

.dl-table .dl-host {
    width: 16%;
    color: #9b8e83;
    font-size: 12px;
}

.dl-table .dl-size {
    width: 13%;
    color: #9b8e83;
    font-size: 12px;
    white-space: nowrap;
}

.dl-table .dl-btn {
    width: 15%;
    white-space: nowrap;
}

/* Ban goc dat position:relative; top:-7px cho phan mo ta, lam dong chu
   bi day len de len ten file. O day tra lai vi tri binh thuong. */
.panel-downloads .download-description {
    display: block;
    position: static;
    top: auto;
    margin-top: 5px;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.55;
    color: #97887d;
}

.dl-btn .btn {
    min-width: 86px;
    padding: 6px 14px;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}

/* chua co link -> khong phai nut bam duoc */
.dl-soon {
    display: inline-block;
    min-width: 86px;
    padding: 6px 10px;
    font-size: 11px;
    text-transform: uppercase;
    color: #8a7d72;
    border: 1px dashed #4a3a35;
}

.dl-empty {
    margin: 14px 0 0 0;
    color: #8a7d72;
    font-style: italic;
}

/* ---- nhom kieu ghi chu ---- */
.dl-body {
    margin-top: 14px;
    font-size: 13px;
    line-height: 1.7;
    color: #cbb49b;
}

.dl-body p:last-child {
    margin-bottom: 0;
}

.dl-fix {
    margin-bottom: 14px;
}

.dl-fix > thead > tr > th {
    color: #ffaf43;
    font-size: 13px;
    border-bottom: 1px solid #4a3423 !important;
}

.dl-fix > tbody > tr > td {
    vertical-align: top;
    font-size: 13px;
}

.dl-fix > tbody > tr > td:first-child {
    color: #f0e6da;
}

/* the <code> dung chung cho ca trang tai game */
.panel-downloads code {
    background: #241a18;
    border: 1px solid #4a3423;
    border-radius: 2px;
    padding: 1px 5px;
    font-size: 12px;
    color: #ffcc00;
}

/* link trong khoi ghi chu: mau mac dinh cua theme qua mo, gan nhu lan vao chu */
.dl-body a {
    color: #ffaf43;
    text-decoration: underline;
}

.dl-body a:hover {
    color: #ffcc00;
}

/* ============================================================
   TRA LAI DAU GACH DAU DONG / SO THU TU CHO DANH SACH
   ------------------------------------------------------------
   style.css dong 26 co  ol, ul { list-style: none; }  (reset HTML5).
   Reset nay lam MOI danh sach trong noi dung mat dau dong va mat so,
   nen "1. 2. 3." trong noi dung chi hien thanh cac dong chu roi.
   Chi tra lai trong cac khoi noi dung, KHONG cham vao menu / widget.
   ============================================================ */
.info-body ol,
.dl-body ol {
    list-style: decimal outside;
}

.info-body ul,
.dl-body ul,
.event-list {
    list-style: disc outside;
}

.info-body ol ol,
.info-body ul ul {
    list-style-type: circle;
}

.info-body ol,
.info-body ul {
    padding-left: 24px;
    margin-bottom: 12px;
}

.info-body li {
    margin-bottom: 6px;
    line-height: 1.7;
}

/* dau so / dau dong cho mau am de tach khoi chu */
.info-body li::marker {
    color: #ffaf43;
}

/* ten file / thong bao loi hien nguyen van trong noi dung */
.info-body code {
    background: #241a18;
    border: 1px solid #4a3423;
    border-radius: 2px;
    padding: 1px 5px;
    font-size: 12px;
    color: #ffcc00;
    white-space: nowrap;
}

/* Tieu de co ma neo (truong "id" cua khoi noi dung). Thanh menu
   .top-panel la position:fixed cao 80px, khong co dong nay thi bam
   link #ma-neo se nhay den dung cho tieu de bi thanh menu che mat. */
.page-subtitle[id] {
    scroll-margin-top: 96px;
}

/* ============================================================
   LOGO CHAN TRANG - gioi han chieu cao
   ------------------------------------------------------------
   Chan trang dung CHUNG file voi header (logo-1.png). Logo header
   cao 290px, con hang .footer-end chi cao 224px, de nguyen thi logo
   troi ra khoi hang. Ep xuong 206px de vua hang va con le.
   ============================================================ */
.footer-logo img {
    max-height: 206px;
    width: auto;
}

/* ============================================================
   LOGO NHO TREN THANH MENU
   ------------------------------------------------------------
   .top-panel la flex can giua (flex-c-c) nen KHONG the de logo
   lam phan tu thuong: no se day menu lech sang phai. Dat absolute
   de menu van can giua dung tam cot noi dung 1200px.

   left:50% + margin-left:-600px = mep TRAI cua cot 1200px, bat ke
   be rong man hinh, giong voi .wrapper.
   ============================================================ */
.top-logo {
    position: absolute;
    left: 50%;
    margin-left: -600px;
    top: 0;
    height: 80px;                 /* bang chieu cao thanh menu */
    display: flex;
    align-items: center;
    z-index: 2;
    transition: 0.3s;
}

.top-logo img {
    display: block;
    height: 64px;
    width: auto;
    transition: 0.3s;
}

/* thanh menu thu gon khi cuon -> logo nho theo cho can doi */
.top-panel.top-panel-scrolled .top-logo img {
    height: 54px;
}

.top-logo:hover img {
    -webkit-filter: brightness(120%);
    filter: brightness(120%);
}

/* ============================================================
   CAN GIUA MENU CHO CAN VOI LOGO
   ------------------------------------------------------------
   .top-panel la flex-c-c nen menu can giua theo MAN HINH. Nhung
   logo chiem ben trai, thanh ra khoang trong hai ben khong deu:
       tu logo den chu dau        :  98px
       tu chu cuoi den mep phai   : 191px
   Chu can nam giua vung CON LAI sau logo:
       vung 206..1313 (rong 1107), chu rong 818
       -> chu phai bat dau tai 206 + (1107-818)/2 = 350
       -> dich phai 350 - 304 = 47px
   Them padding-left cho .top-panel thi tam cua vung flex dich
   phai NUA gia tri padding, nen dat 94px de duoc 47px.
   Logo khong bi anh huong vi no position:absolute (moc theo
   padding box cua .top-panel, khong theo vung noi dung).
   ============================================================ */
.top-panel {
    padding-left: 94px;
}

/* ============================================================
   KHOI CHU O CHAN TRANG
   ------------------------------------------------------------
   Ban goc dung <span> + <br /><br /> de xuong dong. O day doi
   sang <p> nen phai tu dat khoang cach.
   ============================================================ */
.footer-block-coperite {
    padding-top: 34px;
    max-width: 560px;
}

.footer-block-coperite .footer-copyright,
.footer-block-coperite .footer-disclaimer {
    margin: 0 0 8px 0;
    font-size: 13px;
    line-height: 1.6;
}

.footer-block-coperite .footer-copyright {
    color: #e0c9a6;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: .4px;
}

.footer-block-coperite .footer-disclaimer {
    margin-bottom: 0;
    color: #9b7f66;
    font-size: 12px;
}

.footer-lang {
    margin-bottom: 14px;
}

.footer-lang span {
    color: #fff;
}

.footer-powered {
    margin-top: 14px;
}

/* ============================================================
   DUA KHOI CHU CHAN TRANG RA GIUA
   ------------------------------------------------------------
   .footer-end la flex voi justify-content:space-between (class
   .flex-s-c). Truoc day hang nay co 3 khoi (chu | logo | mang xa
   hoi) nen space-between dung. Gio da tat logo va chua co link
   mang xa hoi -> chi con khoi chu, bi day sang sat trai.

   Doi sang justify-content:center va bo float cua khoi chu
   (float lam mat tac dung can giua, giong loi da gap o .swiper).

   Khoi mang xa hoi tach ra absolute ghim ben phai, de sau nay
   dien link vao thi icon hien ben phai ma khoi chu VAN o giua
   (neu de trong flow, moi icon them vao se day chu lech trai).
   ============================================================ */
.footer-end {
    justify-content: center;
    position: relative;
    min-height: 90px;   /* giu chieu cao hang khi .footer-block-r ra khoi flow */
}

.footer-block-coperite {
    float: none;
    max-width: 720px;
    text-align: center;
}

.footer-block-r {
    float: none;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

/* ============================================================
   THU GON CHIEU CAO CHAN TRANG
   ------------------------------------------------------------
   Ban goc cao 263px nhung chu chi chiem 48px, 215px con lai la
   khoang dem - vi ban goc co 3 khoi (chu nhieu dong + logo 180px
   + cot mang xa hoi), gio chi con 2 dong chu nen thua rat nhieu.
   Cat o 4 cho:
       .footer padding-bottom        80 -> 28
       .footer-end margin-top        51 -> 20
       .footer-block-coperite pt     34 -> 0
       .soc-block margin-bottom      45 -> 0   (ban goc de cho logo
                                     TemplStock ben duoi, ma logo do
                                     da tat nen khoang nay bo trong)
   min-height cua .footer-end ha tu 90 -> 48 cho vua 2 dong chu,
   van du cho icon mang xa hoi (40px) khi ban dien link vao.
   ============================================================ */
.footer {
    padding-bottom: 28px;
}

.footer-end {
    margin-top: 20px;
    min-height: 48px;
}

.footer-block-coperite {
    padding-top: 0;
}

.soc-block {
    margin-bottom: 0;
}

/* ============================================================
   TRANG SU KIEN: DANH SACH BAI + BAI RIENG LE
   ============================================================ */

/* ---- danh sach bai ---- */
.post-item {
    margin-bottom: 14px;
}

.post-item .news-image img {
    max-height: 150px;
    object-fit: cover;
}

.post-item h3 {
    margin-bottom: 8px !important;
}

.post-item h3 a {
    color: #ffd591;
    transition: 0.2s;
}

.post-item h3 a:hover {
    color: #ffcc00;
}

.post-date {
    font-size: 12px;
    font-style: italic;
    color: #8a7d72;
    margin-bottom: 10px;
}

.post-excerpt {
    color: #b3a496;
    font-size: 13px;
    line-height: 1.7;
    margin-bottom: 12px;
}

.post-more {
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 5px 14px;
}

/* ---- mot bai day du ---- */
.post-back {
    margin-bottom: 18px;
}

.post-back a {
    color: #ffaf43;
    font-size: 13px;
}

.post-back a:hover {
    color: #ffcc00;
}

.post-back-bottom {
    margin: 26px 0 6px 0;
    padding-top: 18px;
    border-top: 1px solid #3a2c25;
}

.post-single-title {
    margin: 0 0 10px 0;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.35;
    color: #ffd591;
}

.post-single-date {
    margin-bottom: 18px;
    padding-bottom: 12px;
    border-bottom: 1px solid #3a2c25;
}

.post-single-image {
    margin-bottom: 20px;
}

.post-single-image img {
    max-width: 100%;
    height: auto;
    box-shadow: 0 4px 14px rgba(0, 0, 0, .35);
}

.post-single-body {
    font-size: 14px;
    line-height: 1.8;
}

/* ============================================================
   BAN INFO (khong SQL) — dieu chinh bo cuc
   ============================================================ */

/* Khoi "Thong tin server" tinh thay cho khoi dem online.
   .server goc co padding-left 157px chua icon; o day bo icon di,
   cho chu trai deu. */
.server.server-info-static {
    padding: 20px 24px 0 24px;
    background: rgba(0, 0, 0, .22);
    line-height: 1.9;
}
.server.server-info-static .flex-s-c {
    border-bottom: 1px solid #3a2c25;
    padding-bottom: 2px;
    margin-bottom: 4px;
}
.server.server-info-static .server-name { color: #cbb49b; }
.server.server-info-static .status-online { color: #ffaf43; font-weight: bold; }
.server.server-info-static .desc {
    display: inline-block;
    margin-top: 6px;
    font-size: 12px;
    color: #8a7d72;
}
.server.server-info-static .desc:hover { color: #ffcc00; }

/* block-widget gio chi con 1 widget (SU KIEN TRONG GAME) -> can giua */
.block-widget.block-widget-info {
    justify-content: center;
}

/* ============================================================
   2 WIDGET THONG TIN (Chinh sach / Thong tin) — kieu widget SU KIEN
   ------------------------------------------------------------
   Dung chung cau truc .block-players / .top-list voi widget su kien,
   chi khac: moi dong la  ten (trai)  ->  gia tri (phai mau cam).
   ============================================================ */

/* dong ten -> gia tri trong widget thong tin */
.top-list.iw-row {
    justify-content: space-between;
}
.iw-name {
    color: #e8dcc8;
    flex: 1 1 auto;
    padding-right: 10px;
}
.iw-val {
    color: #ffaf43;
    font-weight: bold;
    white-space: nowrap;
    text-align: right;
}

/* gia tri dai (vd "Cố định 50.000 Point") cho phep xuong dong, khong tran khung */
.info-widget .iw-row {
    height: auto;
    min-height: 41px;
    padding-top: 4px;
    padding-bottom: 4px;
    align-items: center;
}
.info-widget .iw-val {
    white-space: normal;
    max-width: 55%;
}

/* ============================================================
   WIDGET KIEU TEXT (vd tab DINH HUONG) — 1 cot, khong chia 2 hang
   ============================================================ */
.iw-text {
    padding: 0 30px;
}
.iw-line {
    color: #d8c8b4;
    font-size: 14px;
    line-height: 1.5;
    padding: 5px 0;
}
.iw-line.iw-check {
    color: #e8dcc8;
}
/* tieu de phu (dong bat dau bang 💎) */
.iw-line.iw-head {
    color: #ffaf43;
    font-weight: bold;
    font-size: 15px;
    margin-top: 4px;
    padding-bottom: 8px;
    border-bottom: 1px solid #3a2c25;
}
/* dong trong -> khoang cach */
.iw-gap {
    height: 10px;
}

/* ============================================================
   Hang nut dau trang: chi con nut TAI GAME -> de sat goc TRAI
   (Group Zalo da chuyen len thanh menu)
   ============================================================ */
.fast-button {
    justify-content: flex-start;
}

/* ============================================================
   TRANG DANG KY TAI KHOAN (modules/info.php)
   ============================================================ */
.dangky-guide {
    padding: 6px 4px 20px;
}
.dangky-intro p {
    font-size: 15px;
    color: #d9c7ad;
    line-height: 1.6;
    margin-bottom: 14px;
}
.dangky-intro strong { color: #ffaf43; }
.dangky-steps {
    margin: 0 0 22px;
    padding-left: 24px;
    color: #cbb89c;
    font-size: 14px;
    line-height: 1.85;
    list-style: decimal outside;
}
.dangky-steps li { margin-bottom: 4px; }
.dangky-steps strong { color: #ffd08a; }
.dangky-img {
    text-align: center;
}
.dangky-img img {
    max-width: 100%;
    height: auto;
    border: 1px solid rgba(255, 175, 67, .35);
    border-radius: 6px;
    box-shadow: 0 6px 24px rgba(0, 0, 0, .55);
}

/* ============================================================
   TRANG TIN TUC (modules/tintuc.php)
   ============================================================ */
.news-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
}
.news-card {
    display: flex;
    flex-direction: column;
    background: rgba(0, 0, 0, .28);
    border: 1px solid rgba(255, 175, 67, .18);
    border-radius: 8px;
    overflow: hidden;
    transition: .18s ease;
    color: inherit;
    text-decoration: none;
}
.news-card:hover {
    border-color: rgba(255, 175, 67, .55);
    transform: translateY(-3px);
    box-shadow: 0 10px 26px rgba(0, 0, 0, .5);
}
.news-card-thumb {
    position: relative;
    height: 170px;
    background: #201613 center center / cover no-repeat;
}
.news-pin {
    position: absolute;
    top: 10px; left: 10px;
    background: #c0392b;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    padding: 3px 9px;
    border-radius: 20px;
}
.news-card-body { padding: 14px 16px 16px; }
.news-card-title {
    margin: 0 0 6px;
    font-size: 16px;
    color: #ffaf43;
    line-height: 1.35;
}
.news-card-date { color: #9c8a72; font-size: 12px; margin-bottom: 8px; }
.news-card-sum { color: #c9b393; font-size: 13px; line-height: 1.6; margin: 0 0 10px; }
.news-card-more { color: #ffaf43; font-weight: 700; font-size: 13px; }

/* --- bai chi tiet --- */
.news-single { margin-top: 6px; }
.news-single-title { color: #ffaf43; font-size: 24px; margin: 0 0 8px; line-height: 1.3; }
.news-single-date { color: #9c8a72; font-size: 13px; margin-bottom: 16px; }
.news-single-img { margin: 0 0 18px; }
.news-single-img img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    border: 1px solid rgba(255, 175, 67, .3);
}
.news-single-body { color: #cdb8a0; font-size: 15px; line-height: 1.8; }
.news-single-body p { margin: 0 0 14px; }

@media (max-width: 767px) {
    .news-list { grid-template-columns: 1fr; }
}

/* ============================================================
   FONT TOAN SITE — Be Vietnam Pro (de doc, chuan tieng Viet)
   ============================================================ */
body,
button, input, select, textarea,
.btn, .table, .menu, .top-list, .event-info-table,
.page-title, .page-subtitle, .panel-title {
    font-family: 'Be Vietnam Pro', 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}
body { letter-spacing: .1px; }
.table { font-size: 14px; }

/* ============================================================
   BAI QUAI VIP (trang Su kien ingame) — chip toa do
   ============================================================ */
.coord-chip {
    display: inline-block;
    background: rgba(255, 175, 67, .14);
    border: 1px solid rgba(255, 175, 67, .35);
    color: #ffcf8f;
    font-weight: 600;
    font-size: 12px;
    padding: 1px 7px;
    margin: 2px 3px 2px 0;
    border-radius: 5px;
    white-space: nowrap;
}