/* ===== Giao diện mobile đồng bộ với theme PC (edu-sgd): phông Be Vietnam Pro, xanh navy - đỏ - vàng, thẻ bo góc, tiêu đề có vạch đỏ ===== */
@font-face{font-family:'Be Vietnam Pro';font-style:normal;font-weight:400;font-display:swap;src:url('../../edu-sgd/fonts/be-vietnam-pro-vietnamese-400.woff2') format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB}
@font-face{font-family:'Be Vietnam Pro';font-style:normal;font-weight:400;font-display:swap;src:url('../../edu-sgd/fonts/be-vietnam-pro-latin-ext-400.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Be Vietnam Pro';font-style:normal;font-weight:400;font-display:swap;src:url('../../edu-sgd/fonts/be-vietnam-pro-latin-400.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Be Vietnam Pro';font-style:normal;font-weight:500;font-display:swap;src:url('../../edu-sgd/fonts/be-vietnam-pro-vietnamese-500.woff2') format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB}
@font-face{font-family:'Be Vietnam Pro';font-style:normal;font-weight:500;font-display:swap;src:url('../../edu-sgd/fonts/be-vietnam-pro-latin-ext-500.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Be Vietnam Pro';font-style:normal;font-weight:500;font-display:swap;src:url('../../edu-sgd/fonts/be-vietnam-pro-latin-500.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Be Vietnam Pro';font-style:normal;font-weight:600;font-display:swap;src:url('../../edu-sgd/fonts/be-vietnam-pro-vietnamese-600.woff2') format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB}
@font-face{font-family:'Be Vietnam Pro';font-style:normal;font-weight:600;font-display:swap;src:url('../../edu-sgd/fonts/be-vietnam-pro-latin-ext-600.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Be Vietnam Pro';font-style:normal;font-weight:600;font-display:swap;src:url('../../edu-sgd/fonts/be-vietnam-pro-latin-600.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Be Vietnam Pro';font-style:normal;font-weight:700;font-display:swap;src:url('../../edu-sgd/fonts/be-vietnam-pro-vietnamese-700.woff2') format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB}
@font-face{font-family:'Be Vietnam Pro';font-style:normal;font-weight:700;font-display:swap;src:url('../../edu-sgd/fonts/be-vietnam-pro-latin-ext-700.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Be Vietnam Pro';font-style:normal;font-weight:700;font-display:swap;src:url('../../edu-sgd/fonts/be-vietnam-pro-latin-700.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
:root{--sg-navy:#0b2d63;--sg-blue:#0d47a1;--sg-red:#c62828;--sg-ink:#1d2b40;--sg-mute:#6b7a90;--sg-line:#e3e8ef;--sg-card:#fff;--sg-r:12px;--sg-font:"Be Vietnam Pro","Segoe UI",Roboto,Arial,sans-serif}
html,body,button,input,select,textarea,h1,h2,h3,h4,h5,h6,.btn,.panel-heading{font-family:var(--sg-font)!important}
body{padding:54px 0 44px 0;color:var(--sg-ink);font-size:14px;background:linear-gradient(180deg,#dfe8f5 0,#eef2f8 320px) fixed!important}
a,a:link,a:active,a:visited{color:var(--sg-blue)}
a:hover{color:var(--sg-red)}
a.dimgray{color:#55657a}
h1,h2,h3,h4{color:var(--sg-navy);font-weight:700}

/* ---- thanh đầu trang ---- */
header.first-child{min-height:52px;background:linear-gradient(180deg,#123b7d,#0b2d63)!important;background-image:linear-gradient(180deg,#123b7d,#0b2d63)!important;box-shadow:0 3px 10px rgba(11,45,99,.35)}
#header{min-height:49px;background-image:none!important;border-bottom:3px solid #ffcc33}
#header .logo{left:10px;height:46px;line-height:46px}
#header .logo img{max-height:38px;margin-top:4px;background:#fff;border-radius:50%;padding:2px;box-shadow:0 1px 4px rgba(0,0,0,.3)}
#header .site-buttons{height:46px}
#header .site-buttons a,#header .site-buttons em,#header .site-buttons span{color:#fff!important}
#header .site-buttons>div>span{padding-left:6px!important}
#header .site-buttons a.user{border:2px solid rgba(255,255,255,.7)}
.tip{position:relative}
#tip{background:#fff;border-radius:0 0 12px 12px;border-top:3px solid #ffcc33;box-shadow:0 12px 28px rgba(8,28,64,.3);padding:10px 14px 16px}
#tip a{color:var(--sg-ink)}
#tip a:hover{color:var(--sg-red)}
#tip h3,#ftip h3{color:var(--sg-navy);text-transform:uppercase;font-size:13px;position:relative;padding-left:10px}
#tip h3:before,#ftip h3:before{content:"";position:absolute;left:0;top:2px;width:3px;height:14px;border-radius:2px;background:var(--sg-red)}
#tip .tip-footer{background:#f6f8fc;border-color:var(--sg-line);border-radius:8px}
#tip ul li a{display:block;padding:7px 4px;border-bottom:1px dashed #dde4ef}

/* ---- đường dẫn (breadcrumb) dạng viên thuốc ---- */
.breadcrumbs{height:36px;margin:8px 10px;padding:0 12px 0 44px;background:#fff;border:1px solid var(--sg-line);border-radius:999px;overflow:hidden}
.breadcrumbs .home-icon a{width:38px;height:34px;line-height:34px;border-right:1px solid var(--sg-line);color:var(--sg-blue)}
.breadcrumb{line-height:34px;font-size:13px;background:transparent}
.breadcrumb>li+li:before{color:#9db2d3}
.sub-breadcrumbs{background:#fff;border:1px solid var(--sg-line);border-radius:0 0 10px 10px;top:37px;left:10px}

/* ---- thẻ / khối ---- */
.panel,.panel-default{background:var(--sg-card);border:1px solid var(--sg-line);border-radius:var(--sg-r);box-shadow:0 2px 8px rgba(16,40,90,.07);overflow:hidden;margin-left:10px;margin-right:10px}
.panel-heading,.panel-default>.panel-heading{position:relative;background:#f6f8fc;border:0;border-bottom:1px solid var(--sg-line);color:var(--sg-navy);text-transform:uppercase;font-weight:700;font-size:13.5px;padding:11px 14px 11px 22px}
.panel-heading:before{content:"";position:absolute;left:10px;top:50%;width:4px;height:16px;margin-top:-8px;border-radius:2px;background:var(--sg-red)}
.panel-heading a,.panel-heading *{color:var(--sg-navy)}
.panel-body{padding:12px 14px}
.well{background:#f4f8ff;border:0;border-left:4px solid var(--sg-blue);border-radius:0 12px 12px 0;box-shadow:none}
.alert{border-radius:10px}
.img-thumbnail,img.imghome{border:0;border-radius:8px;box-shadow:0 1px 4px rgba(0,0,0,.15);padding:0}

/* ---- danh sách / chi tiết tin ---- */
.news_column{margin-bottom:12px}
.news_column .panel,.news_column .panel-default{margin-bottom:12px}
.news_column h2,.news_column h3,.news_column h4{font-size:15.5px;line-height:1.4;margin:0 0 4px}
.news_column h2 a,.news_column h3 a,.news_column h4 a{color:var(--sg-navy)}
.news_column h2 a:hover,.news_column h3 a:hover{color:var(--sg-red)}
.news_column .text-muted,.text-muted{color:var(--sg-mute)}
h1.title,.news_column h1{font-size:21px;line-height:1.35;color:var(--sg-navy);font-weight:700}
.hometext{background:#f4f8ff;border-left:4px solid var(--sg-blue);border-radius:0 8px 8px 0;padding:10px 14px;font-weight:600;color:#243a5e}
.bodytext{font-size:15.5px;line-height:1.75}
.bodytext img{max-width:100%;height:auto;border-radius:6px}
ul.related,ul.list-items{padding-left:0;list-style:none}
ul.related li,ul.list-items li{padding:7px 0 7px 14px;border-bottom:1px dashed #dde4ef;position:relative}
ul.related li:before,ul.list-items li:before{content:"";position:absolute;left:2px;top:15px;width:5px;height:5px;border-radius:50%;background:var(--sg-blue)}
ul.related li a,ul.list-items li a{color:#1f3a66}
ul.related li a:hover{color:var(--sg-red)}
.icon_new{filter:hue-rotate(0deg)}

/* ---- phân trang, nút, biểu mẫu ---- */
.pagination>li>a,.pagination>li>span{border-radius:8px!important;margin:0 2px;color:var(--sg-blue);border-color:var(--sg-line)}
.pagination>.active>a,.pagination>.active>span{background:var(--sg-blue);border-color:var(--sg-blue);color:#fff}
.btn{border-radius:8px}
.btn-primary,.btn-info{background:var(--sg-blue);border-color:var(--sg-blue);color:#fff}
.btn-primary:hover,.btn-info:hover{background:var(--sg-red);border-color:var(--sg-red)}
.form-control{border-color:#d5deeb;border-radius:8px;box-shadow:none}
.form-control:focus{border-color:var(--sg-blue);box-shadow:0 0 0 3px rgba(21,101,192,.12)}
.input-group-addon{background:#f0f4fa;border-color:#d5deeb;color:var(--sg-blue)}
.headerSearch input{border-color:#d5deeb;border-radius:999px 0 0 999px}
.headerSearch .btn-info{background:var(--sg-blue);border-color:var(--sg-blue);border-radius:0 999px 999px 0}

/* ---- thanh chân trang cố định ---- */
.footer{height:42px;background:linear-gradient(180deg,#123b7d,#0b2d63)!important;background-image:linear-gradient(180deg,#123b7d,#0b2d63)!important;border-top:3px solid #ffcc33;color:#fff;box-shadow:0 -3px 10px rgba(11,45,99,.3)}
.footer a,.footer em,.footer span{color:#fff!important}
.footer .mbt{font-size:17px}
#footer{min-height:44px}
#ftip{background:#fff;border-radius:12px 12px 0 0;border-top:3px solid #ffcc33;box-shadow:0 -10px 28px rgba(8,28,64,.3)}
#ftip a{color:var(--sg-ink)}

/* ---- menu trượt bên trái (winHelp) ---- */
#winHelp{background:rgba(8,28,64,.55)}
#winHelp .winHelp{background:#fff;border-right:0;border-top:4px solid #ffcc33;box-shadow:6px 0 24px rgba(8,28,64,.4);width:260px}
#winHelp .winHelp a{color:var(--sg-ink)}
#winHelp .winHelp a:hover{color:var(--sg-red)}
#winHelp .panel{margin:0;border-radius:0;box-shadow:none;border-left:0;border-right:0}
#winHelp .panel-body .menu>li{border-bottom:1px solid #edf1f7}
#winHelp .panel-body .menu>li>a{line-height:38px;padding:0 14px;background:#fff;font-weight:600;color:var(--sg-navy)!important}
#winHelp .panel-body .menu>li>a:after{color:var(--sg-red)}
#winHelp .panel-body .menu>li>a:hover{background:#eef4ff;color:var(--sg-red)!important}
.theme-change{border-bottom:1px solid var(--sg-line);color:var(--sg-mute)}
.company_info{color:var(--sg-ink)}
.company_info .company_name{color:var(--sg-navy);font-weight:700}

/* ---- menu chính dạng metis (trong #tip / #header) ---- */
.metismenu .arrow:before{color:var(--sg-red)}
.metismenu li.active>a{color:var(--sg-red);font-weight:700}
a.btn-primary,a.btn-info,a.btn-danger,a.btn-success,a.btn-warning,a.btn-primary:visited,a.btn-danger:visited,a.btn-info:visited{color:#fff!important}
a.btn-default{color:var(--sg-ink)!important}
.btn-danger{background:#d32f2f;border-color:#d32f2f}
.btn-success{background:#12906f;border-color:#12906f}

/* ---- menu chính (metismenu): nền trắng, chữ navy, vạch đỏ khi chọn — giống thanh menu trang PC ---- */
.metismenu .sidebar{background:transparent}
.metismenu .sidebar-nav{background:#fff!important;background-image:none!important;border:1px solid var(--sg-line);border-radius:12px;overflow:hidden;box-shadow:0 1px 6px rgba(16,40,90,.06)}
.metismenu .sidebar-nav ul a{padding:10px 16px;color:var(--sg-navy)!important;font-weight:600;font-size:14px;border-top:1px solid #edf1f7;box-shadow:none;background:#fff}
.metismenu .sidebar-nav>ul>li:first-child>a{border-top:0}
.metismenu .sidebar-nav ul a:hover,.metismenu .sidebar-nav ul a:focus,.metismenu .sidebar-nav ul a:active{color:var(--sg-red)!important;background:#eef4ff!important;background-image:linear-gradient(to right,var(--sg-red) 4px,rgba(0,0,0,0) 4px)!important}
.metismenu .sidebar-nav ul ul a{padding:9px 16px 9px 30px;background:#f6f8fc;font-weight:500;color:#1f3a66!important}
.metismenu .sidebar-nav ul ul a:hover,.metismenu .sidebar-nav ul ul a:focus,.metismenu .sidebar-nav ul ul a:active{background:#eef4ff!important;color:var(--sg-red)!important}
.metismenu .sidebar-nav ul ul ul a{padding-left:44px;background:#fff;font-weight:400}
.metismenu .active>a{color:var(--sg-red)!important}
.metismenu .arrow{color:var(--sg-red)!important}
.metismenu .arrow:hover{background:#fdeaea}
.metismenu .fa.plus-times,.metismenu .fa.plus-minus{color:var(--sg-red)}
.news_column,.page{padding-left:10px;padding-right:10px}
.news_column .panel,.page .panel{margin-left:0;margin-right:0}


/* ===== TRANG CHỦ MOBILE (đơn giản): lối tắt, tin mới, văn bản mới, đường dây nóng ===== */
.sgc-red{--c:#e53935;--bg:#fdeaea}.sgc-blue{--c:#1e6bd6;--bg:#e8f1fd}.sgc-green{--c:#12906f;--bg:#e2f5ef}.sgc-orange{--c:#f08a1c;--bg:#fff1e1}
.sgc-purple{--c:#6c4ed6;--bg:#efeafc}.sgc-pink{--c:#d6336c;--bg:#fce8f0}.sgc-violet{--c:#8e44ad;--bg:#f3e9f8}.sgc-gold{--c:#f2a900;--bg:#fff6dc}
.sgi{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:8px 10px 10px;padding:0}
.sgi>a{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;background:#fff;border:1px solid var(--sg-line);border-radius:12px;padding:12px 6px 10px;box-shadow:0 1px 5px rgba(16,40,90,.06);color:var(--sg-ink)!important;font-size:12px;font-weight:600;line-height:1.3;text-decoration:none}
.sgi>a:active{background:#eef4ff}
.sgi i.fa{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:var(--bg,#e8f1fd);color:var(--c,#1e6bd6);font-size:21px}
.sgi img.ic{width:40px;height:40px;object-fit:contain;border-radius:10px}
.sgi img.ic+i{display:none!important}
.sgm-box{background:#fff;border:1px solid var(--sg-line);border-radius:12px;box-shadow:0 2px 8px rgba(16,40,90,.06);margin:0 10px 12px;overflow:hidden}
.sgm-h{position:relative;margin:0;padding:11px 14px 11px 22px;background:#f6f8fc;border-bottom:1px solid var(--sg-line);font-size:13.5px;text-transform:uppercase;color:var(--sg-navy)}
.sgm-h:before{content:"";position:absolute;left:10px;top:50%;width:4px;height:16px;margin-top:-8px;border-radius:2px;background:var(--sg-red)}
.sgm-h i{margin-right:4px;color:var(--sg-red)}
.sgm-item{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-bottom:1px solid #edf1f7;color:var(--sg-ink)!important;text-decoration:none}
.sgm-item:active{background:#eef4ff}
.sgm-th{flex:0 0 92px;height:64px;border-radius:8px;overflow:hidden;background:#e9eef6}
.sgm-th img{display:block;width:100%;height:100%;object-fit:cover}
.sgm-tx{flex:1 1 auto;min-width:0;display:block}
.sgm-tx strong{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;line-height:1.4;color:var(--sg-navy)}
.sgm-tx em{display:block;margin-top:3px;font-style:normal;font-size:11.5px;color:var(--sg-mute)}
.sgm-law .sgm-tx strong{color:var(--sg-red);font-size:13.5px}
.sgm-law .sgm-tx>span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12.5px;line-height:1.4;color:#4b5d78}
.sgm-ic{flex:0 0 38px;height:38px;line-height:38px;text-align:center;border-radius:10px;background:#fdeaea;color:var(--sg-red);font-size:17px}
.sgm-all{display:block;padding:11px;text-align:center;font-weight:600;font-size:13px;color:var(--sg-blue)!important}
.sgc-list{display:flex;flex-direction:column;gap:8px;margin:0 10px 12px}
.sgc-item{display:block;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px rgba(16,40,90,.12)}
.sgc-item img{display:block;width:100%;height:auto}
.sgc-item .sgc-txt{display:none}
.sgf-hot{display:block}
.sgm-box .pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;margin:12px 8px;padding:0}
.sgm-box .pagination>li{display:inline-block}
.sgm-box .pagination>li>a,.sgm-box .pagination>li>span{min-width:36px;text-align:center;padding:7px 10px}

/* Menu con (ul.collapse.in): file CSS của menu nạp sau custom.css nên phải dùng !important để nền sáng, chữ tối, không bị xanh trùng màu chữ */
#tip .metismenu .sidebar-nav ul a,#metismenu .metismenu .sidebar-nav ul a{background-color:#fff!important;color:var(--sg-navy)!important}
#tip .metismenu .sidebar-nav ul ul a,#metismenu .metismenu .sidebar-nav ul ul a{background-color:#f6f8fc!important;color:#1f3a66!important}
#tip .metismenu .sidebar-nav ul ul ul a,#metismenu .metismenu .sidebar-nav ul ul ul a{background-color:#fff!important}
#tip .metismenu .sidebar-nav ul a:hover,#tip .metismenu .sidebar-nav ul a:focus,#tip .metismenu .sidebar-nav ul a:active,
#tip .metismenu .sidebar-nav ul ul a:hover,#tip .metismenu .sidebar-nav ul ul a:focus,#tip .metismenu .sidebar-nav ul ul a:active{background-color:#eef4ff!important;color:var(--sg-red)!important}
#tip .metismenu .active>a,#tip .metismenu li.in>a{color:var(--sg-red)!important}
.metismenu .collapse.in,.metismenu ul.in{background:transparent}
/* ---- Phân cấp menu rõ ràng: cấp 1 đậm/lớn; mục đang mở nền navy chữ trắng; cấp 2 thụt vào, nhỏ, nền xanh nhạt, vạch xanh bên trái, có dấu › ---- */
#tip .metismenu .sidebar-nav>ul>li>a{font-size:14.5px!important;font-weight:700!important;text-transform:uppercase;letter-spacing:.2px;padding:12px 16px!important;border-left:4px solid transparent}
#tip .metismenu .sidebar-nav>ul>li.active>a{background-color:#0b2d63!important;color:#fff!important;border-left-color:#ffcc33}
#tip .metismenu .sidebar-nav>ul>li.active>a:hover{background-color:#0b2d63!important;color:#fff!important}
#tip .metismenu .sidebar-nav>ul>li.active>.arrow{color:#fff!important}
#tip .metismenu .sidebar-nav>ul>li>ul{background:#eef3fb;border-left:0}
#tip .metismenu .sidebar-nav ul ul>li>a{font-size:13px!important;font-weight:500!important;text-transform:none;padding:10px 14px 10px 30px!important;background-color:#eef3fb!important;border-top:1px solid #dde6f3!important;border-left:3px solid #7fa3d6;color:#1f3a66!important;position:relative}
#tip .metismenu .sidebar-nav ul ul>li>a:before{content:"\203A";position:absolute;left:16px;top:50%;margin-top:-10px;font-size:16px;line-height:20px;color:var(--sg-red)}
#tip .metismenu .sidebar-nav ul ul ul>li>a{font-size:12.5px!important;font-weight:400!important;padding-left:46px!important;background-color:#fff!important;border-left:3px dotted #9db2d3}
#tip .metismenu .sidebar-nav ul ul ul>li>a:before{left:32px;color:#9db2d3}
#tip .metismenu .sidebar-nav ul ul>li.active>a{color:var(--sg-red)!important;font-weight:700!important;background-color:#e2ecfa!important}

/* ===== Các module dùng chung giao diện với PC: tin (sgn-), trang tĩnh, liên hệ, video, sơ đồ cổng, góp ý dự thảo ===== */
/* ===== sgd-news-v1 (2 cột): khối chuyên mục con của Sáng kiến / Đồ dùng dạy học / Dạy học trên truyền hình / Chi hội ===== */
.two_column .sgt2{display:flex;gap:12px;align-items:flex-start;margin:0 0 8px}
.two_column .sgt2-th{flex:0 0 120px;display:block;aspect-ratio:3/2;border-radius:8px;overflow:hidden;background:#e9eef6}
.two_column .sgt2-th img{display:block;width:100%;height:100%;object-fit:cover}
.two_column .sgt2-tx{flex:1 1 auto;min-width:0}
.two_column .sgt2-tx h3{font-size:15px;line-height:1.4;margin:0 0 4px}
.two_column .sgt2-tx .sgn-sapo{font-size:13px;-webkit-line-clamp:2}
.two_column .sgt2-more{display:inline-block;margin-top:8px;font-size:12.5px;font-weight:600;color:var(--sg-blue,#0d47a1)}
.two_column .sgt2-more:hover{color:var(--sg-red,#c62828);text-decoration:none}
.sg-cattree-group>ul>li.l1>a{font-weight:600}
@media (max-width:480px){.two_column .sgt2{flex-direction:column}.two_column .sgt2-th{flex:none;width:100%}}
/* lưới 2 cột đều nhau cho các khối chuyên mục con (thay cho float col-md-12 bị lệch hàng) */
.sgt2-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0!important;align-items:stretch}
.sgt2-grid:before,.sgt2-grid:after{display:none!important;content:none!important}
.sgt2-grid>.news_column.two_column{float:none;width:auto;padding:0;margin:0;display:flex;flex-direction:column;min-width:0}
.sgt2-grid>.news_column.two_column>.panel{flex:1 1 auto;margin:0;display:flex;flex-direction:column}
.sgt2-grid>.news_column.two_column>.panel>.panel-body{flex:1 1 auto}
.sgt2-grid>.block-top,.sgt2-grid>.bottom-cat{grid-column:1/-1}
@media (max-width:767px){.sgt2-grid{grid-template-columns:1fr}}
/* ===== sgd-contact-v1: trang Liên hệ ===== */
.sgct .well{background:#f4f8ff;border:0;border-left:4px solid var(--sg-blue,#0d47a1);border-radius:0 12px 12px 0;box-shadow:none;padding:14px 18px;margin-bottom:16px}
.sgct .panel{border-radius:14px!important;overflow:hidden}
.sgct .panel-heading{background:#f6f8fc!important;border:0!important;border-bottom:1px solid #e3e8ef!important;padding:12px 16px 12px 22px!important;position:relative;color:#0b2d63!important;text-transform:uppercase;font-weight:700;font-size:14px}
.sgct .panel-heading:before{content:"";position:absolute;left:10px;top:50%;width:4px;height:18px;margin-top:-9px;border-radius:2px;background:#d32f2f}
.sgct .panel-heading h3{margin:0;font-size:15px;font-weight:700;color:#0b2d63;text-transform:uppercase}
.sgct .panel-body{padding:16px 18px}
.sgct-row{display:flex;align-items:flex-start;gap:12px;padding:10px 0;border-bottom:1px dashed #dde4ef;color:#1d2b40;line-height:1.55}
.sgct-row:last-child{border-bottom:0}
.sgct-row>em{flex:0 0 34px;height:34px;line-height:34px;text-align:center;border-radius:10px;background:#eef4ff;color:#1565c0;font-size:16px;margin:0!important}
.sgct-row .fa-phone,.sgct-row .fa-fax{background:#e6f6ee;color:#12906f}
.sgct-row .fa-envelope{background:#fdeaea;color:#d32f2f}
.sgct-row a{color:#1f3a66;font-weight:600}
.sgct-row a:hover{color:#d32f2f}
.sgct-row span{min-width:0;word-break:break-word}
/* form */
.sgct-form .nv-fullbg{background:transparent;padding:0;border:0}
.sgct-form .input-group-addon{background:#f0f4fa;border-color:#d5deeb;color:#1565c0;min-width:42px}
.sgct-form .form-control{border-color:#d5deeb;box-shadow:none;height:40px}
.sgct-form textarea.form-control{height:auto;min-height:130px}
.sgct-form .form-control:focus{border-color:#1565c0;box-shadow:0 0 0 3px rgba(21,101,192,.12)}
.sgct-form .btn-primary{background:#0d47a1;border-color:#0d47a1;border-radius:8px;padding:8px 22px;font-weight:600}
.sgct-form .btn-primary:hover{background:#d32f2f;border-color:#d32f2f}
.sgct-form .btn-default{border-radius:8px;padding:8px 18px}
.sgct .margin-bottom img{max-width:100%;height:auto;border-radius:10px}
@media (max-width:767px){.sgct-info,.sgct-form{margin-bottom:12px}}
.sgct-intro{color:#55657a;font-size:14px;line-height:1.65}
.sgct-intro p{margin:0 0 6px}
.sgct .sgn-cathead{margin-bottom:16px}

.sgct-lb{flex:0 0 84px;font-weight:600;color:#6b7a90}

/* ===== sgd-videos-v1: module Video — thẻ video 16:9 có nút phát, lưới đều, đồng bộ với tin tức ===== */
.sgv-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 16px}
.sgv-block{background:#fff;border:1px solid var(--sg-line,#e3e8ef);border-radius:14px;padding:14px 16px 4px;margin:0 0 18px;box-shadow:0 2px 8px rgba(16,40,90,.05)}
.sgv-head{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;margin:0 0 12px;padding:0 0 10px 12px;border-bottom:1px solid var(--sg-line,#e3e8ef);position:relative}
.sgv-head:before{content:"";position:absolute;left:0;top:3px;width:4px;height:18px;border-radius:2px;background:var(--sg-red,#c62828)}
.sgv-head h2{margin:0;font-size:15px;font-weight:700;text-transform:uppercase}
.sgv-head h2 a{color:var(--sg-navy,#0b2d63)}
.sgv-sub{display:flex;flex-wrap:wrap;gap:4px 14px;flex:1 1 auto;font-size:13px}
.sgv-sub a{color:#55657a}
.sgv-sub a:hover,.sgv-head h2 a:hover{color:var(--sg-red,#c62828);text-decoration:none}
.sgv-sub .sgv-all{margin-left:auto;font-weight:600;color:var(--sg-blue,#0d47a1)}
.sgv-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--sg-line,#e3e8ef);border-radius:12px;overflow:hidden;box-shadow:0 1px 6px rgba(16,40,90,.05);transition:box-shadow .2s,transform .2s;min-width:0}
.sgv-card:hover{box-shadow:0 8px 22px rgba(16,40,90,.14);transform:translateY(-2px)}
.sgv-th{position:relative;display:block;aspect-ratio:16/9;background:#0b1730;overflow:hidden}
.sgv-th img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s}
.sgv-card:hover .sgv-th img{transform:scale(1.05)}
.sgv-play{position:absolute;left:50%;top:50%;width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:50%;background:rgba(198,40,40,.92);color:#fff;text-align:center;line-height:46px;font-size:18px;box-shadow:0 2px 10px rgba(0,0,0,.4);transition:transform .2s}
.sgv-play i{margin-left:3px}
.sgv-card:hover .sgv-play{transform:scale(1.12)}
.sgv-in{padding:10px 12px 12px;flex:1 1 auto}
.sgv-in h3{margin:0 0 6px;font-size:14.5px;line-height:1.4;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sgv-in h3 a{color:var(--sg-navy,#0b2d63)}
.sgv-in h3 a:hover{color:var(--sg-red,#c62828);text-decoration:none}
.sgv-meta{display:flex;flex-wrap:wrap;gap:2px 12px;font-size:12px;color:var(--sg-mute,#6b7a90)}
.sgv-meta i{margin-right:3px}
/* trang chuyên mục (cards xếp trực tiếp, không có khung lưới) */
.col-md-24 > .sgv-card,.sgv-card + .sgv-card{}
/* chi tiết video */
.detail_container{padding:0!important}
.detail_video{margin:0!important;background:#fff;border:1px solid var(--sg-line,#e3e8ef);border-radius:14px;padding:18px 20px 12px;box-shadow:0 2px 8px rgba(16,40,90,.05);margin-bottom:16px!important}
.detail_video .sgv-title,.detail_video h3.title{margin:0 0 12px;font-size:22px;line-height:1.4;font-weight:700;color:var(--sg-navy,#0b2d63)}
.detail_video .videoplayer{border-radius:12px;overflow:hidden;background:#000;margin-bottom:14px}
.detail_video .uploader{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--sg-line,#e3e8ef);border-bottom:1px solid var(--sg-line,#e3e8ef)}
.detail_video .uploader>div{float:none!important;width:auto!important;padding:0}
.detail_video .uploader img{width:44px;height:44px;border-radius:50%;padding:0}
.detail_video .uploader p{margin:0}
.detail_video .uploader .hitstotal{margin-left:auto;color:var(--sg-mute,#6b7a90);font-size:13px}
.detail_video .media-func{padding:10px 0}
.detail_video .media-func .button-style-1{display:inline-block;margin:0 8px 6px 0;padding:6px 14px;border:1px solid var(--sg-line,#e3e8ef);border-radius:999px;color:#1f3a66;font-size:13px;background:#f6f8fc}
.detail_video .media-func .button-style-1:hover{background:#eef4ff;color:var(--sg-red,#c62828);text-decoration:none}
.videos-others-block{border-radius:14px}
.videos-others-block .sgv-grid{margin-bottom:0}
@media (max-width:991px){.sgv-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.sgv-grid{grid-template-columns:1fr}.detail_video{padding:12px}}
.sgv-th img[src*="video_placeholder"]+.sgv-play{display:none}

/* ===== hàng cuối trang (footerNav2-inner): Gửi phản hồi + nhãn Đã kết nối EMC cùng một hàng ===== */
.footerNav2-inner .sg-fnav-l{display:flex;align-items:center;gap:18px;flex:1 1 auto;min-width:0}
.footerNav2-inner .sg-fb{color:#fff;font-size:13px;font-weight:600;padding:5px 14px;border:1px solid rgba(255,255,255,.35);border-radius:999px;white-space:nowrap}
.footerNav2-inner .sg-fb:hover{background:#d32f2f;border-color:#d32f2f;color:#fff;text-decoration:none}
.footerNav2-inner #btnEMC,.footerNav2-inner #btnEMC.yhy-append-btn{position:static!important;display:inline-flex!important;align-items:center;gap:6px;float:none!important;margin:0!important;padding:0!important;width:auto!important;height:auto!important;background:transparent!important;border:0!important;box-shadow:none!important;color:#dcdcdc!important;font-size:12.5px!important;line-height:1.4!important;opacity:1!important;transform:none!important;text-decoration:none}
.footerNav2-inner #btnEMC:before{content:"";width:8px;height:8px;border-radius:50%;background:#37d67a;box-shadow:0 0 0 0 rgba(55,214,122,.6);animation:sgemc 2s infinite}
@keyframes sgemc{70%{box-shadow:0 0 0 6px rgba(55,214,122,0)}100%{box-shadow:0 0 0 0 rgba(55,214,122,0)}}
.footerNav2-inner #btnEMC img,.footerNav2-inner #btnEMC svg{display:none!important}
/* bỏ khoảng trắng dưới cùng: khung rỗng của script EMC sau khi nhãn đã chuyển lên hàng footerNav2-inner */
.yhy-append-wrap{display:none!important;height:0!important;margin:0!important;padding:0!important}

/* ===== sơ đồ cổng ===== */
.sgmap{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.sgmap-card{background:#fff;border:1px solid var(--sg-line,#e3e8ef);border-radius:12px;padding:12px 16px;box-shadow:0 1px 6px rgba(16,40,90,.05)}
.sgmap-card h3{position:relative;margin:0 0 6px;padding:0 0 8px 12px;font-size:14.5px;font-weight:700;text-transform:uppercase;border-bottom:1px solid var(--sg-line,#e3e8ef)}
.sgmap-card h3:before{content:"";position:absolute;left:0;top:1px;width:4px;height:16px;border-radius:2px;background:var(--sg-red,#c62828)}
.sgmap-card h3 a{color:var(--sg-navy,#0b2d63)}
.sgmap-card ul{list-style:none;margin:0;padding:0}
.sgmap-card li{padding:4px 0 4px 14px;position:relative;line-height:1.5}
.sgmap-card li:before{content:"";position:absolute;left:2px;top:12px;width:5px;height:5px;border-radius:50%;background:var(--sg-blue,#0d47a1)}
.sgmap-card li ul{margin:2px 0 2px 4px}
.sgmap-card li li:before{background:#9db2d3}
.sgmap-card a{color:#1f3a66;font-size:14px}
.sgmap-card a:hover{color:var(--sg-red,#c62828);text-decoration:none}
@media (max-width:767px){.sgmap{grid-template-columns:1fr}}
.sgmap,.sgmap *{text-align:left!important}
.sgmap ul,.sgmap li{list-style:none!important}
.sgmap li{margin:0}
.sgmap-card h3{padding-left:14px}

.sgmap ul{padding-left:0!important;margin:0!important}
.sgmap li li{padding-left:16px}
.sgmap li li li{padding-left:16px}

/* ===== sgd-gopy-v1: module Góp ý dự thảo văn bản ===== */
.sgy-tabs{display:flex;gap:6px;list-style:none;margin:0 0 14px;padding:0;border-bottom:2px solid var(--sg-line,#e3e8ef)}
.sgy-tabs li a{display:block;padding:9px 16px;font-weight:600;font-size:14px;color:#55657a;border-radius:8px 8px 0 0;margin-bottom:-2px;border-bottom:2px solid transparent}
.sgy-tabs li a em{font-style:normal;font-size:11.5px;background:#e8eef7;color:#1f3a66;border-radius:999px;padding:1px 8px;margin-left:4px}
.sgy-tabs li.on a{color:var(--sg-red,#c62828);border-bottom-color:var(--sg-red,#c62828)}
.sgy-tabs li.on a em{background:var(--sg-red,#c62828);color:#fff}
.sgy-tabs li a:hover{text-decoration:none;color:var(--sg-navy,#0b2d63)}
.sgy-list{display:grid;gap:12px;margin-bottom:16px}
.sgy-item{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--sg-line,#e3e8ef);border-left:4px solid #1faa59;border-radius:12px;padding:14px 16px;box-shadow:0 1px 6px rgba(16,40,90,.05);transition:box-shadow .2s}
.sgy-item:hover{box-shadow:0 8px 22px rgba(16,40,90,.12)}
.sgy-item.sgy-closed{border-left-color:#9aa7ba}
.sgy-item.sgy-wait{border-left-color:#f08a1c}
.sgy-ico{flex:0 0 46px;height:46px;line-height:46px;text-align:center;border-radius:12px;background:#eef4ff;color:#1565c0;font-size:22px}
.sgy-body{flex:1 1 auto;min-width:0}
.sgy-body h2{margin:0 0 4px;font-size:16.5px;line-height:1.4;font-weight:700}
.sgy-body h2 a{color:var(--sg-navy,#0b2d63)}
.sgy-body h2 a:hover{color:var(--sg-red,#c62828);text-decoration:none}
.sgy-sum{margin:0 0 6px;color:#55657a;font-size:13.5px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sgy-meta{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:12.5px;color:var(--sg-mute,#6b7a90);align-items:center}
.sgy-meta i{margin-right:3px}
.sgy-meta b{color:#1d2b40}
.sgy-state{display:inline-block;padding:2px 10px;border-radius:999px;font-size:11.5px;font-weight:700;color:#fff;background:#1faa59}
.sgy-state-closed{background:#8392a8}
.sgy-state-wait{background:#f08a1c}
.sgy-btn{flex:0 0 auto;padding:8px 16px;border-radius:999px;background:var(--sg-blue,#0d47a1);color:#fff!important;font-size:13px;font-weight:600;white-space:nowrap}
.sgy-btn:hover{background:var(--sg-red,#c62828);text-decoration:none}
.sgy-empty{background:#fff;border:1px dashed #cdd9ec;border-radius:12px;padding:28px;text-align:center;color:#6b7a90}
.sgy-dhead{background:#fff;border:1px solid var(--sg-line,#e3e8ef);border-radius:14px;padding:18px 22px;margin-bottom:14px;box-shadow:0 2px 8px rgba(16,40,90,.05)}
.sgy-dhead h1{margin:8px 0 10px;font-size:23px;line-height:1.4;font-weight:700;color:var(--sg-navy,#0b2d63)}
.sgy-file{display:inline-flex;align-items:center;gap:8px;margin-top:12px;padding:9px 16px;border-radius:10px;background:#fdeaea;color:#c62828!important;font-weight:600;font-size:14px}
.sgy-file small{display:block;font-weight:400;color:#8a4a4a;margin-left:6px;font-size:12px}
.sgy-file:hover{background:#fbd9d9;text-decoration:none}
.sgy-card{background:#fff;border:1px solid var(--sg-line,#e3e8ef);border-radius:14px;padding:16px 20px;margin-bottom:14px;box-shadow:0 1px 6px rgba(16,40,90,.05)}
.sgy-content{font-size:15.5px;line-height:1.75}
.sgy-content img{max-width:100%;height:auto}
.sgy-note{font-size:13px;color:#6b7a90;margin:0 0 12px}
.sgy-form label{font-size:13px;font-weight:600;color:#1d2b40;margin-bottom:4px}
.sgy-form label span{color:#d32f2f}
.sgy-form .form-control{border-color:#d5deeb;box-shadow:none;border-radius:8px}
.sgy-form .form-control:focus{border-color:#1565c0;box-shadow:0 0 0 3px rgba(21,101,192,.12)}
.sgy-cap>div{display:flex;align-items:center;gap:10px}
.sgy-cap .fcode{width:130px}
.sgy-actions{text-align:right}
.sgy-actions .btn{border-radius:8px;padding:8px 22px;font-weight:600}
.sgy-actions .btn-primary{background:#0d47a1;border-color:#0d47a1}
.sgy-actions .btn-primary:hover{background:#d32f2f;border-color:#d32f2f}
.sgy-op{display:flex;gap:12px;padding:12px 0;border-top:1px solid #edf1f7}
.sgy-op:first-of-type{border-top:0}
.sgy-av{flex:0 0 38px;height:38px;line-height:38px;text-align:center;border-radius:50%;background:#e8f0fe;color:#0d47a1;font-weight:700}
.sgy-op-h{font-size:13.5px;color:#1d2b40}
.sgy-op-h span{color:#6b7a90}
.sgy-op-h time{float:right;font-size:12px;color:#8a97ab}
.sgy-op-t{margin-top:4px;font-size:14.5px;line-height:1.6;color:#2b3a52}
.sgy-back{font-weight:600;color:var(--sg-blue,#0d47a1)}
@media (max-width:767px){.sgy-item{flex-wrap:wrap}.sgy-btn{width:100%;text-align:center}.sgy-op-h time{float:none;display:block}.sgy-dhead h1{font-size:19px}}
.sgy-form .row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px;margin:0}
.sgy-form .row:before,.sgy-form .row:after{display:none!important;content:none!important}
.sgy-form .row>div{float:none;width:auto;padding:0}
@media (max-width:600px){.sgy-form .row{grid-template-columns:1fr}}

.sgy-frame{display:block;width:100%;height:680px;border:1px solid var(--sg-line,#e3e8ef);border-radius:10px;background:#f4f6fa}
.sgy-imgview{text-align:center}
.sgy-imgview img{max-width:100%;height:auto;border-radius:10px;border:1px solid var(--sg-line,#e3e8ef)}
@media (max-width:767px){.sgy-frame{height:480px}}

.sgy-files{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.sgy-files .sgy-file{margin-top:0}
.sgy-file i{font-size:20px}
.sgy-file span{display:block;line-height:1.3;word-break:break-all}
.sgy-pv{border:1px solid var(--sg-line,#e3e8ef);border-radius:10px;margin:0 0 10px;overflow:hidden}
.sgy-pv>summary{cursor:pointer;padding:10px 14px;background:#f6f8fc;font-weight:600;color:var(--sg-navy,#0b2d63);list-style:none}
.sgy-pv>summary::-webkit-details-marker{display:none}
.sgy-pv>summary:before{content:"\25B8";display:inline-block;margin-right:8px;color:var(--sg-red,#c62828);transition:transform .15s}
.sgy-pv[open]>summary:before{transform:rotate(90deg)}
.sgy-pv>*:not(summary){margin:12px}
.sgy-pv .sgy-frame{margin:12px;width:calc(100% - 24px)}
/* tệp đính kèm: mỗi tệp một dòng có nút Xem / Tải về; khung xem chỉ mở khi bấm */
.sgy-files{display:grid;gap:8px;margin-top:14px}
.sgy-fitem{border:1px solid var(--sg-line,#e3e8ef);border-radius:10px;background:#fff;overflow:hidden}
.sgy-frow{display:flex;align-items:center;gap:12px;padding:10px 12px}
.sgy-ficon{flex:0 0 36px;height:36px;line-height:36px;text-align:center;border-radius:9px;background:#fdeaea;color:#c62828;font-size:18px}
.sgy-fname{flex:1 1 auto;min-width:0;font-weight:600;color:#1d2b40;word-break:break-all;line-height:1.35}
.sgy-fname small{display:block;font-weight:400;color:#6b7a90;font-size:11.5px}
.sgy-fbtns{display:flex;gap:8px;flex:0 0 auto}
.sgy-fbtn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;border:1px solid #cdd9ec;background:#f6f8fc;color:#1f3a66!important;font-size:13px;font-weight:600;cursor:pointer;line-height:1.4}
.sgy-fbtn:hover{background:#eef4ff;color:#c62828!important;text-decoration:none}
.sgy-fview.on{background:#0d47a1;border-color:#0d47a1;color:#fff!important}
.sgy-fdl{background:#fff}
.sgy-fview-box{border-top:1px solid var(--sg-line,#e3e8ef);padding:12px;background:#fafbfd}
.sgy-fview-box[hidden]{display:none}
.sgy-fview-box .sgy-frame{margin:0;width:100%}
@media (max-width:600px){.sgy-frow{flex-wrap:wrap}.sgy-fbtns{width:100%}.sgy-fbtn{flex:1;justify-content:center}}
/* ===== sgd-page-v1: nội dung trang tĩnh dán từ Word (bảng, phông, khoảng cách) hiển thị gọn, đồng bộ — không đổi nội dung ===== */
#page-bodyhtml{font-size:15px;line-height:1.7;color:#1d2b40}
#page-bodyhtml span,#page-bodyhtml p,#page-bodyhtml div,#page-bodyhtml li,#page-bodyhtml b,#page-bodyhtml strong,#page-bodyhtml td,#page-bodyhtml th{font-family:inherit!important;line-height:inherit!important;color:inherit}
#page-bodyhtml span{font-size:inherit!important}
#page-bodyhtml b,#page-bodyhtml strong{font-weight:700;color:#0b2d63}
#page-bodyhtml p{margin:0 0 10px}
#page-bodyhtml table{width:100%!important;max-width:100%;margin:12px 0 22px!important;border:1px solid #d5deeb!important;border-collapse:separate!important;border-spacing:0;background:#fff}
#page-bodyhtml table td,#page-bodyhtml table th{width:auto!important;border:0!important;border-bottom:1px solid #e3e8ef!important;border-right:1px solid #e3e8ef!important;padding:9px 12px!important;vertical-align:middle;text-align:left!important;font-size:14px}
#page-bodyhtml table td:last-child,#page-bodyhtml table th:last-child{border-right:0!important}
#page-bodyhtml table tr:last-child td{border-bottom:0!important}
#page-bodyhtml table td:first-child{width:64px!important;text-align:center!important;color:#6b7a90}
#page-bodyhtml table td:last-child:not(:first-child){width:26%!important}
#page-bodyhtml table tr:first-child td{background:#0b2d63!important;color:#fff!important;font-weight:700;text-align:center!important;border-right-color:rgba(255,255,255,.25)!important}
#page-bodyhtml table tr:first-child td *{color:#fff!important}
#page-bodyhtml table tr:nth-child(even) td{background:#f7f9fd}
#page-bodyhtml table td[colspan]{background:#e8f0fe!important;color:#0b2d63;font-weight:700}
#page-bodyhtml div[style*="text-align: center"] b{display:inline-block;font-size:17px;line-height:1.5!important;letter-spacing:.2px}
#page-bodyhtml>b,#page-bodyhtml>span>span>b{font-size:16px}
@media (max-width:767px){#page-bodyhtml table td,#page-bodyhtml table th{padding:7px 8px!important;font-size:13px}#page-bodyhtml table td:first-child{width:40px!important}}
#page-bodyhtml>div:first-child{text-align:center;margin-bottom:12px}
#page-bodyhtml>div:first-child b{font-size:17px;line-height:1.5}

/* ===== sgd-contact-v1: trang Liên hệ ===== */
.sgct .well{background:#f4f8ff;border:0;border-left:4px solid var(--sg-blue,#0d47a1);border-radius:0 12px 12px 0;box-shadow:none;padding:14px 18px;margin-bottom:16px}
.sgct .panel{border-radius:14px!important;overflow:hidden}
.sgct .panel-heading{background:#f6f8fc!important;border:0!important;border-bottom:1px solid #e3e8ef!important;padding:12px 16px 12px 22px!important;position:relative;color:#0b2d63!important;text-transform:uppercase;font-weight:700;font-size:14px}
.sgct .panel-heading:before{content:"";position:absolute;left:10px;top:50%;width:4px;height:18px;margin-top:-9px;border-radius:2px;background:#d32f2f}
.sgct .panel-heading h3{margin:0;font-size:15px;font-weight:700;color:#0b2d63;text-transform:uppercase}
.sgct .panel-body{padding:16px 18px}
.sgct-row{display:flex;align-items:flex-start;gap:12px;padding:10px 0;border-bottom:1px dashed #dde4ef;color:#1d2b40;line-height:1.55}
.sgct-row:last-child{border-bottom:0}
.sgct-row>em{flex:0 0 34px;height:34px;line-height:34px;text-align:center;border-radius:10px;background:#eef4ff;color:#1565c0;font-size:16px;margin:0!important}
.sgct-row .fa-phone,.sgct-row .fa-fax{background:#e6f6ee;color:#12906f}
.sgct-row .fa-envelope{background:#fdeaea;color:#d32f2f}
.sgct-row a{color:#1f3a66;font-weight:600}
.sgct-row a:hover{color:#d32f2f}
.sgct-row span{min-width:0;word-break:break-word}
/* form */
.sgct-form .nv-fullbg{background:transparent;padding:0;border:0}
.sgct-form .input-group-addon{background:#f0f4fa;border-color:#d5deeb;color:#1565c0;min-width:42px}
.sgct-form .form-control{border-color:#d5deeb;box-shadow:none;height:40px}
.sgct-form textarea.form-control{height:auto;min-height:130px}
.sgct-form .form-control:focus{border-color:#1565c0;box-shadow:0 0 0 3px rgba(21,101,192,.12)}
.sgct-form .btn-primary{background:#0d47a1;border-color:#0d47a1;border-radius:8px;padding:8px 22px;font-weight:600}
.sgct-form .btn-primary:hover{background:#d32f2f;border-color:#d32f2f}
.sgct-form .btn-default{border-radius:8px;padding:8px 18px}
.sgct .margin-bottom img{max-width:100%;height:auto;border-radius:10px}
@media (max-width:767px){.sgct-info,.sgct-form{margin-bottom:12px}}
.sgct-intro{color:#55657a;font-size:14px;line-height:1.65}
.sgct-intro p{margin:0 0 6px}
.sgct .sgn-cathead{margin-bottom:16px}

.sgct-lb{flex:0 0 84px;font-weight:600;color:#6b7a90}

/* ===== sgd-videos-v1: module Video — thẻ video 16:9 có nút phát, lưới đều, đồng bộ với tin tức ===== */
.sgv-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 16px}
.sgv-block{background:#fff;border:1px solid var(--sg-line,#e3e8ef);border-radius:14px;padding:14px 16px 4px;margin:0 0 18px;box-shadow:0 2px 8px rgba(16,40,90,.05)}
.sgv-head{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;margin:0 0 12px;padding:0 0 10px 12px;border-bottom:1px solid var(--sg-line,#e3e8ef);position:relative}
.sgv-head:before{content:"";position:absolute;left:0;top:3px;width:4px;height:18px;border-radius:2px;background:var(--sg-red,#c62828)}
.sgv-head h2{margin:0;font-size:15px;font-weight:700;text-transform:uppercase}
.sgv-head h2 a{color:var(--sg-navy,#0b2d63)}
.sgv-sub{display:flex;flex-wrap:wrap;gap:4px 14px;flex:1 1 auto;font-size:13px}
.sgv-sub a{color:#55657a}
.sgv-sub a:hover,.sgv-head h2 a:hover{color:var(--sg-red,#c62828);text-decoration:none}
.sgv-sub .sgv-all{margin-left:auto;font-weight:600;color:var(--sg-blue,#0d47a1)}
.sgv-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--sg-line,#e3e8ef);border-radius:12px;overflow:hidden;box-shadow:0 1px 6px rgba(16,40,90,.05);transition:box-shadow .2s,transform .2s;min-width:0}
.sgv-card:hover{box-shadow:0 8px 22px rgba(16,40,90,.14);transform:translateY(-2px)}
.sgv-th{position:relative;display:block;aspect-ratio:16/9;background:#0b1730;overflow:hidden}
.sgv-th img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s}
.sgv-card:hover .sgv-th img{transform:scale(1.05)}
.sgv-play{position:absolute;left:50%;top:50%;width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:50%;background:rgba(198,40,40,.92);color:#fff;text-align:center;line-height:46px;font-size:18px;box-shadow:0 2px 10px rgba(0,0,0,.4);transition:transform .2s}
.sgv-play i{margin-left:3px}
.sgv-card:hover .sgv-play{transform:scale(1.12)}
.sgv-in{padding:10px 12px 12px;flex:1 1 auto}
.sgv-in h3{margin:0 0 6px;font-size:14.5px;line-height:1.4;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sgv-in h3 a{color:var(--sg-navy,#0b2d63)}
.sgv-in h3 a:hover{color:var(--sg-red,#c62828);text-decoration:none}
.sgv-meta{display:flex;flex-wrap:wrap;gap:2px 12px;font-size:12px;color:var(--sg-mute,#6b7a90)}
.sgv-meta i{margin-right:3px}
/* trang chuyên mục (cards xếp trực tiếp, không có khung lưới) */
.col-md-24 > .sgv-card,.sgv-card + .sgv-card{}
/* chi tiết video */
.detail_container{padding:0!important}
.detail_video{margin:0!important;background:#fff;border:1px solid var(--sg-line,#e3e8ef);border-radius:14px;padding:18px 20px 12px;box-shadow:0 2px 8px rgba(16,40,90,.05);margin-bottom:16px!important}
.detail_video .sgv-title,.detail_video h3.title{margin:0 0 12px;font-size:22px;line-height:1.4;font-weight:700;color:var(--sg-navy,#0b2d63)}
.detail_video .videoplayer{border-radius:12px;overflow:hidden;background:#000;margin-bottom:14px}
.detail_video .uploader{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--sg-line,#e3e8ef);border-bottom:1px solid var(--sg-line,#e3e8ef)}
.detail_video .uploader>div{float:none!important;width:auto!important;padding:0}
.detail_video .uploader img{width:44px;height:44px;border-radius:50%;padding:0}
.detail_video .uploader p{margin:0}
.detail_video .uploader .hitstotal{margin-left:auto;color:var(--sg-mute,#6b7a90);font-size:13px}
.detail_video .media-func{padding:10px 0}
.detail_video .media-func .button-style-1{display:inline-block;margin:0 8px 6px 0;padding:6px 14px;border:1px solid var(--sg-line,#e3e8ef);border-radius:999px;color:#1f3a66;font-size:13px;background:#f6f8fc}
.detail_video .media-func .button-style-1:hover{background:#eef4ff;color:var(--sg-red,#c62828);text-decoration:none}
.videos-others-block{border-radius:14px}
.videos-others-block .sgv-grid{margin-bottom:0}
@media (max-width:991px){.sgv-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.sgv-grid{grid-template-columns:1fr}.detail_video{padding:12px}}
.sgv-th img[src*="video_placeholder"]+.sgv-play{display:none}

/* ===== sơ đồ cổng ===== */
.sgmap{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.sgmap-card{background:#fff;border:1px solid var(--sg-line,#e3e8ef);border-radius:12px;padding:12px 16px;box-shadow:0 1px 6px rgba(16,40,90,.05)}
.sgmap-card h3{position:relative;margin:0 0 6px;padding:0 0 8px 12px;font-size:14.5px;font-weight:700;text-transform:uppercase;border-bottom:1px solid var(--sg-line,#e3e8ef)}
.sgmap-card h3:before{content:"";position:absolute;left:0;top:1px;width:4px;height:16px;border-radius:2px;background:var(--sg-red,#c62828)}
.sgmap-card h3 a{color:var(--sg-navy,#0b2d63)}
.sgmap-card ul{list-style:none;margin:0;padding:0}
.sgmap-card li{padding:4px 0 4px 14px;position:relative;line-height:1.5}
.sgmap-card li:before{content:"";position:absolute;left:2px;top:12px;width:5px;height:5px;border-radius:50%;background:var(--sg-blue,#0d47a1)}
.sgmap-card li ul{margin:2px 0 2px 4px}
.sgmap-card li li:before{background:#9db2d3}
.sgmap-card a{color:#1f3a66;font-size:14px}
.sgmap-card a:hover{color:var(--sg-red,#c62828);text-decoration:none}
@media (max-width:767px){.sgmap{grid-template-columns:1fr}}
.sgmap,.sgmap *{text-align:left!important}
.sgmap ul,.sgmap li{list-style:none!important}
.sgmap li{margin:0}
.sgmap-card h3{padding-left:14px}

.sgmap ul{padding-left:0!important;margin:0!important}
.sgmap li li{padding-left:16px}
.sgmap li li li{padding-left:16px}

/* ===== sgd-gopy-v1: module Góp ý dự thảo văn bản ===== */
.sgy-tabs{display:flex;gap:6px;list-style:none;margin:0 0 14px;padding:0;border-bottom:2px solid var(--sg-line,#e3e8ef)}
.sgy-tabs li a{display:block;padding:9px 16px;font-weight:600;font-size:14px;color:#55657a;border-radius:8px 8px 0 0;margin-bottom:-2px;border-bottom:2px solid transparent}
.sgy-tabs li a em{font-style:normal;font-size:11.5px;background:#e8eef7;color:#1f3a66;border-radius:999px;padding:1px 8px;margin-left:4px}
.sgy-tabs li.on a{color:var(--sg-red,#c62828);border-bottom-color:var(--sg-red,#c62828)}
.sgy-tabs li.on a em{background:var(--sg-red,#c62828);color:#fff}
.sgy-tabs li a:hover{text-decoration:none;color:var(--sg-navy,#0b2d63)}
.sgy-list{display:grid;gap:12px;margin-bottom:16px}
.sgy-item{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--sg-line,#e3e8ef);border-left:4px solid #1faa59;border-radius:12px;padding:14px 16px;box-shadow:0 1px 6px rgba(16,40,90,.05);transition:box-shadow .2s}
.sgy-item:hover{box-shadow:0 8px 22px rgba(16,40,90,.12)}
.sgy-item.sgy-closed{border-left-color:#9aa7ba}
.sgy-item.sgy-wait{border-left-color:#f08a1c}
.sgy-ico{flex:0 0 46px;height:46px;line-height:46px;text-align:center;border-radius:12px;background:#eef4ff;color:#1565c0;font-size:22px}
.sgy-body{flex:1 1 auto;min-width:0}
.sgy-body h2{margin:0 0 4px;font-size:16.5px;line-height:1.4;font-weight:700}
.sgy-body h2 a{color:var(--sg-navy,#0b2d63)}
.sgy-body h2 a:hover{color:var(--sg-red,#c62828);text-decoration:none}
.sgy-sum{margin:0 0 6px;color:#55657a;font-size:13.5px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sgy-meta{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:12.5px;color:var(--sg-mute,#6b7a90);align-items:center}
.sgy-meta i{margin-right:3px}
.sgy-meta b{color:#1d2b40}
.sgy-state{display:inline-block;padding:2px 10px;border-radius:999px;font-size:11.5px;font-weight:700;color:#fff;background:#1faa59}
.sgy-state-closed{background:#8392a8}
.sgy-state-wait{background:#f08a1c}
.sgy-btn{flex:0 0 auto;padding:8px 16px;border-radius:999px;background:var(--sg-blue,#0d47a1);color:#fff!important;font-size:13px;font-weight:600;white-space:nowrap}
.sgy-btn:hover{background:var(--sg-red,#c62828);text-decoration:none}
.sgy-empty{background:#fff;border:1px dashed #cdd9ec;border-radius:12px;padding:28px;text-align:center;color:#6b7a90}
.sgy-dhead{background:#fff;border:1px solid var(--sg-line,#e3e8ef);border-radius:14px;padding:18px 22px;margin-bottom:14px;box-shadow:0 2px 8px rgba(16,40,90,.05)}
.sgy-dhead h1{margin:8px 0 10px;font-size:23px;line-height:1.4;font-weight:700;color:var(--sg-navy,#0b2d63)}
.sgy-file{display:inline-flex;align-items:center;gap:8px;margin-top:12px;padding:9px 16px;border-radius:10px;background:#fdeaea;color:#c62828!important;font-weight:600;font-size:14px}
.sgy-file small{display:block;font-weight:400;color:#8a4a4a;margin-left:6px;font-size:12px}
.sgy-file:hover{background:#fbd9d9;text-decoration:none}
.sgy-card{background:#fff;border:1px solid var(--sg-line,#e3e8ef);border-radius:14px;padding:16px 20px;margin-bottom:14px;box-shadow:0 1px 6px rgba(16,40,90,.05)}
.sgy-content{font-size:15.5px;line-height:1.75}
.sgy-content img{max-width:100%;height:auto}
.sgy-note{font-size:13px;color:#6b7a90;margin:0 0 12px}
.sgy-form label{font-size:13px;font-weight:600;color:#1d2b40;margin-bottom:4px}
.sgy-form label span{color:#d32f2f}
.sgy-form .form-control{border-color:#d5deeb;box-shadow:none;border-radius:8px}
.sgy-form .form-control:focus{border-color:#1565c0;box-shadow:0 0 0 3px rgba(21,101,192,.12)}
.sgy-cap>div{display:flex;align-items:center;gap:10px}
.sgy-cap .fcode{width:130px}
.sgy-actions{text-align:right}
.sgy-actions .btn{border-radius:8px;padding:8px 22px;font-weight:600}
.sgy-actions .btn-primary{background:#0d47a1;border-color:#0d47a1}
.sgy-actions .btn-primary:hover{background:#d32f2f;border-color:#d32f2f}
.sgy-op{display:flex;gap:12px;padding:12px 0;border-top:1px solid #edf1f7}
.sgy-op:first-of-type{border-top:0}
.sgy-av{flex:0 0 38px;height:38px;line-height:38px;text-align:center;border-radius:50%;background:#e8f0fe;color:#0d47a1;font-weight:700}
.sgy-op-h{font-size:13.5px;color:#1d2b40}
.sgy-op-h span{color:#6b7a90}
.sgy-op-h time{float:right;font-size:12px;color:#8a97ab}
.sgy-op-t{margin-top:4px;font-size:14.5px;line-height:1.6;color:#2b3a52}
.sgy-back{font-weight:600;color:var(--sg-blue,#0d47a1)}
@media (max-width:767px){.sgy-item{flex-wrap:wrap}.sgy-btn{width:100%;text-align:center}.sgy-op-h time{float:none;display:block}.sgy-dhead h1{font-size:19px}}
.sgy-form .row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px;margin:0}
.sgy-form .row:before,.sgy-form .row:after{display:none!important;content:none!important}
.sgy-form .row>div{float:none;width:auto;padding:0}
@media (max-width:600px){.sgy-form .row{grid-template-columns:1fr}}

.sgy-frame{display:block;width:100%;height:680px;border:1px solid var(--sg-line,#e3e8ef);border-radius:10px;background:#f4f6fa}
.sgy-imgview{text-align:center}
.sgy-imgview img{max-width:100%;height:auto;border-radius:10px;border:1px solid var(--sg-line,#e3e8ef)}
@media (max-width:767px){.sgy-frame{height:480px}}

.sgy-files{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.sgy-files .sgy-file{margin-top:0}
.sgy-file i{font-size:20px}
.sgy-file span{display:block;line-height:1.3;word-break:break-all}
.sgy-pv{border:1px solid var(--sg-line,#e3e8ef);border-radius:10px;margin:0 0 10px;overflow:hidden}
.sgy-pv>summary{cursor:pointer;padding:10px 14px;background:#f6f8fc;font-weight:600;color:var(--sg-navy,#0b2d63);list-style:none}
.sgy-pv>summary::-webkit-details-marker{display:none}
.sgy-pv>summary:before{content:"\25B8";display:inline-block;margin-right:8px;color:var(--sg-red,#c62828);transition:transform .15s}
.sgy-pv[open]>summary:before{transform:rotate(90deg)}
.sgy-pv>*:not(summary){margin:12px}
.sgy-pv .sgy-frame{margin:12px;width:calc(100% - 24px)}
/* tệp đính kèm: mỗi tệp một dòng có nút Xem / Tải về; khung xem chỉ mở khi bấm */
.sgy-files{display:grid;gap:8px;margin-top:14px}
.sgy-fitem{border:1px solid var(--sg-line,#e3e8ef);border-radius:10px;background:#fff;overflow:hidden}
.sgy-frow{display:flex;align-items:center;gap:12px;padding:10px 12px}
.sgy-ficon{flex:0 0 36px;height:36px;line-height:36px;text-align:center;border-radius:9px;background:#fdeaea;color:#c62828;font-size:18px}
.sgy-fname{flex:1 1 auto;min-width:0;font-weight:600;color:#1d2b40;word-break:break-all;line-height:1.35}
.sgy-fname small{display:block;font-weight:400;color:#6b7a90;font-size:11.5px}
.sgy-fbtns{display:flex;gap:8px;flex:0 0 auto}
.sgy-fbtn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;border:1px solid #cdd9ec;background:#f6f8fc;color:#1f3a66!important;font-size:13px;font-weight:600;cursor:pointer;line-height:1.4}
.sgy-fbtn:hover{background:#eef4ff;color:#c62828!important;text-decoration:none}
.sgy-fview.on{background:#0d47a1;border-color:#0d47a1;color:#fff!important}
.sgy-fdl{background:#fff}
.sgy-fview-box{border-top:1px solid var(--sg-line,#e3e8ef);padding:12px;background:#fafbfd}
.sgy-fview-box[hidden]{display:none}
.sgy-fview-box .sgy-frame{margin:0;width:100%}
@media (max-width:600px){.sgy-frow{flex-wrap:wrap}.sgy-fbtns{width:100%}.sgy-fbtn{flex:1;justify-content:center}}

/* ---- Khung nổi ở chân trang (#ftip): chữ/biểu tượng phải tối trên nền trắng (luật chữ trắng của thanh chân trang không được áp vào đây) ---- */
.footer #ftip a,#ftip a{color:var(--sg-blue)!important}
.footer #ftip em,.footer #ftip span,#ftip em,#ftip span,#ftip label,#ftip p,#ftip li{color:var(--sg-ink)!important}
#ftip .contactList li .fa,#ftip .contactList li em{color:var(--sg-red)!important}
#ftip .contactList li{padding:7px 0;border-bottom:1px dashed #dde4ef}
#ftip .contactList li:last-child{border-bottom:0}
#ftip .contactList li a{font-weight:600}
#ftip .socialList a,#ftip .socialList em{color:var(--sg-navy)!important}
/* hộp "Gửi phản hồi": tiêu đề navy thay vì xanh mặc định của Bootstrap */
#ftip .panel-primary,#ftip .contactForm .panel{margin:0;border:0;box-shadow:none}
#ftip .panel-primary>.panel-heading,#ftip .contactForm .panel-heading{background:#f6f8fc!important;color:var(--sg-navy)!important;border:0;border-bottom:1px solid var(--sg-line);padding:11px 14px 11px 22px}
#ftip .panel-primary>.panel-heading *,#ftip .contactForm .panel-heading *{color:var(--sg-navy)!important}
#ftip .contactForm .btn-primary{background:var(--sg-blue);border-color:var(--sg-blue);color:#fff!important}
#ftip .contactForm .btn-default{color:var(--sg-ink)!important}
#ftip .contactForm label{font-weight:500}
/* ---- Menu trượt bên trái (nút ba chấm) ---- */
#winHelp .logo-small{background:linear-gradient(180deg,#123b7d,#0b2d63);text-align:center;padding:12px}
#winHelp .logo-small img{display:inline-block;max-height:56px;width:auto;max-width:100%;background:#fff;border-radius:50%;padding:3px;box-shadow:0 1px 6px rgba(0,0,0,.3)}
#winHelp .panel-primary>.panel-heading,#winHelp .panel>.panel-heading{background:#f6f8fc!important;color:var(--sg-navy)!important;border:0;border-bottom:1px solid var(--sg-line)}
#winHelp .panel-heading *{color:var(--sg-navy)!important}
#winHelp .panel-primary{border:0}
/* ảnh đại diện mặc định (logo) trong danh sách tin: thu nhỏ, không phóng to */
img[src*="logo-so-new"].imghome,img[src*="logo-so-new"].img-thumbnail{width:64px!important;height:64px!important;object-fit:contain;background:#fff;padding:4px;box-shadow:none}
img[src*="logo-so-new"]{max-width:100%}