:root{--duy-red:#a30202;--duy-red-bright:#c81d25;--duy-ink:#151515;--duy-page:#f7f7f7;--duy-line:#d4d4d4;--duy-muted:#666}
html{font-size:16px}
body,#wrapper,#main{background:var(--duy-page)!important;color:var(--duy-ink);font-family:"Be Vietnam Pro",Roboto,Arial,sans-serif!important;font-size:16px!important}
body *:not(i):not(svg):not([class*="icon"]):not([class*="fa-"]),#header *:not(i):not(svg):not([class*="icon"]):not([class*="fa-"]){font-family:"Be Vietnam Pro",Roboto,Arial,sans-serif!important}
a{color:inherit}
.container,.row,.container-width{max-width:1296px!important}
.row.row-small{max-width:1308px!important}
#main .section{padding-top:16px!important}

/* Header shared by all templates */
.duy-masthead{background:var(--duy-page)}
.duy-masthead-inner{max-width:1296px;margin:auto;min-height:172px;display:flex;align-items:center;gap:32px;padding:12px 0}
.duy-mark{width:190px;min-width:190px;background:transparent;padding:0;display:block}
.duy-mark img{width:100%;height:auto;max-height:80px;object-fit:contain;display:block}
.duy-brand{flex:1;text-align:center;color:#000;font-size:30px;line-height:1.25;white-space:nowrap}
.duy-brand strong,.duy-brand b{display:block}
.duy-brand b{font-size:30px;color:#d62000}
.duy-ticket{width:450px;min-width:360px;border:1px solid var(--duy-red);border-radius:10px;overflow:hidden;font-size:13px;background:#f7f7f7}
.duy-ticket-toggle{display:none}
.duy-ticket-title{background:var(--duy-red);color:#fff;font-weight:700;padding:10px 12px;font-size:15px}
.duy-ticket .p-3{padding:9px 12px!important}
.duy-ticket form{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px}
.duy-ticket form .mb-3{display:flex;align-items:center;gap:7px;margin:0!important;min-width:0}
.duy-ticket label{font-size:12px;white-space:nowrap;margin:0}
.duy-ticket input,.duy-ticket select,.duy-ticket textarea{flex:1;min-width:0;font-size:12px!important;height:30px!important;min-height:30px!important;margin:0!important;padding:3px 5px!important}
.duy-ticket textarea{resize:vertical}
.duy-ticket small{display:none}
.duy-ticket button{height:31px;line-height:31px;margin:0!important;font-size:12px;padding:0 12px}
.duy-moved-form,.duy-original-schedule{display:none!important}
#header{background:var(--duy-page)}
#header .header-wrapper{position:relative!important;max-width:1296px;margin:auto;background:var(--duy-red);border-radius:8px}
.duy-nav{position:relative;z-index:5;min-height:56px;display:flex;align-items:center;padding:5px 8px}
.duy-nav-list{display:flex;align-items:center;gap:1px;list-style:none;padding:0;margin:0}
.duy-nav-item{position:relative;list-style:none;margin:0}
.duy-nav-item>a,.duy-nav-trigger{display:block;background:transparent;border:0;color:#fff!important;font-size:15px!important;font-weight:700!important;text-decoration:none!important;line-height:44px;height:44px;padding:0 13px;margin:0;white-space:nowrap;text-transform:none}
.duy-nav-trigger:after{content:"⌄";padding-left:5px}
.duy-nav .duy-nav-item>a.duy-home-link{background:#fff!important;color:var(--duy-red)!important;border-radius:6px;font-size:24px!important}
.duy-nav-trigger:hover,.duy-nav-trigger[aria-expanded=true]{background:#fff;color:var(--duy-red)!important;border-radius:6px}
.duy-dropdown{display:none;position:absolute;z-index:110;background:#fff;min-width:210px;max-height:65vh;overflow:auto;box-shadow:0 4px 10px #0003;border:1px solid #ddd}
.duy-dropdown a{display:block;padding:8px 12px;color:#151515!important;text-decoration:none;border-bottom:1px solid #eee;font-size:13px;line-height:1.4}
.duy-dropdown a:hover{background:#f1f1f1}
.duy-nav-item:hover .duy-dropdown,.duy-nav-trigger[aria-expanded=true]+.duy-dropdown{display:block}
#header #masthead{z-index:6;position:absolute;right:8px;top:5px;background:transparent!important;height:44px!important;width:110px!important}
#header .header-inner{height:44px!important;min-height:44px;padding:0;width:100%!important}
#header #logo,#header .header-nav-main.nav-left{display:none!important}
#header .header-nav-main.nav-right a{color:#fff!important}
.header-wrapper.stuck{position:relative!important}
.header.show-on-scroll,.stuck .header-main{height:44px!important}

/* Homepage calendar and three live result panels */
.duy-schedule{background:#fff;border:1px solid #ccc;margin:0 0 14px}
.duy-schedule h2{background:var(--duy-red);color:#fff;font-size:14px;text-align:center;margin:0;padding:8px}
.duy-schedule-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.duy-schedule-col{padding:0 10px 5px;border-right:1px solid #ddd}
.duy-schedule-col:last-child{border:0}
.duy-schedule-col h3{font-size:13px;text-align:center;color:var(--duy-red);margin:0;padding:4px;border-bottom:1px solid #eee}
.duy-schedule-line{display:flex;justify-content:space-between;gap:8px;border-bottom:1px dotted #ddd;font-size:12px;line-height:1.5}
.duy-schedule-line a{text-decoration:none;color:#111}
.duy-schedule-line span{color:var(--duy-red);white-space:nowrap}
.home .bdredbox{border:0!important;padding:0!important}
.home .bdredbox h1{background:var(--duy-red);color:#fff;font-size:19px!important;line-height:1.3;text-align:center;margin:0 0 14px;padding:10px}

/* Main template grid */
@media(min-width:850px){
 .home .section-content>.row>.large-8,.page .section-content>.row>.large-8{max-width:75%;flex-basis:75%}
 .home .section-content>.row>.large-4,.page .section-content>.row>.large-4{max-width:25%;flex-basis:25%}
 .single-post .container-fluid{max-width:1296px;margin-left:auto;margin-right:auto;padding-left:0!important;padding-right:0!important}
 .single-post .container-fluid>.row>.col-12.col-lg-8{flex:0 0 75%;width:75%;max-width:75%}
 .single-post .container-fluid>.row>.col-lg-4{flex:0 0 25%;width:25%;max-width:25%}
}
body:not(.home) .section-content>.row.row-small.shadow-sm{box-shadow:none!important}
body:not(.home) .section-content>.row.row-small.bg-white{background:transparent!important}
body:not(.home) .section-content>.row.row-small>.col{padding-bottom:0}
body:not(.home) .section-content>.row.row-small>.col>.col-inner{padding-top:0!important}
body:not(.home) .shadow-sm,body:not(.home) .shadow-sm1{box-shadow:none!important}
body:not(.home) .box,body:not(.home) .card{box-shadow:none!important;border-radius:0!important}
body:not(.home) #main .rounded{border-radius:0!important}

/* Breadcrumb and page headings */
#main .rank-math-breadcrumb,#main .breadcrumb,#main nav[aria-label="breadcrumb"]{font-size:14px;line-height:1.45;color:#333;margin:0 0 10px}
#main .rank-math-breadcrumb a,#main .breadcrumb a,#main nav[aria-label="breadcrumb"] a{color:#333;text-decoration:none}
#main .rank-math-breadcrumb a:hover,#main .breadcrumb a:hover,#main nav[aria-label="breadcrumb"] a:hover{text-decoration:underline}
body:not(.home) .bdredbox{display:block;background:var(--duy-red)!important;color:#fff!important;border:0!important;border-radius:0!important;text-align:center;margin:0 0 12px!important;padding:10px 12px!important}
body:not(.home) .bdredbox h1,body:not(.home) .bdredbox h2,body:not(.home) .bdredbox h3{color:#fff!important;background:transparent!important;border:0!important;font-size:20px!important;font-weight:700!important;line-height:1.35!important;text-align:center!important;margin:0!important;padding:0!important}
body:not(.home) .page__h1,body:not(.home) #main .entry-header .entry-title{display:block;background:var(--duy-red)!important;color:#fff!important;border:0!important;border-radius:0!important;box-shadow:none!important;text-align:center;font-size:20px!important;font-weight:700!important;line-height:1.35!important;margin:0 0 14px!important;padding:10px 12px!important}
body:not(.home) #main h2{line-height:1.4}
body:not(.home) #main p{line-height:1.6}
body:not(.home) #main .article__content{font-size:16px;line-height:1.65}
body:not(.home) #main .article__content img{max-width:100%;height:auto}

/* Weekday, regional and tool tabs */
.duy-week-tabs{display:flex!important;background:#fff;border:1px solid var(--duy-line);margin:0 0 12px;padding:0}
.duy-week-tabs>ul,.nav__sub{display:grid!important;grid-template-columns:repeat(var(--duy-tab-count,7),minmax(0,1fr))!important;gap:0!important;flex:1 1 0!important;min-width:0;width:100%!important;list-style:none;padding:0!important;margin:0!important;background:#fff;border:1px solid var(--duy-line)}
.duy-week-tabs>ul{grid-template-columns:repeat(7,minmax(0,1fr))!important}
.duy-week-tabs li,.nav__sub>li{width:auto!important;max-width:none!important;min-width:0!important;flex:1 1 0!important;text-align:center;list-style:none;margin:0!important;padding:0!important;border-right:1px solid #ddd}
.duy-week-tabs li:last-child,.nav__sub>li:last-child{border-right:0}
.duy-week-tabs a,.nav__sub>li>a{display:block;text-decoration:none!important;color:#222!important;font-size:13px;padding:10px 3px;line-height:1.35}
.duy-week-tabs .duy-region-tab{background:var(--duy-red)!important;color:#fff!important;min-width:120px;font-weight:700}
.duy-week-tabs a.active-day,.nav__sub>li>a.active-day{background:var(--duy-red)!important;color:#fff!important}
.duy-week-tabs .d-md-none{display:none}
.nav__sub{margin:0 0 12px!important}
.nav__sub>li>a{padding:10px 5px}
.nav__sub>li.active>a,.nav__sub>li.current-menu-item>a{background:var(--duy-red)!important;color:#fff!important}
#main .nav-tabs,#main .nav-pills{border-bottom:1px solid var(--duy-red);background:var(--duy-red)!important}
#main .nav-tabs .nav-link,#main .nav-pills .nav-link{color:#222;background:#fff;border:1px solid #ddd;border-radius:0}
#main .nav-tabs .nav-link.active,#main .nav-pills .nav-link.active,#main .nav-item.bg-orange,#main .bg-orange{background:var(--duy-red)!important;color:#fff!important;border-color:var(--duy-red)!important}

/* Result tables */
.kqxs,.js-table-result{border:1px solid var(--duy-red);background:#fff;margin-bottom:16px}
.kqxs table,.js-table-result table{border-collapse:collapse!important;width:100%;margin:0!important;table-layout:fixed}
.js-kq-table thead{position:static!important}
#main .js-kq-table th,#main .js-kq-table td{text-align:center!important;border:1px solid #ccc!important;padding:7px 4px!important;vertical-align:middle!important;color:#111}
#main .js-kq-table thead th{background:#e9e9e9!important;color:#111!important;font-size:22px!important;font-weight:700}
#main .js-kq-table thead th a{color:#111!important;text-decoration:none}
#main .js-kq-table thead th:first-child{width:72px;font-size:13px!important;font-weight:400}
#main .js-kq-table tbody tr:nth-child(even)>td{background:#eaeaea!important}
#main .js-kq-table tbody tr:nth-child(odd)>td{background:#fff!important}
#main .js-kq-table tbody td:first-child{font-size:13px!important;font-weight:400!important;white-space:nowrap}
#main .js-kq-table tbody td:not(:first-child){font-weight:700;font-size:26px;line-height:1.45;font-variant-numeric:tabular-nums}
#main .js-kq-table tbody td:not(:first-child) span.number{font-size:inherit!important;font-weight:700!important;white-space:nowrap}
#main .js-kq-table .text-danger,#main .js-kq-table tr[class*="dac-biet"] td:not(:first-child),#main .js-kq-table tr[class*="giai-db"] td:not(:first-child){color:#e11d25!important}
.kqxs__header,.js-table-result>header{background:var(--duy-red)!important;color:#fff!important;position:static!important;display:block!important;text-align:center;padding:8px}
.kqxs__header h2,.js-table-result>header h2{text-align:center!important;width:100%!important;font-size:16px!important;color:#fff!important;margin:0!important;line-height:1.5}
.kqxs__header a,.js-table-result>header a{color:#fff!important;white-space:normal;display:inline-block;max-width:100%;overflow-wrap:anywhere}
#main .table-responsive{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
#main table:not(.js-kq-table){width:100%;border-collapse:collapse;background:#fff}
#main table:not(.js-kq-table) th,#main table:not(.js-kq-table) td{border:1px solid #d5d5d5;padding:6px 7px;vertical-align:middle}
#main table:not(.js-kq-table) thead th,#main table:not(.js-kq-table)>thead>tr>th{background:var(--duy-red)!important;color:#fff!important;font-weight:700;text-align:center}
#main table:not(.js-kq-table) tbody tr:nth-child(even)>td{background:#ededed}
#main table:not(.js-kq-table) tbody tr:nth-child(odd)>td{background:#fff}
#main table:not(.js-kq-table) .bg-primary-subtle{background:#e9e9e9!important;color:#111!important}
#main table:not(.js-kq-table) .bg-white-subtle{background:#f7f7f7!important}
#main .formchangenumberlenght{background:#f5e9c3!important;border:1px solid #d5d5d5;padding:6px!important;margin:8px 0 12px}
#main .formchangenumberlenght button,#main .formchangenumberlenght input{min-height:30px}
#main .box__title{background:var(--duy-red)!important;color:#fff!important;font-weight:700;padding:9px 12px}
#main .border-warning{border-color:#d5d5d5!important}
#main .bg-warning:not(.btn),#main .text-bg-warning{background:var(--duy-red)!important;color:#fff!important}

/* Filters and actions */
#main input:not([type=checkbox]):not([type=radio]),#main select,#main textarea{max-width:100%;font-family:inherit}
#main .form-control,#main .form-select{min-height:36px;border:1px solid #c8c8c8;border-radius:3px;font-size:14px;padding:6px 9px}
#main button:not(.duy-nav-trigger),#main .button,#main .btn,#main input[type=submit]{border-radius:3px}
#main .button,#main .btn-primary,#main .btn-danger,#main .btn-success,#main .btn-info,#main .btn-warning,#main input[type=submit],#main button.btn{background:var(--duy-red-bright)!important;border:1px solid var(--duy-red-bright)!important;color:#fff!important}
#main .btn-outline-primary,#main .btn-outline-secondary{background:#fff!important;border:1px solid var(--duy-red)!important;color:var(--duy-red)!important}
#main .btn:hover,#main .button:hover,#main input[type=submit]:hover{filter:brightness(.92)}
#main .alert,#main .bg-white{border-color:#ddd}

/* Existing sidebars remain available on every page */
.sidebar .col{margin-bottom:16px!important}
.sidebar .col-inner{border:1px solid #d4d4d4!important;background:#fff;border-radius:6px;overflow:hidden;box-shadow:none!important}
.sidebar h2,.sidebar h3,.sidebar .box__title,.sidebar .bg-danger{background:var(--duy-red)!important;color:#fff!important;font-size:14px!important;font-weight:700!important;padding:10px!important}
.sidebar ul{display:grid;grid-template-columns:1fr 1fr;gap:0 10px;list-style:none!important;margin:0!important;padding:8px 12px!important}
.sidebar li{width:100%!important;max-width:none!important;flex:none!important;display:flex;align-items:baseline;list-style:none!important;margin:0!important;padding:5px 0;border-bottom:1px dashed #bbb;line-height:1.4}
.sidebar li:before{content:"›";margin-right:5px;color:#666}
.sidebar li a{display:inline!important;min-width:0}
.sidebar a{color:#111;text-decoration:none}
.sidebar a:hover{text-decoration:underline}
.duy-live-panel{width:100%;flex:0 0 100%;max-width:100%;background:#d7e2ef;border:1px solid #111;border-radius:6px;overflow:hidden;margin:0 0 16px}
.duy-live-panel h2{font-size:15px;background:transparent!important;color:#111!important;border-bottom:1px solid #111;padding:10px 14px!important;margin:0}
.duy-live-panel a{display:block;padding:7px 14px;text-decoration:none}

/* Article templates and embedded content */
.single-post .breadcrumb{margin-bottom:12px}
.single-post .the__article{height:auto!important;background:#fff;padding:18px!important;box-shadow:none!important}
.single-post .author__avatar{width:44px;height:44px}
.single-post .article__content h2,.single-post .article__content h3{font-weight:700}
.single-post .article__content table{margin:12px 0}
body:not(.home) #main .row.shadow-sm{box-shadow:none!important}

/* Small screens */
@media(max-width:849px){
 html{font-size:15px}
 body,#wrapper,#main{font-size:15px!important}
 .duy-masthead-inner{min-height:80px;padding:9px 12px;gap:12px;flex-wrap:wrap;justify-content:center}
 .duy-mark{width:150px;min-width:150px;padding:0}
 .duy-mark img{max-height:60px}
 .duy-brand{font-size:13px;white-space:normal;line-height:1.2}
 .duy-brand b{font-size:17px}
 .duy-ticket{width:100%;min-width:0;border:0;overflow:visible;background:transparent}
 .duy-ticket-toggle{display:block;width:100%;height:32px;line-height:30px;margin:0;border:1px solid var(--duy-red);background:#fff;color:var(--duy-red);font-size:13px;font-weight:600}
 .duy-ticket-title,.duy-ticket .p-3{display:none}
 .duy-ticket-open .duy-ticket-title,.duy-ticket-open .p-3{display:block}
 .duy-ticket-title{padding:6px 10px}
 .duy-ticket .p-3{padding:5px 10px!important}
 .duy-ticket form{gap:4px 7px}
 .duy-ticket label{font-size:11px}
 .duy-ticket input,.duy-ticket select,.duy-ticket textarea{height:28px!important;min-height:28px!important}
 .duy-ticket button{height:28px;line-height:28px}
 .duy-nav{height:auto;min-height:48px;padding:4px;overflow:visible;flex-wrap:wrap}
 .duy-nav-list{gap:0;width:100%;min-width:0;flex-wrap:wrap;align-content:flex-start}
 .duy-nav-item>a,.duy-nav-trigger{font-size:12px!important;height:40px;line-height:40px;padding:0 8px}
 .duy-dropdown{position:fixed;left:10px;right:10px;top:170px;max-height:55vh}
 .duy-nav-item:hover .duy-dropdown{display:none}
 .duy-nav-trigger[aria-expanded=true]+.duy-dropdown{display:block}
 #header #masthead{right:5px;top:2px}
 #header .mobile-nav a{color:#fff!important}
 #header .header-wrapper{border-radius:0}
 #main .section{padding-top:12px!important}
 body:not(.home) .bdredbox{padding:9px 10px!important}
 body:not(.home) .bdredbox h1,body:not(.home) .bdredbox h2,body:not(.home) .bdredbox h3,body:not(.home) .page__h1,body:not(.home) #main .entry-header .entry-title{font-size:18px!important}
 .duy-schedule h2{font-size:13px}
 .duy-schedule-col{padding:0 5px 4px}
 .duy-schedule-col h3{font-size:11px}
 .duy-schedule-line{font-size:11px;gap:3px}
 .home .bdredbox h1{font-size:16px!important}
 .js-table-result.kqxs{width:calc(100% + 16px);max-width:none;margin-left:-8px;overflow-x:auto;-webkit-overflow-scrolling:touch}
 .js-kq-table{min-width:0;width:100%!important}
 .js-table-result.js-table-xsmn .js-kq-table,.js-table-result.js-table-xsmt .js-kq-table{table-layout:auto!important}
 .js-table-result.js-table-xsmn .js-kq-table thead th:not(:first-child),.js-table-result.js-table-xsmt .js-kq-table thead th:not(:first-child){white-space:nowrap;overflow-wrap:normal;font-size:14px!important}
 .js-table-result .kqxs__header h2,.js-table-result .kqxs__header .kqxs__tree{white-space:normal!important;overflow-wrap:anywhere}
 .js-table-result .kqxs__header .breadcrumb-nav,.js-table-result .kqxs__header .breadcrumb-nav>div{max-width:100%;white-space:normal;overflow-wrap:anywhere}
 .js-table-result .xoso-live-widget .countdown-timer{max-width:100%;flex-wrap:wrap!important;white-space:normal}
 #main .js-kq-table th,#main .js-kq-table td{padding:5px 3px!important}
 #main .js-kq-table thead th{font-size:16px!important;overflow-wrap:anywhere}
 #main .js-kq-table thead th:first-child{width:48px;font-size:11px!important}
 #main .js-kq-table tbody td:first-child{font-size:11px!important}
 #main .js-kq-table tbody td:not(:first-child){font-size:15px;letter-spacing:0}
 .duy-week-tabs .duy-region-tab{min-width:64px}
 .duy-week-tabs a,.nav__sub>li>a{font-size:11px;padding:9px 2px}
 .duy-week-tabs .d-md-none{display:inline}
 .duy-week-tabs .d-md-inline{display:none}
 .sidebar{margin-top:12px}
 .sidebar ul{gap:0 8px;padding:7px 10px!important}
 .sidebar li{padding:7px 0}
 .single-post .the__article{padding:12px!important}
 .single-post .container-fluid{padding-left:10px!important;padding-right:10px!important}
 #main .table-responsive{max-width:100%;overflow-x:auto}
}

