/*!
 * ============================================================================
 *  qistyleall-modern.css — PHIÊN BẢN HIỆN ĐẠI (drop-in thay cho qistyleall.css)
 * ----------------------------------------------------------------------------
 *  Cách dùng: ở master/trang muốn hiện đại, ĐỔI link
 *      /App_Themes/all/allcss/qistyleall.css   →   /App_Themes/all/allcss/qistyleall-modern.css
 *  File này @import toàn bộ qistyleall.css gốc (giữ nguyên contract class) rồi
 *  phủ lớp skin hiện đại lên trên. Trang không đổi link => KHÔNG bị ảnh hưởng.
 *
 *  Màu bám động theo tenant qua var(--qi-primary) (= --mau-md, DB ColorSite).
 *  KHÔNG set font-family (để font động của master áp dụng).
 *  Chỉ chứa skin TÁI DÙNG (card, tiêu đề khối, menu, nav, footer, scrollbar,
 *  badge). KHÔNG chứa layout riêng của homehcm2 (qim-align3, TIÊU ĐIỂM neo...).
 * ============================================================================
 */

@import url("qistyleall.css?v=2");

:root {
    --m-primary: var(--qi-primary, var(--mau-md, #004a8f));
    --m-primary-dark: var(--qi-primary-dark, #003666);
    --m-accent: var(--qi-gold, #c8901f);
    --m-surface: #ffffff;
    --m-surface-2: #f6f8fb;
    --m-border: #dbe3ec;
    --m-text: #14202e;
    --m-muted: #5c6b7e;
    --m-radius: 12px;
    --m-radius-sm: 8px;
    --m-shadow: 0 1px 2px rgba(16, 32, 52, .04), 0 6px 18px rgba(16, 32, 52, .06);
    --m-shadow-h: 0 6px 14px rgba(16, 32, 52, .09), 0 18px 38px rgba(16, 32, 52, .12);
}

body { background: #eef2f7; }

.qiContainer {
    background: var(--m-surface);
    border: 1px solid var(--m-border);
    border-radius: var(--m-radius);
    box-shadow: var(--m-shadow);
    overflow: visible;
    margin-bottom: 10px;
    transition: box-shadow .18s;
}
.qiContainer:hover { box-shadow: var(--m-shadow-h); }

.qihome_tieudebg {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 48px;
    padding: 8px 16px 8px 22px !important;
    background: var(--m-surface) !important;
    border-bottom: 1px solid var(--m-border) !important;
    border-left: 0 !important;
}
.qihome_tieudebg > .xem-them { margin-left: auto; }
.qihome_tieudebg .xem-them {
    display: inline-flex !important;
    align-items: center;
    white-space: nowrap;
    font-size: 12px !important;
    font-weight: 600;
    line-height: 1;
    color: var(--m-primary) !important;
    background: rgba(16, 32, 52, .05);
    padding: 5px 12px;
    border-radius: 999px;
    text-decoration: none !important;
    transition: background .15s ease, color .15s ease;
}
.qihome_tieudebg .xem-them:hover { background: var(--m-primary) !important; color: #fff !important; }
.qihome_tieudebg .xem-them img { display: none !important; }
.qihome_tieudebg .xem-them::after { content: "›"; margin-left: 5px; font-size: 15px; font-weight: 700; line-height: 0; }
.qiContainer > .qihome_tieudebg { margin-top: 0 !important; border-radius: var(--m-radius) var(--m-radius) 0 0; }
.qihome_tieudebg .dropdown-menu {
    right: 0 !important;
    left: auto !important;
    top: 100% !important;
    transform: none !important;
    margin-top: 2px !important;
    border: 1px solid var(--m-border);
    border-radius: var(--m-radius-sm, 8px);
    box-shadow: 0 10px 26px rgba(16, 32, 52, .16);
    min-width: 240px;
    max-width: 260px;
}
.qihome_tieudebg .dropdown-menu .dropdown-item { white-space: normal !important; }
.qihome_tieudebg::before {
    content: "";
    position: absolute;
    left: 10px;
    top: 12px;
    bottom: 12px;
    width: 4px;
    border-radius: 3px;
    background: linear-gradient(var(--m-primary), var(--m-primary-dark));
}
.qiborderbottom-2 { border-bottom-width: 1px !important; }
.qiContainer:has(.qihome_tieude[title="Văn bản"]) > .qiContainer_border {
    max-height: 600px;
    overflow-y: auto;
}
.qihome_tieude {
    font-weight: 800 !important;
    font-size: 15px !important;
    text-transform: uppercase;
    letter-spacing: .01em;
    color: var(--m-primary) !important;
}

.qiContainer_border { border: 0 !important; padding: 6px 14px 12px !important; }
.qiContainer_border ul { margin: 0; }
.qiContainer_border li,
.qiContainer_border .qilinoimage {
    padding: 9px 4px !important;
    border-bottom: 1px dashed var(--m-border);
    border-left: 3px solid transparent;
    transition: background .15s, border-color .15s;
}
.qiContainer_border li:last-child { border-bottom: 0; }
.qiContainer_border li:hover { background: var(--m-surface-2); border-left-color: var(--m-primary, var(--m-accent)); }
.qiContainer_border a { color: var(--m-text); }
.qiContainer_border a:hover { color: var(--m-primary); text-decoration: none; }
.itemthongbao,
.mq13 li, .heightvanban li, .van-ban li,
.qiheightTop li, .tieudiemmtop li,
.listitem, .itemHomeTop {
    border-left: 3px solid transparent;
    padding: 6px 10px;
    transition: background .15s ease, border-color .15s ease, color .15s ease;
}
.itemthongbao:hover,
.mq13 li:hover, .heightvanban li:hover, .van-ban li:hover,
.qiheightTop li:hover, .tieudiemmtop li:hover,
.listitem:hover, .itemHomeTop:hover {
    background: var(--m-surface-2, #f6f8fb);
    border-left-color: var(--m-primary, var(--m-accent)) !important;
}
.qiContainer_border .qigd3right {
    border-left: 3px solid transparent;
    padding-left: 6px !important;
    border-radius: 4px;
    transition: background .15s ease, border-color .15s ease;
}
.qiContainer_border .qigd3right:hover {
    background: var(--m-surface-2, #f6f8fb);
    border-left-color: var(--m-primary, var(--m-accent)) !important;
}
.qigd3right .qimaxheighthome { max-height: none !important; overflow: visible !important; }
.qigd3right .titevideolisthome a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.qigd3right > .col-sm-7.titevideolisthome a { -webkit-line-clamp: 3; }
.qigd3right > .col-sm-12.titevideolisthome a { -webkit-line-clamp: 2; }
.qiContainer_border > .row.mx-0:not(.qiheight4) > *:has(a.qitieudechinh) {
    border-left: 3px solid transparent;
    border-radius: var(--m-radius-sm, 6px);
    padding-left: 10px;
    transition: background .15s ease, border-color .15s ease;
}
.qiContainer_border > .row.mx-0:not(.qiheight4) > *:has(a.qitieudechinh):hover {
    background: var(--m-surface-2, #f6f8fb);
    border-left-color: var(--m-primary, var(--m-accent)) !important;
}
.qiContainer_border a.qitieudechinh { transition: filter .15s ease, color .15s ease; }
.qiContainer_border a.qitieudechinh:hover { filter: brightness(.82); }
.embed-responsive-16by9 { border-radius: var(--m-radius-sm); overflow: hidden; }

.qiContainer_border > .row.qiheight4 > .col-sm-5 { border-left: 1px solid var(--m-border); }
.qiContainer_border:has(> .row.qiheight4) { padding-left: 0 !important; padding-right: 0 !important; }
.qiContainer_border > .row.qiheight4 > .col-sm-7,
.qiContainer_border > .row.qiheight4 > .col-sm-12 { padding-left: 10px !important; }
.qiContainer_border:has(> .row.mx-0):not(:has(> .row.qiheight4)) { padding-left: 10px !important; padding-right: 10px !important; }
.qiContainer_border:has(> .row.mx-0):not(:has(> .row.qiheight4)) > .row.mx-0 > [class*="col-"]:first-child { padding-left: 0 !important; }
.qiContainer_border:has(> .row.mx-0):not(:has(> .row.qiheight4)) > .row.mx-0 > [class*="col-"]:last-child { padding-right: 0 !important; }
.qiContainer_border > .row > .qiimgrelate { border-left-width: 0 !important; }
.qiContainer_border:has(> .row.my-2):has(.qigd3right) { padding-left: 10px !important; padding-right: 10px !important; }
.qiContainer_border:has(> .row.my-2):has(.qigd3right) > .row.my-2 { margin-left: 0 !important; margin-right: 0 !important; }
.qiContainer_border:has(> .row.my-2):has(.qigd3right) > .row.my-2 > [class*="col-"]:first-child { padding-left: 0 !important; }
.qiContainer_border:has(> .row.my-2):has(.qigd3right) > .row.my-2 > [class*="col-"]:last-child { padding-right: 0 !important; }

.qiContainer_border .qitieudechinh,
.qiContainer_border .qitieudechinh_DN,
.qiContainer_border .qitieudechinh_DN_right,
.qiheightTop li > a,
.listitem > a,
.itemHomeTop > a,
.s_openmedia,
.mq13 a {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    font-size: 16px !important;
    line-height: 24px !important;
    color: var(--m-text, #1c1c1c) !important;
}
.qiContainer_border:has(> ul) { padding: 0 !important; }
.qiContainer_border > ul { padding-left: 0 !important; padding-right: 0 !important; }
.qiContainer_border > ul > li { padding: 5px 10px !important; }
.qitabcontent {
    padding-left: 0 !important; padding-right: 0 !important;
    background: var(--m-surface, #fff);
    border-top: 0 !important;
    border-color: var(--m-border) !important;
    border-radius: 0 0 12px 12px !important;
}
.qitabcontent > .tab-pane { margin-top: 0 !important; }
.qitabcontent .itemHomeTop { padding: 6px 10px !important; border-bottom: 1px solid var(--m-border); }
.qitabcontent .itemHomeTop:last-child { border-bottom: 0 !important; }
.Content_right ul.qiheightTop > li { border-bottom: 1px solid var(--m-border); }
.Content_right ul.qiheightTop > li:last-child { border-bottom: 0 !important; }
@media (min-width: 576px) {
    .row:has(.demo-slider-3) .Content_right:has(> .qitabcontent) { display: flex; flex-direction: column; }
    .row:has(.demo-slider-3) .Content_right:has(> .qitabcontent) > .tab_tieudetop { flex: 0 0 auto; }
    .row:has(.demo-slider-3) .Content_right:has(> .qitabcontent) > .qitabcontent { flex: 1 1 0; min-height: 0; overflow-y: auto; }
    .row:has(.demo-slider-3) .Content_right:has(ul.qiheightTop) { display: flex; flex-direction: column; }
    .row:has(.demo-slider-3) .Content_right:has(ul.qiheightTop) > .qiContainer,
    .row:has(.demo-slider-3) .Content_right:has(ul.qiheightTop) > .tieudiemmtop { flex: 1 1 0; min-height: 0; display: flex; flex-direction: column; }
    .row:has(.demo-slider-3) .Content_right:has(ul.qiheightTop) > .tieudiemmtop > .qiContainer { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; }
    .row:has(.demo-slider-3) .Content_right:has(ul.qiheightTop) .qiContainer > .qiContainer_border { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; }
    .row:has(.demo-slider-3) .Content_right:has(ul.qiheightTop) .qiContainer > .logo-title,
    .row:has(.demo-slider-3) .Content_right:has(ul.qiheightTop) .qiContainer > .qihome_tieudebg { flex: 0 0 auto; }
    .row:has(.demo-slider-3) .Content_right:has(ul.qiheightTop) ul.qiheightTop {
        flex: 1 1 auto !important; min-height: 0 !important;
        height: auto !important; max-height: none !important;
        overflow-y: auto !important; display: block;
    }
}
.demo-slider-3 {
    min-height: 0 !important;
    height: auto !important;
    padding-bottom: 180px !important;
    margin: 0 auto 10px !important;
}
.qiContainer_border .row > .col-sm-6.border { border-left: 0 !important; border-right: 0 !important; }
.qiContainer_border .row > .col-sm-6.border ~ .col-sm-6.border { border-left: 1px solid var(--m-border) !important; }

.col-sm-6:has(> .qihome_tieudebg) > .qihome_tieudebg {
    border: 1px solid var(--m-border);
    border-radius: var(--m-radius) var(--m-radius) 0 0;
}
.col-sm-6:has(> .qihome_tieudebg) > .qiContainer_border {
    border: 1px solid var(--m-border) !important;
    border-top: 0 !important;
    border-radius: 0 0 var(--m-radius) var(--m-radius);
    box-shadow: var(--m-shadow);
}

.qiheight4 > [class*="col-sm-7"] > .gd4-main { margin-bottom: 6px; }
.qiheight4 .gd4-main + .listitem {
    border-top: 1px solid var(--m-border, #ddd);
    margin-top: 4px;
    padding-top: 10px;
}
.qiheight4 > [class*="col-sm-5"] { padding-left: 20px !important; }
.qiheight4 > [class*="col-sm-7"] { padding-left: 12px !important; padding-right: 12px !important; }
.qiheight4:has(> [class*="col-sm-7"] .listitem) > [class*="col-sm-5"] {
    border-left: 1px solid var(--m-border, #ddd);
}
.qiheight4 .listitem {
    padding-left: 0 !important;
    border-left: 0 !important;
    position: relative;
}
.qiheight4 .listitem::before {
    content: "";
    position: absolute;
    left: -9px;
    top: 6px;
    bottom: 6px;
    width: 3px;
    border-radius: 2px;
    background: transparent;
    transition: background .15s ease;
}
.qiheight4 .listitem:hover::before { background: var(--m-accent, var(--m-primary)); }

.bg-cl .white-back {
    border: 1px solid var(--m-border) !important;
    border-radius: var(--m-radius) !important;
    box-shadow: var(--m-shadow);
    overflow: hidden;
    margin: 0 auto 16px !important;
    background: var(--m-surface) !important;
}
.bg-cl .white-back.r-hol-snip {
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    border-radius: 0 !important;
    overflow: visible;
}
.bg-cl .white-back .hol-itct { padding: 10px 14px !important; }
.white-back .b-title { padding-top: 14px !important; padding-bottom: 12px !important; }
.white-back .titnew-lv3,
.white-back .txt-sl-lv2,
.white-back .txt-tplv2 { font-size: 15px !important; line-height: 21px !important; }
.white-back .item-ratio,
.white-back .img-tt2,
.white-back .img-evnews,
.white-back .img-lv2 { border-radius: 8px; }
.white-back .border-lr,
.white-back .border-lr2,
.white-back .border-right,
.white-back .border-left { border-color: var(--m-border) !important; }
.white-back .top-lv2-new {
    padding: 6px !important;
    border-color: var(--m-border) !important;
    border-radius: 8px 8px 0 0;
    overflow: hidden;
}
.white-back .top-lv2-new .row { margin-left: 0 !important; margin-right: 0 !important; }
.white-back .border-lr,
.white-back .border-lr2 { padding-top: 9px !important; padding-bottom: 9px !important; }
.white-back .divrelateCat { margin-bottom: 16px !important; padding-bottom: 16px !important; }
.white-back .border-lr:last-child {
    border-color: var(--m-border) !important;
    border-radius: 0 0 8px 8px !important;
}
.qiContainer_border .embed-responsive-item img,
.qiContainer_border img { border-radius: var(--m-radius-sm); transition: transform .25s; }
.qiContainer_border li:hover img { transform: scale(1.03); }
.qiimagemain img,
.qiimgrelate .qiimg { transition: transform .45s ease; }
.qiimagemain:hover img,
.qiimgrelate:hover .qiimg { transform: scale(1.08); }
.qimaxheight {
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-height: none !important;
    overflow: visible !important;
}
.qimaxheight .qitieudechinh {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.qiContainer_border li .row:has(> .col-sm-7.qimaxheight) { display: flow-root; }
.qiContainer_border li .row:has(> .col-sm-7.qimaxheight) > .col-sm-5 {
    float: left;
    width: 40%;
    max-width: 40%;
    margin-right: 10px;
}
.qiContainer_border li .row:has(> .col-sm-7.qimaxheight) > .col-sm-7.qimaxheight {
    display: block;
    float: none;
    width: auto;
    max-width: none;
    overflow: visible !important;
}
.qiContainer_border li .row:has(> .col-sm-7.qimaxheight) .qitieudechinh {
    display: block;
    -webkit-line-clamp: unset;
    overflow: visible;
}

.border:has(> marquee[direction="up"]) {
    border: 1px solid var(--m-border) !important;
    border-radius: var(--m-radius) !important;
    box-shadow: var(--m-shadow);
    background: var(--m-surface);
}

.wrapper {
    background: var(--m-surface);
    border: 1px solid var(--m-border);
    border-radius: var(--m-radius);
    box-shadow: var(--m-shadow);
    overflow: visible;
    margin-bottom: 10px;
}
body .qihomemenudoc { border-radius: var(--m-radius) var(--m-radius) 0 0; }
body .qihomemenudoc {
    position: relative;
    background: var(--m-surface) !important;
    color: var(--m-primary) !important;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .02em;
    padding: 14px 12px 14px 18px !important;
    border-bottom: 1px solid var(--m-border);
    font-size: 15px;
}
body .qihomemenudoc::before {
    content: "";
    position: absolute;
    left: 8px;
    top: 14px;
    bottom: 14px;
    width: 4px;
    border-radius: 3px;
    background: linear-gradient(var(--m-primary), var(--m-primary-dark));
}
html body ul.qimenudoc { box-shadow: none !important; }
.qimenudoc { margin: 0; padding: 6px 0; }
.qimenudoc li a,
.qimenudoc .qilist > a {
    display: block;
    padding: 8px 10px 8px 8px !important;
    font-weight: 600;
    font-size: 12.5px;
    color: var(--m-text) !important;
    border-left: 3px solid transparent;
    transition: background .15s, border-color .15s, color .15s;
}
.qimenudoc li a:hover,
.qimenudoc .qilist > a:hover {
    background: var(--m-surface-2);
    border-left-color: var(--m-primary, var(--m-accent));
    color: var(--m-primary) !important;
    text-decoration: none;
}

body #sidebar .qimenudoc a,
body #sidebar .qimenudoc .dropdown-toggle,
body #sidebar .qimenudoc .qitonggle,
body #sidebar .qimenudoc a.parentNote {
    color: var(--m-text) !important;
    font-weight: 600;
    font-size: 12.5px !important;
    line-height: 1.55 !important;
}
body #sidebar .qimenudoc a:hover,
body #sidebar .qimenudoc .dropdown-toggle:hover,
body #sidebar .qimenudoc .qilist:hover > a { color: var(--m-primary) !important; }

body .qimenudoc .qilist.dropright { position: relative; }
body .qimenudoc .qilist.dropright:hover > .dropdown-menu,
body .qimenudoc .qilist.dropright:focus-within > .dropdown-menu { display: block !important; }
body .qimenudoc .dropright > .dropdown-menu {
    position: absolute;
    top: 0;
    left: 100%;
    min-width: 230px;
    margin: 0 0 0 1px;
    border: 1px solid var(--m-border);
    border-radius: 10px;
    box-shadow: 0 12px 30px rgba(16, 32, 52, .18);
    padding: 6px;
    background: #fff;
    z-index: 60;
}
body .qimenudoc .dropdown-menu a { padding: 8px 12px !important; border-radius: 6px; }
body .qimenudoc .dropdown-menu a:hover { background: var(--m-surface-2); }

.van-ban {
    background: var(--m-surface);
    border: 1px solid var(--m-border);
    border-radius: var(--m-radius);
    box-shadow: var(--m-shadow);
    overflow: hidden;
    margin-bottom: 10px;
}
.tieudiemmtop { margin-bottom: 10px; }
body .tieudiemmtop .logo-title,
body .tieudiemmtop .qihome_tieudebg {
    display: flex;
    align-items: center;
    background: var(--m-surface) !important;
    border-bottom: 1px solid var(--m-border) !important;
    border-radius: var(--m-radius) var(--m-radius) 0 0;
    padding: 13px 16px !important;
    margin: 0 !important;
}
body .tieudiemmtop .logo-title img {
    width: 22px !important;
    height: 22px !important;
    margin-right: 8px;
    flex: none;
}
body .tieudiemmtop .qihome_tieude {
    font-weight: 800 !important;
    text-transform: uppercase;
    color: var(--m-primary) !important;
    font-size: 15px !important;
}


body .s_LuotNghe {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: var(--m-primary);
    color: #fff !important;
    font-weight: 800;
    font-size: 13px !important;
    font-style: normal;
    line-height: 1;
    box-shadow: 0 2px 6px rgba(16, 32, 52, .18);
    flex: none;
}
body .qimenudoc li a.parentNote,
body ul.qimenudoc li a.parentNote { color: var(--m-primary) !important; font-weight: 700; }
.qiContainer_border li:nth-child(1) .s_LuotNghe { background: linear-gradient(135deg, #f7ce46, #e0a800); color: #5a4300 !important; }
.qiContainer_border li:nth-child(2) .s_LuotNghe { background: linear-gradient(135deg, #cbd0d7, #9aa2ac); color: #333a42 !important; }
.qiContainer_border li:nth-child(3) .s_LuotNghe { background: linear-gradient(135deg, #e2a877, #c1804a); color: #4a2c12 !important; }
.qiContainer_border .d-flex:has(.s_LuotNghe) > *:has(> .s_LuotNghe) {
    order: -1;
    padding: 0 !important;
    margin-right: 10px !important;
}
.qiContainer_border .d-flex:has(.s_LuotNghe) > .mr-auto {
    margin-right: 0 !important;
    flex: 1;
}

.qimenu.menu-main { box-shadow: 0 3px 14px rgba(0, 0, 0, .16); }
.qimenu .navbar,
.qimenu .navbar-collapse,
.qimenu .navbar-nav { align-items: center !important; }
.qimenu .navbar-nav > li { display: flex; align-items: center; justify-content: center; }
.qimenu .navbar-nav .nav-link {
    padding: 12px 16px !important;
    display: flex;
    align-items: center;
    line-height: 1;
    font-weight: 700;
    letter-spacing: .015em;
    border-radius: 6px 6px 0 0;
    border-bottom: 3px solid transparent;
    transition: background .16s ease, border-color .16s ease;
}
.qimenu .navbar-nav > li:hover > .nav-link,
.qimenu .navbar-nav > li.active > .nav-link {
    background: rgba(255, 255, 255, .14) !important;
    border-bottom-color: var(--qi-gold, #ffd34d) !important;
    color: #fff !important;
}
body .qimenu .navbar-nav .nav-item:hover .nav-link,
body .qimenu .navbar-nav .nav-link:hover,
body .qimenu .navbar-nav .nav-item.show > .nav-link,
body .qimenu .navbar-nav .nav-item.active > .nav-link {
    color: #fff !important;
}
.qimenu .navbar-nav > li.menu_0 > .nav-link {
    background: transparent !important;
    border-bottom-color: transparent !important;
    border-radius: 0 !important;
}
.qimenu .fa-home,
.qimenu .fa-th { font-size: 17px; }
.qimenu .dropdown-menu {
    border: 0;
    border-radius: 0 0 10px 10px;
    box-shadow: 0 12px 30px rgba(16, 32, 52, .18);
    padding: 6px;
    margin-top: 0 !important;
}
.qimenu .dropdown-menu .dropdown-item { border-radius: 6px; padding: 8px 12px; font-weight: 500; transition: background .15s ease; }
.qimenu .dropdown-menu .dropdown-item:hover { background: var(--m-surface-2); color: var(--m-primary); }

.megamenu { padding: 16px 10px !important; border-radius: 0 0 12px 12px; }
.megamenu .col-megamenu, .megamenu .widget { padding: 0 14px 16px !important; }
.megamenu .widget-title {
    margin: 0 0 9px !important;
    padding-bottom: 7px;
    border-bottom: 2px solid var(--m-border, #dbe3ec);
}
.megamenu .widget-title a {
    font-size: 13.5px !important;
    font-weight: 800 !important;
    text-transform: uppercase;
    letter-spacing: .02em;
    color: var(--m-primary) !important;
    text-decoration: none !important;
}
.megamenu .navbar-item { margin: 0 !important; }
.megamenu .navbar-item .nav-link2 {
    display: block;
    padding: 5px 8px !important;
    border-radius: 6px;
    font-size: 13.5px;
    line-height: 1.35;
    font-weight: 500;
    color: #2b3648 !important;
    text-decoration: none !important;
    transition: background .14s ease, color .14s ease, padding-left .14s ease;
}
.megamenu .navbar-item .nav-link2:hover {
    background: var(--m-surface-2, #f6f8fb);
    color: var(--m-primary) !important;
    padding-left: 12px !important;
}
.megamenu .navbar-item .nav-link2 .fa-caret-right { color: var(--m-primary); opacity: .5; font-size: 11px; margin-right: 3px; }
.megamenu .maxhieght { padding-right: 6px; }

.navbar-fixed-top { box-shadow: inset 0 -1px 0 var(--m-border); padding-top: 4px !important; padding-bottom: 4px !important; }
.navbar-fixed-top .d-flex { align-items: center !important; }
.navbar-fixed-top .d-flex > .py-1 { padding-top: 0 !important; padding-bottom: 0 !important; }
.navbar-fixed-top .d-flex > .mr-auto.pt-1 { padding-top: 0 !important; }
.navbar-fixed-top .qibgtop1 { padding-top: 0 !important; padding-bottom: 0 !important; min-height: 0 !important; }
.navbar-fixed-top .qibgtop1 .navbar-nav { align-items: center; }
.navbar-fixed-top .mr-auto img { padding-top: 0 !important; max-height: 40px; }
.navbar-fixed-top .input-group,
.qiMenuTime_flex .input-group { align-items: center; flex-wrap: nowrap; }
.qiMenuTime_flex .d-flex { align-items: center !important; }
.qiMenuTime_flex #qitxtSearch.form-control,
.qiMenuTime_flex .input-group-append .input-group-text { height: 32px !important; }
.qiMenuTime_flex img { max-height: 24px !important; width: auto !important; }
.qiMenuTime_flex .qiChuChay,
.qiMenuTime .qiChuChay {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    overflow: hidden !important;
}
.qiMenuTime_flex .scrolling-text,
.qiMenuTime .scrolling-text { width: 100% !important; overflow: hidden; }
.qiMenuTime {
    height: auto !important;
    min-height: 40px !important;
    display: flex !important;
    align-items: center !important;
}
.qiMenuTime > .container { width: 100%; }
.qiMenuTime .d-flex { align-items: center !important; }
.qiMenuTime .d-flex > * { padding-top: 0 !important; padding-bottom: 0 !important; }
.qiMenuTime .menuTime { padding-top: 0 !important; }
.qiMenuTime img { max-height: 24px !important; width: auto !important; }
.qiMenuTime .d-flex > .ml-auto { display: flex !important; align-items: center !important; }
.qiMenuTime_flex { min-height: 40px; }
nav.qibgtop1 .qilitop > .qifontbold-1 { padding: 7px 12px !important; border-radius: 8px; font-weight: 700; letter-spacing: .01em; transition: background .15s ease, color .15s ease; }
nav.qibgtop1 .qilitop:hover,
nav.qibgtop1 .qilitop.show { background: transparent !important; }
nav.qibgtop1 .qilitop:hover > .qifontbold-1,
nav.qibgtop1 .qilitop.show > .qifontbold-1 { background: var(--m-primary, #c8102e) !important; color: #fff !important; }
#qitxtSearch.form-control {
    border-radius: 999px 0 0 999px !important;
    border: 1.5px solid var(--m-border) !important;
    border-right: 0 !important;
    padding: 8px 16px;
    background: #f6f8fb;
    flex: 1 1 auto;
    min-width: 120px;
    height: 40px !important;
    box-shadow: none;
}
#qitxtSearch.form-control:focus { background: #fff; border-color: var(--m-primary) !important; }
.input-group-append { flex: 0 0 auto; }
.input-group-append .input-group-text {
    border-radius: 0 999px 999px 0 !important;
    background: var(--m-primary, #c8102e);
    color: #fff;
    border: 0;
    cursor: pointer;
    width: 46px;
    height: 40px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: filter .15s ease;
}
.input-group-append .input-group-text:hover { filter: brightness(1.1); }

.mq13 { overflow-y: auto !important; }
.qiContainer_border,
.qiheightTop,
.noidungthongbao,
.mq13,
.tieudiemmtop *,
.Content_right *,
.megamenu,
.megamenu .maxhieght,
.qimenu .dropdown-menu { scrollbar-width: thin; scrollbar-color: rgba(120, 135, 155, .45) transparent; }
.qiContainer_border::-webkit-scrollbar,
.qiheightTop::-webkit-scrollbar,
.noidungthongbao::-webkit-scrollbar,
.mq13::-webkit-scrollbar,
.tieudiemmtop *::-webkit-scrollbar,
.Content_right *::-webkit-scrollbar,
.megamenu ::-webkit-scrollbar,
.qimenu .dropdown-menu ::-webkit-scrollbar { width: 8px; height: 8px; }
.qiContainer_border::-webkit-scrollbar-track,
.qiheightTop::-webkit-scrollbar-track,
.noidungthongbao::-webkit-scrollbar-track,
.mq13::-webkit-scrollbar-track,
.tieudiemmtop *::-webkit-scrollbar-track,
.Content_right *::-webkit-scrollbar-track,
.megamenu ::-webkit-scrollbar-track,
.qimenu .dropdown-menu ::-webkit-scrollbar-track { background: transparent !important; margin: 4px 0; }
.qiContainer_border::-webkit-scrollbar-thumb,
.qiheightTop::-webkit-scrollbar-thumb,
.noidungthongbao::-webkit-scrollbar-thumb,
.mq13::-webkit-scrollbar-thumb,
.tieudiemmtop *::-webkit-scrollbar-thumb,
.Content_right *::-webkit-scrollbar-thumb,
.megamenu ::-webkit-scrollbar-thumb,
.qimenu .dropdown-menu ::-webkit-scrollbar-thumb {
    background: rgba(120, 135, 155, .4) !important;
    border-radius: 999px !important;
    border: 2px solid transparent;
    background-clip: padding-box;
    transition: background .2s ease;
}
.qiContainer_border::-webkit-scrollbar-thumb:hover,
.qiheightTop::-webkit-scrollbar-thumb:hover,
.noidungthongbao::-webkit-scrollbar-thumb:hover,
.mq13::-webkit-scrollbar-thumb:hover,
.Content_right *::-webkit-scrollbar-thumb:hover,
.megamenu ::-webkit-scrollbar-thumb:hover { background: var(--m-primary, rgba(92, 107, 126, .7)) !important; }
.heightvanban { scrollbar-width: thin; scrollbar-color: rgba(120, 135, 155, .45) transparent; }
.heightvanban::-webkit-scrollbar { width: 8px; height: 8px; }
.heightvanban::-webkit-scrollbar-track { background: transparent !important; }
.heightvanban::-webkit-scrollbar-thumb {
    background: rgba(120, 135, 155, .4) !important;
    border-radius: 999px !important;
    border: 2px solid transparent;
    background-clip: padding-box;
}
.heightvanban::-webkit-scrollbar-thumb:hover { background: var(--m-primary, rgba(92, 107, 126, .7)) !important; }

.amazingslider-nav-thumbnail-tite-0 > a,
.amazingslider-nav-thumbnail-tite-1 > a,
.amazingslider-nav-thumbnail-tite-2 > a {
    display: -webkit-box !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden !important;
    text-overflow: ellipsis;
}

.qiheightItem { max-height: none !important; overflow: visible !important; }
.qiheightItem a,
.qiheightItem .qitieudechinh {
    display: -webkit-box !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden !important;
}

.qitieudechinh,
.titleItem, .titleItem a,
.qiheightmain, .qiheightmain a,
.qiheightItem, .qiheightItem a,
.qiContainer_border li a,
.tieudiemmtop li a,
.mq13 li a,
.noidungthongbao .titleItem,
.s_openmedia,
.van-ban li a { text-align: left; }

.qiContainer_border a, .noidungthongbao a, .itemthongbao a,
.mq13 a, .heightvanban a, .van-ban li a,
.qiheightTop a, .qiheightItem a, .qiheightmain a, .tieudiemmtop a,
.listitem a, .titevideolisthome a, .qigd3right a,
.qitieudechinh, .tieudechinh a, .titleItem a, .s_openmedia,
.hol-itct a, .r-hol-snip a, .titnew-lv3 a, a.titnew-lv3,
.top-title, .txt-tplv2, .txt-sl-lv2, .txt-snipt,
.qitieudechinh_DN, .qitieudechinh_DN_right {
    transition: color .16s ease !important;
}
.qiContainer_border a:hover, .noidungthongbao a:hover, .itemthongbao a:hover,
.mq13 a:hover, .heightvanban a:hover, .van-ban li a:hover,
.qiheightTop a:hover, .qiheightItem a:hover, .qiheightmain a:hover, .tieudiemmtop a:hover,
.listitem a:hover, .titevideolisthome a:hover, .qigd3right a:hover,
.qitieudechinh:hover, .tieudechinh a:hover, .titleItem a:hover, .s_openmedia:hover,
.hol-itct a:hover, .r-hol-snip a:hover, .titnew-lv3 a:hover, a.titnew-lv3:hover,
.top-title:hover, .txt-tplv2:hover, .txt-sl-lv2:hover, .txt-snipt:hover,
.qitieudechinh_DN:hover, .qitieudechinh_DN_right:hover,
.itemHomeTop a:hover {
    color: var(--m-primary, #c8102e) !important;
    text-decoration: none !important;
}

.divitemtop, .newitem, .top-lv2-new, .border-lr, .border-lr2, .divrelateCat,
.itemdocnhieu, .itclhol, .heightvanban > .col {
    transition: background .15s ease, color .15s ease;
}
.divitemtop:hover, .newitem:hover, .top-lv2-new:hover, .border-lr:hover,
.border-lr2:hover, .divrelateCat:hover, .itemdocnhieu:hover, .itclhol:hover,
.heightvanban > .col:hover {
    background: var(--m-surface-2, #f6f8fb);
}
.divitemtop .hntexttop, .divrelateCat .box-text-ev1 {
    position: relative;
    transition: padding-left .14s ease;
}
.divitemtop .hntexttop::before, .divrelateCat .box-text-ev1::before {
    content: ""; position: absolute; left: 2px; top: 2px; bottom: 2px;
    width: 3px; background: var(--m-accent, var(--m-primary, #c8102e));
    opacity: 0; transition: opacity .14s ease; border-radius: 2px; pointer-events: none;
}
.divitemtop:hover .hntexttop, .divrelateCat:hover .box-text-ev1 { padding-left: 11px; }
.divitemtop:hover .hntexttop::before, .divrelateCat:hover .box-text-ev1::before { opacity: 1; }
.top-lv2-new .titnew-lv2 { padding-left: 0 !important; }
.top-lv2-new .col.width100 {
    position: relative;
    padding-left: 0;
    transition: padding-left .14s ease;
}
.top-lv2-new .col.width100::before {
    content: ""; position: absolute; left: 2px; top: 2px; bottom: 2px;
    width: 3px; background: var(--m-accent, var(--m-primary, #c8102e));
    opacity: 0; transition: opacity .14s ease; border-radius: 2px; pointer-events: none;
}
.top-lv2-new:hover .col.width100 { padding-left: 11px; }
.top-lv2-new:hover .col.width100::before { opacity: 1; }
.divrelateCat .row-cols-2 > .d-grid { padding-left: 10px !important; }
.border-lr, .border-lr2, .heightvanban > .col.d-grid, .newitem, .itemdocnhieu {
    position: relative;
}
.border-lr::before, .border-lr2::before, .heightvanban > .col.d-grid::before,
.newitem::before, .itemdocnhieu::before {
    content: ""; position: absolute; left: 6px; top: 3px; bottom: 3px;
    width: 3px; background: var(--m-accent, var(--m-primary, #c8102e));
    opacity: 0; transition: opacity .15s ease; border-radius: 2px; pointer-events: none;
}
.border-lr::before, .border-lr2::before, .heightvanban > .col.d-grid::before {
    bottom: 16px;
}
.itemdocnhieu::before { left: 0; }
.border-lr:hover::before, .border-lr2:hover::before, .heightvanban > .col.d-grid:hover::before,
.newitem:hover::before, .itemdocnhieu:hover::before { opacity: 1; }
.divitemtop:hover .txt-tplv2, .divrelateCat:hover .titnew-lv3, .top-lv2-new:hover .txt-tplv2,
.border-lr:hover .txt-sl-lv2, .border-lr2:hover .txt-sl-lv2, .newitem:hover .txt-sl-lv2,
.heightvanban > .col:hover .txt-snipt, .itemdocnhieu:hover .txt-snipt {
    color: var(--m-primary, #c8102e) !important;
}
.itclhol .it-ct { position: relative; }
.itclhol .it-ct::before {
    content: ""; position: absolute; left: 0; top: 3px; bottom: 3px;
    width: 3px; background: var(--m-accent, var(--m-primary, #c8102e));
    opacity: 0; transition: opacity .15s ease; border-radius: 2px;
}
.itclhol:hover .it-ct::before { opacity: 1; }
.itclhol:hover .txt-ct { color: var(--m-primary, #c8102e) !important; }

footer #CenterFooter .border-bottom { border-bottom: 0 !important; }
footer #CenterFooter > .d-flex:not(.border-bottom) { border-top: 1px solid rgba(0, 0, 0, .12); margin-top: 6px; padding-top: 12px; }
footer,
footer .jumbotron { background-color: #fdf2d6; margin: 0 !important; }
.yhy-append-wrap {
    position: fixed !important;
    left: 20px;
    bottom: 20px;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    z-index: 50;
}

@media (prefers-reduced-motion: reduce) { * { transition: none !important; } }

.qitieudechinh,
.qitieudechinh15,
.qiheightTop li a,
.a-simple.fw-500,
.a-simple.anim-title,
.itemHomeTop a,
.itemthongbao a {
    font-weight: 700 !important;
}

.qitieudechinh:not(.color-md),
.itemHomeTop a,
.itemthongbao a {
    color: #1a1a1a !important;
}

@media (min-width: 992px) {
    .qimenu #main_nav99 { min-width: 0; max-width: 100%; }
    .qimenu #main_nav99 .navbar-nav { flex-wrap: nowrap; min-width: 0; }
    .qimenu #main_nav99 .navbar-nav > .nav-item { flex: 0 0 auto; }
    .qimenu #main_nav99 .navbar-nav > .nav-item > .nav-link,
    .qimenu #main_nav99 .navbar-nav > .nav-item > .nav-link.dropdown-toggle { white-space: nowrap !important; }

    .qimenu22 .navbar-collapse:has(> .link-menu) { flex-wrap: nowrap; min-width: 0; }
    .qimenu22 .link-menu {
        display: flex;
        flex-wrap: nowrap;
        align-items: stretch;
        min-width: 0;
    }
    .qimenu22 .link-menu > li { flex: 0 0 auto; list-style: none; }
    .qimenu22 .link-menu .nav-link { white-space: nowrap; }
}

#tienganh, #tiengviet { flex: 0 0 auto; display: inline-flex; align-items: center; }

#tienganh img, #tiengviet img {
    width: 50px !important;
    height: 24px !important;
    max-height: none !important;
    max-width: none;
    object-fit: contain;
    display: block;
}

.qi-nhom-ngaydoc { column-gap: 12px; row-gap: 6px; }
.qi-nut-chiase { display: inline-flex; align-items: center; line-height: 0; }
.qi-nut-chiase img { display: block; width: 80px; height: auto; }

.qiMenuTime_flex.pb-2,
.qiMenuTime.pb-2 { margin-top: 0 !important; }

.action_bar_news { flex-wrap: wrap; row-gap: 8px; }
.action_bar_news > article.qi-nhom-ngaydoc { flex: 1 1 240px; min-width: 0; }
.action_bar_news > article.action_button_change { flex: 0 0 auto; justify-content: flex-end; }

.action_bar_news .action_button_change { flex-wrap: wrap; row-gap: 6px; }
.action_bar_news .font-change { flex-wrap: wrap; }

.divitemtop .hntexttop::before,
.divrelateCat .box-text-ev1::before,
.top-lv2-new .col.width100::before,
.border-lr::before, .border-lr2::before,
.heightvanban > .col.d-grid::before,
.newitem::before, .itemdocnhieu::before,
.itclhol .it-ct::before,
.qiheight4 .listitem::before {
    content: none !important;
    display: none !important;
}

.divitemtop:hover .hntexttop,
.divrelateCat:hover .box-text-ev1,
.top-lv2-new:hover .col.width100 {
    padding-left: 0 !important;
}

img[src*="iconnew"] {
    display: inline-block;
    width: auto !important;
    max-width: 30px !important;
    vertical-align: middle;
    margin-left: 4px;
    max-height: 16px !important;
}

a.d-xl-flex.top-title:has(> .qiiconnew) {
    display: -webkit-box !important;
}

body ul.qimenudoc li a,
body nav.navbar .navbar-nav .dropdown-item,
body .megamenu a.nav-link2 {
    text-transform: uppercase !important;
}

body nav.navbar .navbar-nav .dropdown-item {
    font-size: 14.5px !important;
}

body .megamenu a.nav-link2 {
    font-size: 13px !important;
}

#divAdLeft ul,
#divAdRight ul {
    padding-left: 0 !important;
    margin: 0 !important;
}
#divAdLeft,
#divAdRight {
    z-index: 40;
}


body .ads-wrapper.adsLeft { left: -135px; }
body .ads-wrapper.adsRight { left: calc(100% + 10px); }

@media (max-width: 1409.98px) {
    body #qctrai,
    body #qcphai,
    body .ads-wrapper.adsLeft,
    body .ads-wrapper.adsRight {
        display: none !important;
    }
}

body ul.item_hint > li {
    padding-bottom: 16px;
    margin-bottom: 16px;
    border-bottom: 1px solid var(--m-border);
}

body ul.item_hint > li:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0;
}

body .date_and_cate {
    font-size: 13px;
    color: var(--m-muted);
    margin-bottom: 6px;
}

body .date_and_cate > span { color: inherit; }

@media (max-width: 767.98px) {
    body a.Filedinhkem {
        display: inline-flex;
        align-items: center;
        min-height: 44px;
    }

    body .qitopsubmenu > a.dropdown-item {
        display: flex;
        align-items: center;
        min-height: 44px;
    }

    body .breadcrumb_list a { display: inline-block; padding: 11px 0; }

    body ul.pagination { flex-wrap: wrap; justify-content: center; }

    body ul.pagination > li > a {
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 44px;
        min-height: 44px;
        padding: 6px 8px;
    }
}

body .qitopsubmenu > a.dropdown-item {
    text-transform: uppercase !important;
}

body .qimenudoc .qiitems > li > a.parentNote.menucap0,
body .qimenudoc .qiitems > li > a.parentNote.menuparentcap0 {
    margin-left: 0 !important;
}

body .qimenudoc .qiitems.menucap0 > li > a { padding-left: 22px !important; }
body .qimenudoc .qiitems.menucap1 > li > a { padding-left: 36px !important; }
body .qimenudoc .qiitems.menucap2 > li > a { padding-left: 50px !important; }

body .qimenudoc .qiitems > li > a.parentNote.menuparentcap0 { padding-left: 22px !important; }
body .qimenudoc .qiitems > li > a.parentNote.menuparentcap1 { padding-left: 36px !important; }
body .qimenudoc .qiitems > li > a.parentNote.menuparentcap2 { padding-left: 50px !important; }

body #sidebar .qimenudoc .qilist:has(> ul.qiitems.show) > a,
body #sidebar .qimenudoc .qilist:has(> ul.qiitems.collapsing) > a,
body .qimenudoc .qilist:has(> ul.qiitems.show) > a,
body .qimenudoc .qilist:has(> ul.qiitems.collapsing) > a {
    background: var(--m-surface-2) !important;
    border-left-color: var(--m-primary, var(--m-accent)) !important;
    color: var(--m-primary) !important;
}

html body .rate-16x9 { aspect-ratio: 16 / 9; }

@media (max-width: 1259.98px) {
    html body .left_gallery_home  { left: 4px; }
    html body .right_gallery_home { right: 4px; }
    html body .left_gallery_home,
    html body .right_gallery_home {
        z-index: 2;
        font-size: 36px;
        padding: 6px;
        box-sizing: content-box;
        border-radius: 50%;
        background: rgba(255, 255, 255, .75);
    }
}

html body .container-fluid.qimenu:has(.menu-main-mn) { overflow-x: clip; }

html body .center-doc,
html body article:has(> .right_detail_content),
html body .right_detail_content { min-width: 0; }

@media (min-width: 992px) {
    html body .left_detail_content { flex: 0 0 calc(25% - 15px); max-width: calc(25% - 15px); width: calc(25% - 15px); }
    html body .left_detail_content > * { max-width: 100%; }
    html body .left_detail_content :is(.wrapper, nav, #sidebar, .qihomemenudoc, ul.qimenudoc, .qiContainer) {
        width: auto !important; max-width: 100% !important; min-width: 0 !important;
    }
}