/* SNEAT UI 26/10/2026 — ghi de de cac trang cu (theme toi) hien dung tren bo cuc Sneat nen sang */
main.mt-5 { margin-top: 0 !important; }
.content-wrapper .text-white, .content-wrapper h1.text-white, .content-wrapper h2.text-white, .content-wrapper h3.text-white, .content-wrapper h5.text-white, .content-wrapper .card-body.text-white, .content-wrapper .nav-link.text-white { color: #566a7f !important; }
.content-wrapper .background-4, .content-wrapper .background-3 { background: #fff !important; box-shadow: 0 .25rem 1.125rem rgba(75,70,92,.1); border: 0; border-radius: .5rem; }
.content-wrapper .card { border: 0; }
.content-wrapper .card .card-title, .content-wrapper .news_title { color: #566a7f; }
.content-wrapper .text-white.div-title, .content-wrapper .dv-title h3 { color: #566a7f !important; }
/* tieu de trang (khoi "Danh muc dich vu") */
.content-wrapper #title_hosting, .content-wrapper h2.text-white { color: #566a7f !important; font-weight: 600; font-size: 1.25rem; }
/* nut */
.btn-blue-black { color: #fff !important; background: #696cff !important; border: 1px solid #696cff !important; border-radius: .375rem; text-transform: none; font-weight: 500; box-shadow: 0 .125rem .25rem rgba(105,108,255,.4); }
.btn-blue-black:hover { background: #5f61e6 !important; border-color: #5f61e6 !important; color: #fff !important; }
.btnlogin, .btnlogin2 { background: #696cff; color: #fff; border: 0; border-radius: .375rem; padding: .6rem 1rem; width: 100%; font-weight: 500; }
.btnlogin:hover { background: #5f61e6; }
/* form dang nhap / dang ky */
.content-wrapper .wrapper { background: #fff; width: 100%; max-width: 440px; margin: 2rem auto; padding: 2rem; border-radius: .5rem; box-shadow: 0 .25rem 1.125rem rgba(75,70,92,.1); }
.content-wrapper .dv-title h3, .content-wrapper .wrapper .title { color: #566a7f !important; font-size: 1.35rem; margin-bottom: 1.25rem; }
.content-wrapper .input-field { margin: .75rem 0; }
.content-wrapper .input-label { display: block; margin-bottom: .35rem; font-size: .8125rem; color: #566a7f; text-transform: uppercase; letter-spacing: .5px; }
.content-wrapper .input, .content-wrapper .custom-input .input { width: 100%; padding: .5rem .875rem; border: 1px solid #d9dee3; border-radius: .375rem; background: #fff; color: #697a8d; font-size: .9375rem; }
.content-wrapper .input:focus { border-color: #696cff; outline: 0; box-shadow: 0 0 .25rem .05rem rgba(105,108,255,.1); }
.content-wrapper .wrapper .form p, .content-wrapper .wrapper .form p a { color: #697a8d; }
/* menu phu trang ho so (navbar.php) */
.content-wrapper .menu_border { border: 0; background: #fff; border-radius: .5rem; box-shadow: 0 .25rem 1.125rem rgba(75,70,92,.1); text-align: left; }
.content-wrapper .menu_border h5 { font-size: .75rem; color: #a1acb8; text-transform: uppercase; margin: 1rem 0 .25rem; }
.content-wrapper .menu_border .nav-link { color: #566a7f !important; border-radius: .375rem; }
.content-wrapper .menu_border .nav-link:hover, .content-wrapper .menu_border .nav-link.active { background: rgba(105,108,255,.16); color: #696cff !important; }
/* bang */
.content-wrapper table { background: #fff; }
.content-wrapper .table > :not(caption) > * > * { color: #697a8d; }
.content-wrapper .table thead th, .content-wrapper .table th { color: #566a7f; font-size: .75rem; text-transform: uppercase; letter-spacing: .5px; }
.content-wrapper .bg-dark { background: #fff !important; color: #697a8d !important; }
.content-wrapper .border-white { border-color: #d9dee3 !important; }
.content-wrapper .form-control, .content-wrapper .form-select { background: #fff; color: #697a8d; }
.content-wrapper img[src=""] { display: none; }
.content-wrapper .card img[width="100%"] { object-fit: cover; border-top-left-radius: .5rem; border-top-right-radius: .5rem; }
/* modal thong bao trang chu */
.modal-content.background-4 { background: #fff !important; }
.modal-body.text-white { color: #697a8d !important; }
.modal-title.text-danger { color: #ff3e1d !important; }
/* avatar menu */
.app-brand.demo { height: 64px; }
.menu-icon { width: 1.375rem; text-align: center; }
.layout-navbar .form-control { background: transparent; }
/* mobile: an nut thu menu khi menu dang dong (tranh cham tron lo goc trai) */
@media (max-width: 1199.98px) { html:not(.layout-menu-expanded) #layout-menu .layout-menu-toggle { display: none !important; } }

/* SEO27 27/10/2026 — blog + trang tool: bai viet, bang, hinh, FAQ, muc luc, the bai viet */
.sx-intro p { line-height: 1.7; }
.sx-faq h3 { margin-top: .25rem; }
.sx-links li { margin-bottom: .35rem; }
.breadcrumb .breadcrumb-item + .breadcrumb-item::before { content: "›"; }
.sx-post-card img.card-img-top { width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; border-top-left-radius: .5rem; border-top-right-radius: .5rem; }
.sx-post-card .text-body:hover { color: #696cff !important; }
.sx-article .sx-cover img { width: 100%; height: auto; border-radius: .5rem; }
.sx-article .sx-body { font-size: 1rem; line-height: 1.8; color: #566a7f; }
.sx-article .sx-body h2 { font-size: 1.25rem; font-weight: 700; color: #566a7f; margin: 1.75rem 0 .75rem; }
.sx-article .sx-body h3 { font-size: 1.05rem; font-weight: 600; color: #566a7f; margin: 1.25rem 0 .5rem; }
.sx-article .sx-body p { margin-bottom: 1rem; }
.sx-article .sx-body ul, .sx-article .sx-body ol { padding-left: 1.35rem; margin-bottom: 1rem; }
.sx-article .sx-body li { margin-bottom: .35rem; }
.sx-article .sx-body a { color: #696cff; text-decoration: underline; text-underline-offset: 2px; }
.sx-article .sx-body figure { margin: 1.25rem 0; }
.sx-article .sx-body figure img { width: 100%; height: auto; border-radius: .5rem; box-shadow: 0 .25rem 1.125rem rgba(75,70,92,.1); }
.sx-article .sx-body figcaption { font-size: .8125rem; color: #a1acb8; text-align: center; margin-top: .5rem; }
.sx-article .sx-body table { width: 100%; border-collapse: collapse; margin: 1rem 0 1.5rem; font-size: .9rem; background: #fff; }
.sx-article .sx-body th, .sx-article .sx-body td { border: 1px solid #d9dee3; padding: .55rem .7rem; vertical-align: top; text-align: left; }
.sx-article .sx-body th { background: rgba(105,108,255,.08); color: #566a7f; font-weight: 600; }
.sx-article .sx-body .table-wrap { overflow-x: auto; }
.sx-article .sx-body blockquote { border-left: 4px solid #696cff; background: rgba(105,108,255,.06); padding: .75rem 1rem; border-radius: .375rem; margin: 1rem 0; }
.sx-article .sx-body .sx-note { background: #fff8e6; border: 1px solid #ffe3a3; border-radius: .375rem; padding: .75rem 1rem; margin: 1rem 0; }
.sx-toc { background: #f5f5f9; border-radius: .5rem; padding: .9rem 1.1rem; font-size: .9rem; }
.sx-toc ol { padding-left: 1.2rem; margin-top: .35rem; }
.sx-toc a { color: #566a7f; }
.sx-toc a:hover { color: #696cff; }
@media (max-width: 767.98px) { .sx-article .sx-body { font-size: .95rem; } .sx-article .sx-body h2 { font-size: 1.12rem; } }
/* SEO27-A11Y 27/10/2026: link trong doan van co gach chan, footer-link du vung cham */
.content-wrapper p a:not(.btn), .sx-intro a, .sx-faq a { text-decoration: underline; text-underline-offset: 2px; }
.footer-link { display: inline-block; padding: .4rem 0; }
.card-header.h5 { font-size: 1.125rem; }

/* PERF27 27/10/2026: font du phong khop so do Public Sans theo tung do dam. size-adjust = tong advance chu Viet tren trang tool (2054 ky tu) cua Public Sans (bien the wght, fontTools instancer) chia Arial/Arial Bold: 400=1,0315 500=1,0374 600=0,9720 700=0,9815 (do bang file font, khong phu thuoc may; do bang trinh duyet Windows bi lam tron advance nen sai). ascent/descent = 0,95/0,225 chia size-adjust. Chi co tac dung o man hinh < 1200px (desktop dung display=block). Doi file nay PHAI bump ?v= o Head.php. */
@font-face { font-family: "Public Sans Fallback"; font-weight: 100 400; src: local("Arial"), local("Liberation Sans"), local("Helvetica"), local("Roboto"); size-adjust: 103.15%; ascent-override: 92.10%; descent-override: 21.81%; line-gap-override: 0%; }
@font-face { font-family: "Public Sans Fallback"; font-weight: 500; src: local("Arial"), local("Liberation Sans"), local("Helvetica"), local("Roboto"); size-adjust: 103.74%; ascent-override: 91.58%; descent-override: 21.69%; line-gap-override: 0%; }
@font-face { font-family: "Public Sans Fallback"; font-weight: 600; src: local("Arial Bold"), local("Arial-BoldMT"), local("Liberation Sans Bold"), local("Helvetica Bold"), local("Roboto Bold"); size-adjust: 97.20%; ascent-override: 97.74%; descent-override: 23.15%; line-gap-override: 0%; }
@font-face { font-family: "Public Sans Fallback"; font-weight: 700 900; src: local("Arial Bold"), local("Arial-BoldMT"), local("Liberation Sans Bold"), local("Helvetica Bold"), local("Roboto Bold"); size-adjust: 98.15%; ascent-override: 96.79%; descent-override: 22.92%; line-gap-override: 0%; }
:root { --bs-font-sans-serif: "Public Sans", "Public Sans Fallback", -apple-system, blinkmacsystemfont, "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; }