html{overflow-y:scroll}
/* One clear Vietnamese type system for every public page. */
body,button,input,select,textarea{font-family:"Segoe UI",Arial,Helvetica,sans-serif!important}h1,h2,h3,h4,h5,h6{font-family:"Segoe UI",Arial,Helvetica,sans-serif!important;letter-spacing:-.025em!important;line-height:1.18!important}p,li,label,summary{line-height:1.55}
body{font-size:16px!important}h1{font-size:42px!important}h2{font-size:30px!important}h3{font-size:21px!important}h4,h5,h6{font-size:18px!important}p,li{font-size:16px!important}button,input,select,textarea{font-size:15px!important}
@media(max-width:720px){body{font-size:15px!important}h1{font-size:34px!important}h2{font-size:25px!important}h3{font-size:19px!important}h4,h5,h6{font-size:17px!important}p,li{font-size:15px!important}button,input,select,textarea{font-size:15px!important}.nl-global-nav a,.site-nav a,.nl-account-link{font-size:14px!important}}
.nl-global-nav,.site-nav{position:sticky;top:0;z-index:30;background:#0c1625;border-bottom:1px solid #29445f;box-shadow:0 5px 16px rgba(0,0,0,.22)}
body>header .brand,body>header .forum-brand,body>header .web-brand{display:inline-flex!important;align-items:center;gap:12px;min-height:44px;min-width:0}
body>header .brand img,body>header .forum-brand img,body>header .web-brand img{width:44px!important;height:44px!important;flex:0 0 44px;aspect-ratio:1/1;display:block!important;object-fit:cover;border-radius:12px!important}
body>header .brand>span,body>header .brand>strong,body>header .forum-brand>span,body>header .web-brand>span{display:block!important;min-width:0;font:800 18px/1.15 Arial,Helvetica,sans-serif!important;letter-spacing:-.3px}
body>header .brand>span b,body>header .forum-brand>span b,body>header .web-brand>span b{color:#0a78d0!important}
body>header .brand>span small,body>header .brand>strong small,body>header .forum-brand>span small,body>header .web-brand>span small{display:block!important;margin-top:4px!important;font:400 11px/1.2 Arial,Helvetica,sans-serif!important;letter-spacing:1.8px!important;color:#6480a5!important}
.nl-global-nav-inner,.site-nav-inner{width:min(1200px,calc(100% - 48px));margin:auto;padding:10px 0;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.nl-global-nav a,.site-nav a,.nl-account-link{flex:0 0 auto;display:inline-flex;align-items:center;min-height:38px;padding:8px 13px;border:1px solid transparent;border-radius:999px;color:#e0edf8;font:700 14px/1.2 Arial,Helvetica,sans-serif;white-space:nowrap;text-decoration:none}
.nl-global-nav a:hover,.site-nav a:hover,.nl-account-link:hover{background:#17334a;border-color:#3b6382;text-decoration:none;color:#fff}
.nl-global-nav a:focus-visible,.site-nav a:focus-visible,.nl-account-link:focus-visible{outline:3px solid #7dddf5;outline-offset:2px}
.nl-global-nav a.active,.site-nav a.active{background:#0a78d0;color:#fff;border-color:#0a78d0}
.nl-account-link{background:#173f5c;border-color:#3a83ad;color:#bfeeff!important}
.nl-account-link:hover{background:#1e5a7d;border-color:#6fc9ee;color:#fff!important}
.nl-menu-toggle{display:none}

/* Keep the main content columns on the same readable canvas. */
.support-clean .workspace{width:min(1200px,calc(100% - 48px))!important;max-width:1200px!important;margin:0 auto!important;padding-left:0!important;padding-right:0!important}
.support-clean .support-footer{width:min(1200px,calc(100% - 48px))!important;max-width:1200px!important;margin:0 auto!important;padding-left:0!important;padding-right:0!important}
.page-width,.web-container,.forum-layout{width:min(1200px,calc(100% - 48px))}
/* Use the design-website content canvas (1200px) throughout every public page. */
body>main#noi-dung .wrap,body>footer .wrap{width:min(1200px,calc(100% - 48px))!important;max-width:1200px!important;margin-left:auto!important;margin-right:auto!important}
body>main.support-main{width:min(1200px,calc(100% - 48px))!important;max-width:1200px!important;margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important}
body>footer.support-page-footer{width:min(1200px,calc(100% - 48px))!important;max-width:1200px!important;margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important}

@media(max-width:720px){
  .nl-global-nav,.site-nav{position:relative!important;top:auto!important;box-shadow:0 2px 8px rgba(0,0,0,.12)}
  .nl-menu-toggle{width:100%;min-height:48px;padding:10px 16px;border:0;background:#0c1625;color:#fff;display:flex;align-items:center;justify-content:space-between;font:700 15px/1.2 Arial,Helvetica,sans-serif;text-align:left;cursor:pointer}
  .nl-menu-toggle-icon{font-size:24px;line-height:1}
  .nl-global-nav-inner,.site-nav-inner{display:none!important;width:100%!important;margin:0!important;padding:6px 12px 12px!important;gap:4px!important;flex-direction:column!important;align-items:stretch!important;overflow:visible!important}
  .nl-global-nav.menu-open .nl-global-nav-inner,.site-nav.menu-open .site-nav-inner{display:flex!important}
  .nl-global-nav a,.site-nav a,.nl-account-link{width:100%;min-height:40px;padding:9px 12px;font-size:14px;border-radius:9px;justify-content:flex-start}
  .support-clean .workspace,.support-clean .support-footer{width:calc(100% - 32px)!important}
  .page-width,.web-container,.forum-layout,body>main#noi-dung .wrap,body>footer .wrap,body>main.support-main,body>footer.support-page-footer{width:calc(100% - 32px)!important;max-width:1200px!important}
  body>main.support-main{padding-left:0!important;padding-right:0!important}
}
@media(max-width:720px){body>header .brand,body>header .forum-brand,body>header .web-brand{min-height:44px}body>header .brand img,body>header .forum-brand img,body>header .web-brand img{width:44px!important;height:44px!important;flex-basis:44px}body>header .brand>span,body>header .brand>strong,body>header .forum-brand>span,body>header .web-brand>span{font-size:15px!important;letter-spacing:-.2px}body>header .brand>span small,body>header .brand>strong small,body>header .forum-brand>span small,body>header .web-brand>span small{font-size:10px!important;letter-spacing:1.4px!important}}

/* Keep the menu at the same vertical position while moving between pages. */
@media(min-width:721px){
  /* Use one centered canvas so the brand and menu do not jump between templates. */
  body>header{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;padding-left:max(30px,calc((100vw - 1500px)/2))!important;padding-right:max(30px,calc((100vw - 1500px)/2))!important}
  body.support-clean>header{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;padding-left:max(30px,calc((100vw - 1500px)/2))!important;padding-right:max(30px,calc((100vw - 1500px)/2))!important}
  body>header.top{padding-left:0!important;padding-right:0!important}
  body>header.top .nav{width:min(1500px,calc(100% - 60px))!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important}
  .nl-global-nav-inner,.site-nav-inner{width:min(1500px,calc(100% - 60px))!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important}
  body>header{height:88px!important;min-height:88px!important;overflow:hidden}
  body.support-clean>header nav,
  body>header.top .navlinks,
  body>header.site-header nav,
  body>header.web-header nav,
  body>header.forum-header nav{display:none!important}
}
@media(max-width:720px){
  body>header{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;padding-left:16px!important;padding-right:16px!important}
  body.support-clean>header{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;padding-left:16px!important;padding-right:16px!important}
  body>header.top{padding-left:0!important;padding-right:0!important}
  body>header{height:72px!important;min-height:72px!important;overflow:hidden}
  body.support-clean>header nav,
  body>header.top .navlinks,
  body>header.site-header nav,
  body>header.web-header nav,
  body>header.forum-header nav{display:none!important}
}


/* Logged-in customer summary in the open header space. */
body>header{position:relative}
.nl-account-summary{position:absolute;top:8px;right:max(30px,calc((100vw - 1500px)/2));z-index:4;display:inline-flex;align-items:center;gap:8px;min-height:30px;padding:4px 10px 4px 8px;border:1px solid #d8e4ef;border-radius:999px;background:#f8fbff;color:#123556;text-decoration:none;box-shadow:0 2px 7px rgba(18,53,86,.08)}
.nl-account-summary[hidden]{display:none!important}
.nl-account-summary:hover{border-color:#75b9dc;background:#eef8ff;text-decoration:none}
.nl-account-summary-dot{width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:#19b97a;box-shadow:0 0 0 3px #19b97a1f}
.nl-account-summary-copy{display:flex;align-items:baseline;gap:7px;min-width:0;white-space:nowrap}
.nl-account-summary-copy small{font:700 8px/1 Arial,Helvetica,sans-serif;letter-spacing:.7px;color:#5c7a96}
.nl-account-summary-copy strong{max-width:170px;overflow:hidden;text-overflow:ellipsis;font:700 12px/1.15 Arial,Helvetica,sans-serif;color:#123c62}
.nl-account-summary-copy span{max-width:250px;overflow:hidden;text-overflow:ellipsis;font:400 10px/1.15 Arial,Helvetica,sans-serif;color:#6c8197}
.nl-account-summary-balance{padding-left:8px;border-left:1px solid #d5e1ec;font:700 10px/1.15 Arial,Helvetica,sans-serif;color:#0a78a9;white-space:nowrap}
@media(max-width:720px){body>header{position:relative!important;height:118px!important;min-height:118px!important;padding:0 16px!important;overflow:visible!important;box-sizing:border-box!important}body>header .brand,body>header .forum-brand,body>header .web-brand{position:absolute!important;top:15px!important;left:16px!important;margin:0!important}.nl-account-summary{top:75px;left:16px;right:auto;max-width:calc(100% - 32px);padding:4px 8px}.nl-account-summary-copy small{display:none}.nl-account-summary-copy strong{max-width:130px}.nl-account-summary-copy span{display:none}.nl-account-summary-balance{font-size:9px}}

.nl-account-summary:not(.is-authenticated) .nl-account-summary-dot{background:#9aaabd;box-shadow:0 0 0 3px #9aaabd1f}