@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/Assets/performance/inter-vn-400.woff2) format("woff2")}
@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/Assets/performance/inter-vn-500.woff2) format("woff2")}
@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/Assets/performance/inter-vn-600.woff2) format("woff2")}
@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/Assets/performance/inter-vn-700.woff2) format("woff2")}

body,input,button,select,textarea,.form-control,.btn,h1,h2,h3,h4,h5,h6,.main-header .logo{font-family:Inter,Arial,sans-serif!important}
body{font-size:14px;font-weight:400;line-height:1.55}
.sidebar-menu a,.navbar a,.btn,.nav-tabs a{font-weight:500}
label,th,.card-header,.box-title,h1,h2,h3,h4,h5,h6{font-weight:600}
strong,b,.label,.badge{font-weight:700}
input::placeholder,textarea::placeholder{color:#8290a3;opacity:1}
.nl-service-page #myTab>li>a{font-weight:600;padding:14px 10px}
.nl-service-page #myTab>li.active>a{border-radius:14px 38px 0 0}
.nl-service-page #tab-11 label{font-weight:600}
.nl-service-page #tab-11,.nl-service-page #tab-11 .form-control{font-size:14px}
.nl-service-page #tab-history table{font-size:13px;line-height:1.6;border-color:#e0e5ec}
.nl-service-page #tab-history th{background:#f1f4f8;color:#30445b;padding:12px 10px;border-color:#e0e5ec;white-space:nowrap}
.nl-service-page #tab-history td{padding:12px 10px;vertical-align:middle;border-color:#e0e5ec}
.nl-service-page #tab-history tbody tr:nth-child(even){background:#f7f9fc}
.nl-service-page #tab-history tbody tr:hover{background:#edf5fc}
.nl-service-page #tab-history .label{display:inline-block;padding:5px 7px;border-radius:4px;font-size:11px}
.nl-service-page #tab-history .btn{border-radius:4px}
.nl-service-page .topup-desc{font-size:14px;line-height:1.8}

@media(min-width:768px){
.main-header{position:fixed!important;top:0;left:0;right:0;width:100%;z-index:1030}
.content-wrapper{padding-top:50px}
.main-sidebar{position:fixed!important;top:50px!important;bottom:0;left:0;padding-top:0!important;height:calc(100vh - 50px)!important;min-height:0!important;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;overflow-anchor:none;scrollbar-width:thin;scrollbar-color:#52636e #222d32}
.main-sidebar>.sidebar{height:auto!important;overflow:visible!important;padding-bottom:16px}
.sidebar-mini.sidebar-collapse .main-sidebar{overflow:visible}
}
html{scrollbar-gutter:stable}
.nl-tab-icon{display:inline-block;width:15px;height:15px;vertical-align:-2px;fill:currentColor;margin-right:5px}

@media(min-width:768px){.nl-service-page .content-wrapper{min-height:100vh!important}}

/* Keep the navigation frame anchored; only its contents can scroll. */
:root{--nl-header-height:50px}
.main-header{position:fixed!important;top:0;left:0;right:0;width:100%;z-index:1030}
.content-wrapper{padding-top:var(--nl-header-height)!important}
.main-sidebar{position:fixed!important;top:var(--nl-header-height)!important;bottom:0!important;left:0;padding-top:0!important;height:calc(100vh - var(--nl-header-height))!important;height:calc(100dvh - var(--nl-header-height))!important;min-height:0!important;overflow:hidden!important;z-index:1020;overscroll-behavior:none}
.main-sidebar>.sidebar{height:100%!important;max-height:100%;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior-y:contain;overflow-anchor:none;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#52636e #222d32;padding-bottom:max(20px,env(safe-area-inset-bottom))}
.nl-menu-backdrop{display:none}
@media(min-width:768px){.sidebar-mini.sidebar-collapse .main-sidebar,.sidebar-mini.sidebar-collapse .main-sidebar>.sidebar{overflow:visible!important}}
@media(max-width:767px){
:root{--nl-header-height:100px}
body.sidebar-open .content-wrapper,body.sidebar-open .main-footer{transform:none!important}
.nl-menu-backdrop{position:fixed;inset:var(--nl-header-height) 0 0;z-index:1019;background:rgba(17,30,40,.32);border:0;padding:0}
body.sidebar-open .nl-menu-backdrop{display:block}
body.nl-menu-locked{position:fixed!important;left:0;right:0;width:100%;overflow:hidden!important}
}

html{scroll-padding-top:calc(var(--nl-header-height,100px) + 12px)}