/* /App_Themes/all/allcss/qi-tokens.css */
/*!
 * ============================================================================
 *  qi-tokens.css — HỆ DESIGN TOKEN CHUẨN CỦA DỰ ÁN (single source of truth)
 * ----------------------------------------------------------------------------
 *  Mục đích:
 *    - Gom TẤT CẢ biến giao diện (màu / font / spacing / bo góc / bóng đổ) về
 *      MỘT nơi duy nhất, thay cho các bộ biến rải rác đang cạnh tranh nhau:
 *      --mau-md, --mau-website, --main-color-*, --color-md ...
 *    - File CHỈ chứa khai báo :root (token), KHÔNG chứa style component,
 *      nên nạp vào là hoàn toàn "trơ" (inert): không tự đổi giao diện,
 *      chỉ có tác dụng ở nơi nào chủ động dùng var(--qi-*).
 *
 *  Kiến trúc 2 lớp (giữ theo quy ước sẵn có của dự án):
 *      1) Lớp INPUT thô  : --mau-md, --font-chu-dao ...  → theme từng tỉnh
 *                          chỉ cần GHI ĐÈ vài biến này là đổi được toàn bộ.
 *      2) Lớp SEMANTIC   : --qi-*  → component dùng lớp này, không dùng mã màu.
 *
 *  NGUỒN MÀU KHI CHẠY (runtime source of truth):
 *      Màu chủ đạo mỗi web được cấu hình trong DB (SiteConfig.ColorSite) và được
 *      code-behind của master inject xuống CUỐI <head> dưới dạng:
 *          :root { --mau-md:<ColorSite>; --color-md:<ColorSite> !important; --b-footer:<ColorSite>; }
 *      Vì inject nạp SAU file này (và có !important trên --color-md) nên MÀU DB
 *      LUÔN THẮNG. Các giá trị mặc định bên dưới chỉ là FALLBACK khi web chưa cấu
 *      hình màu. Lớp --qi-* dẫn xuất từ --mau-md/--color-md nên tự bám theo màu DB.
 *
 *  Cách đổi theme cho 1 tenant (KHÔNG sửa file này): cấu hình ColorSite trong DB,
 *  hoặc trong CSS riêng của tỉnh (nạp SAU file này) đặt:
 *      :root { --mau-md:#004580; --font-chu-dao:"Inter",sans-serif; }
 *
 *  THỨ TỰ NẠP: nạp file này TRƯỚC bootstrap & CSS skin/tenant & inject màu động.
 * ============================================================================
 */

:root {
    --mau-md: #004580;
    --mau-md-dark: #003561;
    --mau-md-soft: rgba(0, 69, 128, 0.08);
    --mau-md-contrast: #ffffff;
    --mau-md-accent: #186bcc;
    --mau-md-shadow: 0 10px 24px rgba(0, 69, 128, 0.18);

    --font-chu-dao: "Roboto", Arial, Helvetica, sans-serif;
    --font-tieu-de: var(--font-chu-dao);

    --qi-primary: var(--mau-md, var(--color-md, #004580));
    --qi-primary-dark: var(--mau-md-dark, #003561);
    --qi-primary-soft: var(--mau-md-soft, rgba(0, 69, 128, 0.08));
    --qi-on-primary: var(--mau-md-contrast, #ffffff);
    --qi-accent: var(--mau-md-accent, var(--qi-primary));
    --qi-gradient-primary: var(--mau-md-gradient, linear-gradient(135deg, var(--qi-primary) 0%, var(--qi-primary-dark) 100%));

    --qi-danger: #e20001;
    --qi-warning: #ffd800;
    --qi-success: #1e7e34;

    --qi-body-bg: #fdf2d6;
    --qi-surface: #ffffff;
    --qi-surface-soft: #f7f7f7;

    --qi-border: #e5e7eb;
    --qi-border-strong: #d1d5db;
    --qi-text: #1c1c1c;
    --qi-muted: #64748b;
    --qi-link: var(--qi-accent);

    --qi-font-family: var(--font-chu-dao, "Roboto", Arial, Helvetica, sans-serif);
    --qi-font-heading: var(--font-tieu-de, var(--qi-font-family));

    --qi-radius-sm: 8px;
    --qi-radius-md: 12px;
    --qi-radius-lg: 16px;

    --qi-shadow-sm: 0 2px 8px rgba(15, 23, 42, 0.06);
    --qi-shadow-md: 0 10px 24px rgba(15, 23, 42, 0.08);
    --qi-shadow-lg: 0 18px 40px rgba(15, 23, 42, 0.12);
    --qi-shadow-primary: var(--mau-md-shadow, 0 10px 24px rgba(0, 69, 128, 0.18));

    --qi-transition: 180ms ease;

    --mau-website: var(--qi-primary);
    --color-md: var(--qi-primary);
    --main-color-big-title: var(--qi-primary);
    --main-color-medium-title: var(--qi-primary);
    --main-color-small-title: var(--qi-primary);
    --main-color-pre-content: var(--qi-text);
}

.qi-h1-seo {
    position: absolute !important;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
}

a.search_button,
.btn.search_button {
    background: transparent !important;
}

.menu-list .list-inline.d-xl-flex {
    flex-wrap: wrap;
}

.menu-list .list-inline.d-xl-flex > li {
    flex: 0 0 auto;
}

.menu-list .list-inline.d-xl-flex > li > a {
    white-space: nowrap;
}

.mb-10 { margin-bottom: 10px !important; }
.mb-12 { margin-bottom: 12px !important; }
.mb-15 { margin-bottom: 15px !important; }
.mb-20 { margin-bottom: 20px !important; }
.ml-10 { margin-left: 10px !important; }
.ml-14 { margin-left: 14px !important; }
.ml-30 { margin-left: 30px !important; }
.mr-6  { margin-right: 6px !important; }
.mr-8  { margin-right: 8px !important; }
.mr-10 { margin-right: 10px !important; }
.mr-13 { margin-right: 13px !important; }
.mr-15 { margin-right: 15px !important; }
.mr-25 { margin-right: 25px !important; }
.mt-6  { margin-top: 6px !important; }
.mt-9  { margin-top: 9px !important; }
.mt-10 { margin-top: 10px !important; }
.mt-14 { margin-top: 14px !important; }
.mt-15 { margin-top: 15px !important; }
.mt-17 { margin-top: 17px !important; }
.mt-20 { margin-top: 20px !important; }
.mt-30 { margin-top: 30px !important; }
.mt-50 { margin-top: 50px !important; }
.pb-10 { padding-bottom: 10px !important; }
.pb-20 { padding-bottom: 20px !important; }
.pb-50 { padding-bottom: 50px !important; }
.pl-7  { padding-left: 7px !important; }
.pl-10 { padding-left: 10px !important; }
.pl-15 { padding-left: 15px !important; }
.pl-20 { padding-left: 20px !important; }
.pr-10 { padding-right: 10px !important; }
.pr-15 { padding-right: 15px !important; }
.pt-10 { padding-top: 10px !important; }
.pt-20 { padding-top: 20px !important; }
.wi-10 { width: 10px !important; }
.wi-14 { width: 14px !important; }
.wi-15 { width: 15px !important; }
.wi-42 { width: 42px !important; }

@media (min-width: 1200px) {
    footer.footer .container.w-1300,
    footer.footer > aside.w-1300 {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}

.row > .qicontentdetail.col,
.row > .qifile.col {
    flex: 0 0 100% !important;
    max-width: 100% !important;
}

.qicontentdetail img:not(.item-ratio),
.detail_news_content img:not(.item-ratio),
.content-detail img:not(.item-ratio) {
    max-width: 100% !important;
    height: auto !important;
}

@media (max-width: 767.98px) {
    .qicontentdetail img.anhnoidung,
    .content-detail img.anhnoidung,
    .qicontentdetail p > img:only-child,
    .qicontentdetail div > img:only-child,
    .qicontentdetail figure > img,
    .qicontentdetail > img.img-responsive {
        width: 100% !important;
        height: auto !important;
    }
}

@media (max-width: 1499.98px) {
    .qimenu #main_nav99 .navbar-nav > .nav-item > .nav-link,
    #main_nav99 .navbar-nav > .nav-item > .nav-link {
        padding-left: 4px !important;
        padding-right: 4px !important;
    }

    #main_nav99 .navbar-nav > .nav-item {
        padding-right: 2px !important;
    }
}

@media (max-width: 1319.98px) {
    .container.header-second,
    .container-fluid.qimenu > .container,
    .container-fluid.qimenu22 > .container {
        width: 100% !important;
        max-width: 100%;
    }


    #qcphai,
    .ads-wrapper.adsRight,
    #divAdRight {
        display: none !important;
    }
}

body .header .qimenu .container,
body .header .qimenu22 .container {
    width: 100% !important;
}

img.item-ratio,
img.item-ratio2,
img.embed-responsive-item,
.embed-responsive > img,
.ratio > img,
.ratio-16x9 > img {
    object-fit: cover;
}

.qi-bang-cuon {
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

@media (max-width: 767.98px) {
    .qi-bang-cuon table[width]:not([width$="%"]),
    .qicontentdetail table[width]:not([width$="%"]),
    .content-detail table[width]:not([width$="%"]) {
        width: auto !important;
    }

    .qi-bang-cuon table,
    .qicontentdetail table,
    .content-detail table {
        max-width: 100% !important;
    }

    .qi-bang-cuon td[width]:not([width$="%"]),
    .qi-bang-cuon th[width]:not([width$="%"]),
    .qicontentdetail td[width]:not([width$="%"]),
    .qicontentdetail th[width]:not([width$="%"]) {
        width: auto !important;
    }

    .qi-bang-cuon td, .qi-bang-cuon th,
    .qicontentdetail td, .qicontentdetail th,
    .content-detail td, .content-detail th {
        overflow-wrap: break-word;
        word-break: normal !important;
    }

    .qi-bang-cuon table img,
    .qicontentdetail table img {
        max-width: 100% !important;
        height: auto !important;
    }
}

th.qi-stt, td.qi-stt {
    white-space: nowrap !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    width: 1%;
    min-width: 3.2em;
    text-align: center;
    vertical-align: middle !important;
}

.qipaging {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    padding: 4px 0;
}

.qipaging > a,
.qipaging > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    height: 36px;
    padding: 0 8px;
    border: 1px solid #d9dee7;
    border-radius: 6px;
    background: #fff;
    color: var(--mau-md, #1c64d4);
    font-size: 15px;
    line-height: 1;
    text-decoration: none;
}

.qipaging > span {
    border-color: transparent;
    background: transparent;
    color: #98a2b3;
    min-width: 18px;
    padding: 0 2px;
}

.qipaging > a:hover { border-color: var(--mau-md, #1c64d4); }

.qipaging > a.qipagingcurrent {
    background: var(--mau-md, #1c64d4);
    border-color: var(--mau-md, #1c64d4);
    color: #fff;
    font-weight: 600;
}


table.qi-bang-thuoctinh {
    margin-bottom: 12px;
    border: 1px solid #e3e7ee;
    border-radius: 8px;
    border-collapse: separate;
    border-spacing: 0;
    overflow: hidden;
}

table.qi-bang-thuoctinh td {
    padding: 10px 12px !important;
    font-size: 14.5px;
    line-height: 1.5;
    vertical-align: top;
    border: 0 !important;
    border-top: 1px solid #eef0f4 !important;
    background: #fff;
}

table.qi-bang-thuoctinh tr:first-child td { border-top: 0 !important; }
table.qi-bang-thuoctinh td + td { border-left: 1px solid #eef0f4 !important; }
table.qi-bang-thuoctinh b,
table.qi-bang-thuoctinh strong { color: #475467; font-weight: 600; }

.qi-tep-dinhkem + .qi-tep-dinhkem {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #e3e7ee;
}

.qi-tep-dinhkem .Filedinhkem_P { margin-top: 0 !important; }

.Filedinhkem_P {
    flex-wrap: wrap;
    row-gap: 6px;
}

.heightview.maincontain { margin-top: 10px; }

@media (max-width: 767.98px) {
    .qiluotdocchitiet:not(.qi-nhom-ngaydoc) {
        flex-wrap: wrap;
        align-items: center;
        gap: 2px 10px;
    }

    .qiluotdocchitiet:not(.qi-nhom-ngaydoc) > div {
        white-space: nowrap;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

.qiboxtincungchuyenmuc .qibootomSpace {
    margin: 0 !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.qiboxtincungchuyenmuc .qibootomSpace + .qibootomSpace { border-top: 1px solid #eef0f4; }

.scrollmenu .qihome_tieudebg { padding: 10px !important; }
.scrollmenu .qihome_tieude { padding: 0 !important; }

.scrollmenu { align-items: center; }

@media (max-width: 991.98px) {
    .carousel-indicators {
        left: 0 !important;
        right: 0 !important;
        bottom: 8px !important;
        width: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        align-items: center;
    }

    .qirp .body-ct .carousel .carousel-indicators { display: none !important; }

    .carousel-indicators li,
    .carousel-indicators button {
        flex: 0 0 auto;
        width: 8px !important;
        height: 8px !important;
        margin: 0 4px !important;
        border: 0 !important;
        border-radius: 50% !important;
        background-color: rgba(255, 255, 255, .55) !important;
        box-shadow: 0 1px 2px rgba(0, 0, 0, .35);
        opacity: 1;
        transition: width .2s ease, background-color .2s ease;
    }

    .carousel-indicators li.active,
    .carousel-indicators button.active {
        width: 20px !important;
        border-radius: 4px !important;
        background-color: #fff !important;
    }
}

@media (max-width: 767.98px) {
    .qiluotdocchitiet.qi-nhom-ngaydoc.qi-nhom-ngaydoc {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        gap: 8px !important;
    }
}

.container.homehaiphong > .row > [class*="col-"] > .row.my-2 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

body .qimenu.sticky-top,
body .qimenu22.sticky-top {
    box-shadow: 0 3px 10px rgba(0, 0, 0, .18);
}

body .q-content,
body .news-item__titleTop a,
body .moreless-content,
body .mq13 li a,
body .noidungthongbao .titleItem,
body .s_openmedia,
body .van-ban li a,
body .qiContainer_border ul li,
body .HomeTopNewsMains p,
body .HomeTopListNewsItem .summary,
body .qisummaryhome,
body .txt-tplv2,
body .txt-sl-lv2,
body .top-title,
body .titleItem,
body .news-item__title,
body .news-item__title a,
body .morelink,
body .qilinoimage,
body .qitieudechinh,
body .qiheightItem,
body .qiheightmain {
    text-align: left !important;
}

body [style*="text-align: justify"]:not(.qicontentdetail):not(.content_page):not(.qinoidungsoan):not(.qicontentdetail *):not(.content_page *):not(.qinoidungsoan *),
body [style*="text-align:justify"]:not(.qicontentdetail):not(.content_page):not(.qinoidungsoan):not(.qicontentdetail *):not(.content_page *):not(.qinoidungsoan *),
body .text-justify:not(.qicontentdetail):not(.content_page):not(.qinoidungsoan):not(.qicontentdetail *):not(.content_page *):not(.qinoidungsoan *) {
    text-align: left !important;
}

.qi-mxh {
    position: fixed; right: 10px; top: 50%; transform: translateY(-50%); z-index: 90;
    display: flex; flex-direction: column; gap: 8px;
    padding: 8px; border-radius: 999px;
    background: rgba(255,255,255,.92); box-shadow: 0 4px 16px rgba(0,0,0,.14);
}
.qi-mxh a {
    width: 44px; height: 44px; border-radius: 999px;
    display: inline-flex; align-items: center; justify-content: center;
    font-size: 19px; color: #fff;
    background: #6B7280;
    transition: filter .18s ease, transform .18s ease;
}
.qi-mxh a:hover { color: #fff; transform: translateY(-2px); filter: brightness(1.12); }

.qi-mxh a svg { width: 19px; height: 19px; display: block; }

.qi-mxh a.fb { background: #1877F2; }
.qi-mxh a.yt { background: #FF0000; }
.qi-mxh a.ig { background: #C13584; }
.qi-mxh a.tt { background: #010101; }
.qi-mxh a.li { background: #0A66C2; }
.qi-mxh a.za { background: #FFFFFF; color: #0068FF; box-shadow: inset 0 0 0 1px #E5E7EB; }
.qi-mxh a.za svg { width: 20px; height: 20px; }

@media (max-width: 991.98px) {
    .qi-mxh { display: none; }
}

html body .time:not(.carousel-caption:not(.caption2) *),
html body .hour-zone:not(:has(.time)):not(.carousel-caption:not(.caption2) *),
html body .date_and_cate > span:first-child,
html body span.timesnip,
html body :is(.item_drune_left, .item_drune_left1) > span.fs-13,
html body span.fs-13.color-gray,
html body .item_drune_left > span.mb-1.d-flex,
html body span.subtitle-1,
html body span.color_gray:is(.fs-13, .fs-11),
html body span.font-size-13.color-gray {
    display: inline-flex !important;
    align-items: center;
    gap: 5px;
    margin-top: 4px !important; margin-bottom: 0 !important;
    padding-top: 0 !important; padding-bottom: 0 !important; padding-left: 0;
    font-size: 12px !important;
    line-height: 1.4 !important;
    font-weight: 500;
    letter-spacing: .01em;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
    color: #64748b !important;
}
html body .date_and_cate > span:first-child { font-size: 13px !important; margin: 0 10px 0 0 !important; }
html body .time:not(.carousel-caption:not(.caption2) *)::before,
html body .hour-zone:not(:has(.time)):not(.carousel-caption:not(.caption2) *)::before,
html body .date_and_cate > span:first-child::before,
html body span.timesnip::before,
html body :is(.item_drune_left, .item_drune_left1) > span.fs-13::before,
html body span.fs-13.color-gray::before,
html body .item_drune_left > span.mb-1.d-flex::before,
html body span.subtitle-1::before,
html body span.color_gray:is(.fs-13, .fs-11)::before,
html body span.font-size-13.color-gray::before {
    content: "";
    flex: 0 0 1em;
    width: 1em;
    height: 1em;
    background: currentColor;
    opacity: .85;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9.5'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9.5'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E") center / contain no-repeat;
}

:root { --qi-tieude: #1a1a1a; }

html body a.color-md.fw-700:is(.fs-30, .fs-20),
html body a.top-title:not(.carousel-caption:not(.caption2) *),
html body :is(h1, h2).fs-21.lhe-28.color-md,
html body :is(h1, h2).fs-21.lhe-28.color-md > a,
html body .big_item_video .line-3 > a {
    color: var(--qi-tieude) !important;
    transition: color .15s ease;
}
html body a.color-md.fw-700:is(.fs-30, .fs-20):hover,
html body a.top-title:not(.carousel-caption:not(.caption2) *):hover,
html body :is(h1, h2).fs-21.lhe-28.color-md > a:hover,
html body .big_item_video .line-3 > a:hover {
    color: var(--color-md, #0B4F8A) !important;
}

html body a.color-md.fw-700.fs-30 { line-height: 1.3 !important; }
html body .lhe-35:has(> a.color-md.fw-700.fs-30) { line-height: 39px !important; }
html body a.color-md.fw-700.fs-20 { line-height: 1.35 !important; }
html body .lhe-25:has(> a.color-md.fw-700.fs-20) { line-height: 27px !important; }
html body a.top-title,
html body .anim_title_medium { line-height: 1.35 !important; }
html body .title-2:has(> .anim_title_medium) { line-height: 31px !important; }
html body h2.fs-21.lhe-24 { line-height: 1.4 !important; }
html body a.link-underline.link-2,
html body .news-item__title,
html body .news-item__titleTop { line-height: 1.4 !important; }
html body .lhe-24:is(.line-3, .line-10):not(.fs-15):has(> a),
html body .mb-3.pb-1:has(> a.link-underline.link-2) { line-height: 27px !important; }

html body .qicontentdetail { line-height: 1.6; }

html body .title-2 > a.anim_title_medium,
html body .title-3 > a.a-none.fw-normal { color: var(--qi-tieude) !important; transition: color .15s ease; }
html body .title-2 > a.anim_title_medium:hover,
html body .title-3 > a.a-none.fw-normal:hover { color: var(--color-md, #0B4F8A) !important; }
html body .title-3 > a.a-none.fw-normal { font-weight: 600 !important; line-height: 1.4 !important; }
html body .item_news_same > .right_item { justify-content: flex-start !important; gap: 2px; }
html body a.link-underline.link-2 { font-weight: 600 !important; color: var(--qi-tieude) !important; transition: color .15s ease; }
html body a.link-underline.link-2:hover { color: var(--color-md, #0B4F8A) !important; }
html body .title-1 > a.link-underline.link-2 + .time { display: flex !important; width: max-content; margin-top: 6px !important; }
html body p.listitem > a[target="_blank"] { font-weight: 600 !important; color: var(--qi-tieude) !important; transition: color .15s ease; }
html body p.listitem > a[target="_blank"]:hover { color: var(--color-md, #0B4F8A) !important; }
html body :is(p.listitem, p.titleItem) > a + span.time:not(#_) { display: flex !important; width: max-content; margin-top: 6px !important; }
html body .qilinoimage > .time:not(#_) { padding-left: 10px !important; padding-right: 10px !important; }
html body .qiContainer_border li .row:has(> .col-sm-7.qimaxheight) > .col-sm-7.qimaxheight { display: flow-root !important; }

html .swiper-button-prev::after,
html .swiper-button-next::after {
    content: "";
    font-size: 0;
    display: block;
    box-sizing: border-box;
    width: calc(var(--swiper-navigation-size, 44px) * .38);
    height: calc(var(--swiper-navigation-size, 44px) * .38);
    border-top: 3px solid currentColor;
    border-right: 3px solid currentColor;
}
html .swiper-button-prev::after { transform: translateX(22%) rotate(-135deg); }
html .swiper-button-next::after { transform: translateX(-22%) rotate(45deg); }

html body nav.qibgtop1 { z-index: 1030; }

/* /App_Themes/all/allcss/qi-nut.css */

html body .btn.qi-nut {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 42px;
    padding: 0 20px !important;
    border-radius: 8px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    white-space: nowrap;
    text-decoration: none !important;
    box-shadow: none;
    transition: filter .15s, background-color .15s, border-color .15s, color .15s;
}
html body .btn.qi-nut svg { flex: 0 0 auto; }
html body .btn.btnqi.qi-nut:hover,
html body .btn.btnqi.qi-nut:focus-visible { filter: brightness(.92); }
html body .btn.qi-nut:focus-visible { outline: 3px solid rgba(37, 99, 235, .35); outline-offset: 2px; }

html body .btn.qi-nut--phu {
    background: #fff !important;
    color: #334155 !important;
    border: 1px solid #cbd5e1 !important;
}
html body .btn.qi-nut--phu:hover,
html body .btn.qi-nut--phu:focus-visible { background: #f1f5f9 !important; border-color: #94a3b8 !important; color: #0f172a !important; }

html body .btn.qi-nut--canh { min-height: 0; align-self: stretch; padding: 0 16px !important; }
html body .qi-hang-42 .form-control { height: 42px; }

html body .btn.qi-nut--gui { margin-top: 6px; }
@media (max-width: 575.98px) {
    html body .btn.qi-nut--gui { width: 100%; }
}