/**
 * NukeViet Content Management System
 * @version 4.x
 * @author VINADES.,JSC <contact@vinades.vn>
 * @copyright (C) 2009-2021 VINADES.,JSC. All rights reserved
 * @license GNU/GPL version 2 or any later version
 * @see https://github.com/nukeviet The NukeViet CMS GitHub project
 */

/* Các tùy chỉnh CSS của giao diện nên để vào đây */

@font-face {
  font-family: "Inter-Regular";
  src: url("../fonts/Inter/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Inter-Bold";
  src: url("../fonts/Inter/Inter-Bold.ttf") format("truetype");
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Inter-Medium";
  src: url("../fonts/Inter/Inter-Medium.ttf") format("truetype");
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter-SemiBold";
  src: url("../fonts/Inter/Inter-SemiBold.ttf") format("truetype");
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter-ExtraBold";
  src: url("../fonts/Inter/Inter-ExtraBold.ttf") format("truetype");
  font-style: normal;
  font-display: swap;
}

@font-face {
    font-family: 'CSB';
    src: url('../fonts/ConthraxSb-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

.section-header {
  padding: 30px;
  background-color: #fffee5;
  background-image: url(../images/bg-header.png) !important;
  background-position: center center;
  position: relative;
  background-repeat: no-repeat;
  background-size: 100% auto;
  border-bottom-color: transparent !important;
  min-height: fit-content;
}

/*.section-header,
#footer {
  padding: 30px;
  background-color: #fffee5;
  background-image: url(../images/bg-header.png) !important;
  background-position: center center;
  position: relative;
  background-repeat: no-repeat;
  background-size: 100% auto;
  border-bottom-color: transparent !important;
  min-height: fit-content;
}*/

@media (max-width: 767.98px) {
    #header {
        text-align: center;
    }
    .sitebannertext .sn{
        font-size:12px!important;
    }
    .sitebannertext .sd{
        font-size:14px!important;
    }
    .section-header, #footer {
        padding: 0px!important;
        background-size: auto!important;
    }

    .footerNav2{
        font-size: 10px!important;
        text-align: center!important;
    }
}

.sitebannertext {
  color: #ffffff !important;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  text-transform: uppercase;
  font-family: "Inter-ExtraBold", sans-serif !important;
}

.sitebannertext .sn {
  font-size: 20px;
  color: rgb(192, 137, 31);
}
.sitebannertext .sd {
  font-size: 30px;
  font-weight: bold;
  color: red;
}

.section-nav {
  background-color: #1e4d8a;
}

#menusite .navbar-default {
  background-color: #1e4d8a;
  border-bottom-color: #1e4d8a;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  z-index: 1;
}

#menusite .navbar-default .navbar-nav > li > a {
  font-family: "Inter-SemiBold", sans-serif;
  text-transform: uppercase;
}

#menusite .navbar-default .navbar-nav > li > a:hover,
#menusite .navbar-default .navbar-nav > li > a:focus,
#menusite .navbar-default .navbar-nav > .active > a,
#menusite .navbar-default .navbar-nav > .active > a:hover,
#menusite .navbar-default .navbar-nav > .active > a:focus,
#menusite .navbar-default .navbar-nav > .open > a,
#menusite .navbar-default .navbar-nav > .open > a:hover,
#menusite .navbar-default .navbar-nav > .open > a:focus {
  background: #0050b7 !important;
}

#menusite .dropdown-menu {
  background-color: #ffffff !important;
  border-color: #ffffff !important;
  border-width: 0px !important;
  border-style: solid !important;
  border-bottom-left-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
}

#menusite .dropdown-menu > li {
  border-bottom-color: #0050b7 !important;
}

#menusite .dropdown-menu {
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}

.dropdown-menu {
  padding: 0px 0;
  text-transform: uppercase;
}

#menusite .dropdown-menu > li > a:hover,
#menusite .dropdown-menu > li > a:focus,
#menusite .dropdown-menu > .active > a,
#menusite .dropdown-menu > .active > a:hover,
#menusite .dropdown-menu > .active > a:focus,
#menusite .navbar .navbar-nav .open .dropdown-menu > li > a:hover,
#menusite .navbar .navbar-nav .open .dropdown-menu > li > a:focus,
#menusite .navbar .navbar-nav .open .dropdown-menu > .active > a,
#menusite .navbar .navbar-nav .open .dropdown-menu > .active > a:hover,
#menusite .navbar .navbar-nav .open .dropdown-menu > .active > a:focus {
  background: #0050b7;
}

#menusite .dropdown-submenu > .dropdown-menu {
    margin-top: 0px;
    margin-left: 0px;
}

.sub-list-icon > li:first-child > *:before, .cat-icon:before {
    content: url(http://localhost:81/mttq/uploads/hethong/fav.ico);
        margin-right: 5px;
    margin-top: 0px;
}

.fix_banner_left {
    left: 150px!important;
}

.fix_banner_right {
    right: 150px!important;
}

.panel {
    border-radius: 0px!important;
}

.panel-heading {
    background-image: none!important;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgba(0, 0, 0, 0);
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    padding: 10px;
}

.panel-default>.panel-heading {
    color: #fff;
    background-color: #1e4d8a;

}

h3.cat-icon {
    text-transform: uppercase;
}

.c-powered a {
    text-decoration: none;
    color: #666;
    font-weight: 700;
    font-family: 'CSB';
}

.c-powered span {
    color: #14468f;
    font-weight: 700;
    font-family: "CSB";
}

.footerNav2 {
    background-color: #ececec;
    color: #666;
    font-size: 12px;
    text-align: right;
}

div.news_column ul.related a {
    padding-left: 10px;
}

/* =========================================================
   STYLE MODERN CHO MODULE NEWS (CSS Only)
   ========================================================= */

/* 1. Xử lý khung Panel (Card hóa) */
.news_column .panel {
    border: none !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08); /* Đổ bóng mềm */
    border-radius: 8px;
    margin-bottom: 30px;
    background: #fff;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.news_column .panel:hover {
    transform: translateY(-5px); /* Hiệu ứng nhấc lên nhẹ khi di chuột */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12);
}

/* 2. Tiêu đề Block (Category Title) */
.news_column .panel-heading {
    background: #fff !important; /* Xóa nền xám/xanh mặc định */
    border-bottom: 1px solid #eee;
    padding: 15px 20px;
    position: relative;
}

/* Tạo điểm nhấn màu sắc bên trái tiêu đề */
.news_column .panel-heading h3.cat-icon {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
    padding-left: 12px;
}

.news_column .panel-heading h3.cat-icon::before {
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    bottom: 2px;
    width: 4px;
    background-color: #d9534f; /* Màu chủ đạo (bạn có thể đổi mã màu này) */
    border-radius: 2px;
}

.news_column .panel-heading h3.cat-icon a {
    color: #2c3e50 !important; /* Màu chữ đen xám */
    text-decoration: none;
}

/* 3. Phần nội dung (Body) */
.news_column .panel-body {
    padding: 20px;
    text-align: justify;
    /* min-height: 420px; Đảm bảo các khung cao bằng nhau */
}

/* 4. Tin nổi bật (Featured News) */
/* Tiêu đề tin */
.news_column .panel-body > h3 {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 1.4;
    font-weight: 600;
}

.news_column .panel-body > h3 a {
    color: #333;
    transition: color 0.2s;
    text-decoration: none;
}

.news_column .panel-body > h3 a:hover {
    color: #d9534f; /* Màu hover */
}

/* Thông tin ngày tháng/view */
.news_column .text-muted {
    font-size: 12px;
    color: #999;
    margin-bottom: 15px;
    border-bottom: 1px dashed #eee;
    padding-bottom: 8px;
}

.news_column .text-muted i, 
.news_column .text-muted em {
    color: #ccc;
    margin-right: 3px;
}

/* Ảnh tin nổi bật */
.news_column .imghome {
    border: none !important; /* Bỏ viền thumbnail cũ */
    padding: 0 !important;
    border-radius: 6px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    margin-right: 15px !important;
    margin-bottom: 5px !important;
    width: 130px; /* Cố định chiều rộng ảnh cho đều */
    height: 90px;
    object-fit: cover; /* Cắt ảnh không bị méo */
}

/* Đoạn mô tả */
.news_column .panel-body p {
    font-size: 14px;
    line-height: 1.6;
    color: #555;
    text-align: justify;
    margin-bottom: 10px;
}

/* Nút Admin (Sửa/Xóa) - Làm nhỏ lại cho gọn */
.news_column .text-right .btn {
    padding: 2px 6px;
    font-size: 11px;
    opacity: 0.3; /* Làm mờ để không rối mắt khách */
}
.news_column .panel:hover .text-right .btn {
    opacity: 1; /* Hiện rõ khi di chuột vào */
}

/* 5. Danh sách tin liên quan (List items) */
.news_column .related.list-items {
    margin-top: 15px;
    padding-top: 10px;
    border-top: 1px solid #f1f1f1;
}

.news_column .related .icon_list {
    padding: 10px 0;
    border-bottom: 1px solid #f9f9f9;
    clear: both; /* Sửa lỗi float */
    min-height: 60px; /* Đảm bảo chiều cao tối thiểu */
    position: relative;
}

.news_column .related .icon_list:last-child {
    border-bottom: none;
}

/* Xử lý ảnh tin liên quan (đang bị float right trong HTML) */
.news_column .related .icon_list img {
    width: 60px !important;
    height: 45px !important;
    object-fit: cover;
    border: none !important;
    padding: 0 !important;
    border-radius: 4px;
    margin-left: 10px !important; /* Cách ra khỏi text */
    margin-bottom: 0 !important;
    /* Giữ nguyên float-right của HTML nhưng làm đẹp hơn */
}

/* Tiêu đề tin liên quan */
.news_column .related .icon_list a.show.h4,
.news_column .related .icon_list a.black {
    font-size: 13px !important;
    line-height: 1.4;
    color: #444;
    font-weight: 500;
    margin: 0;
    display: block;
    /* Kỹ thuật cắt dòng nếu tiêu đề quá dài */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.news_column .related .icon_list a:hover {
    color: #d9534f !important;
    text-decoration: none;
}

/* =========================================================
   STYLE MODERN CHO BLOCK PRIMARY (Thăm dò ý kiến, v.v.)
   ========================================================= */

/* 1. Tổng thể khung Panel Primary */
.panel-primary {
    border: none !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05); /* Đổ bóng nhẹ */
    border-radius: 8px;
    background: #fff;
    margin-bottom: 20px;
    overflow: hidden;
}

/* 2. Phần tiêu đề (Header) */
.panel-primary > .panel-heading {
    background-color: #fff !important; /* Xóa nền xanh mặc định */
    color: #333 !important;
    border-color: #eee;
    border-bottom: 1px solid #f0f0f0;
    padding: 15px 20px;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
}

/* Thanh màu điểm nhấn bên trái (Đồng bộ với phần tin tức) */
.panel-primary > .panel-heading::before {
    content: '';
    position: absolute;
    left: 0;
    top: 15px;
    bottom: 15px;
    width: 4px;
    /* Bạn có thể đổi màu này. Ví dụ: #d9534f (đỏ) hoặc #337ab7 (xanh chuẩn) */
    background: #337ab7; 
    border-radius: 0 4px 4px 0;
}

/* 3. Phần nội dung (Body) */
.panel-primary > .panel-body {
    padding: 20px;
}

/* Câu hỏi thăm dò */
.panel-primary h4 {
    font-size: 15px;
    line-height: 1.5;
    font-weight: 600;
    color: #2c3e50;
    margin-top: 0;
    margin-bottom: 15px;
}

/* 4. Tùy biến các lựa chọn (Radio box) */
.panel-primary .radio {
    margin-top: 0;
    margin-bottom: 8px;
    padding: 8px 10px;
    border-radius: 4px;
    border: 1px solid transparent;
    transition: all 0.2s ease;
}

/* Hiệu ứng khi di chuột vào câu trả lời */
.panel-primary .radio:hover {
    background-color: #f8fbfd; /* Màu nền xanh rất nhạt */
    border-color: #e1e8ed;
    cursor: pointer;
}

.panel-primary .radio label {
    font-size: 14px;
    color: #555;
    padding-left: 5px;
    width: 100%; /* Để click được cả dòng */
    cursor: pointer;
}

.panel-primary .radio input[type="radio"] {
    margin-top: 3px;
}

/* 5. Khu vực nút bấm (Buttons) */
.panel-primary .panel-body .clearfix {
    margin-top: 20px;
    padding-top: 15px;
    border-top: 1px dashed #eee;
    display: flex;       /* Dùng Flexbox để dàn nút */
    gap: 10px;           /* Khoảng cách giữa 2 nút */
}

/* Style chung cho nút bấm */
.panel-primary .btn {
    flex: 1;             /* Hai nút dài bằng nhau */
    border-radius: 4px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 12px;
    padding: 8px 0;
    border: none;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    transition: opacity 0.2s;
}

.panel-primary .btn:hover {
    opacity: 0.9;
    transform: translateY(-1px);
}

/* Nút Bình chọn (Màu xanh lá - Success) */
.panel-primary .btn-success {
    background-color: #2ecc71; 
}

/* Nút Kết quả (Màu xanh dương hoặc xám - Primary) */
.panel-primary .btn-primary {
    background-color: #3498db; 
}

/* =========================================================
   STYLE RIÊNG CHO BLOCK "PANEL PRIMARY CENTER" (Tin mới)
   ========================================================= */

/* 1. Khung bao ngoài (Panel) */
.panel-primary-center {
    background-color: #f0f8ff; /* Màu nền xanh nhạt giống ảnh */
    border: 1px solid #e1f0fa; /* Viền xanh rất nhạt */
    /* Tạo đường kẻ ngang màu xanh đậm hơn ở trên cùng */
    border-top: 1px solid #9ecbf5; 
    border-radius: 4px;
    margin-bottom: 20px;
    position: relative; /* Để căn chỉnh tiêu đề absolute */
    padding-top: 15px; /* Chừa chỗ cho tiêu đề không che nội dung */
    margin-top: 25px; /* Đẩy block xuống một chút để tiêu đề nổi lên */
}

/* 2. Tiêu đề "TIN MỚI" (Nổi ở giữa) */
.panel-primary-center .panel-heading {
    background-color: #0070c0; /* Màu xanh dương đậm */
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
    padding: 5px 20px;
    border-radius: 4px;
    border: none;
    
    /* Kỹ thuật đưa khối ra giữa và nằm đè lên đường viền trên */
    display: table;
    margin: 0 auto;
    position: absolute;
    top: -16px; /* Kéo lên trên để nằm giữa đường viền */
    left: 0;
    right: 0;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

/* 3. Phần nội dung bên trong */
.panel-primary-center .panel-body {
    padding: 10px 15px;
}

/* 4. Danh sách tin */
.panel-primary-center .block_groups li {
    padding: 12px 0;
    border-bottom: 1px dashed #ccc; /* Đường kẻ đứt nét giữa các tin */
    list-style: none;
}

/* Bỏ đường kẻ ở tin cuối cùng */
.panel-primary-center .block_groups li:last-child {
    border-bottom: none;
}

/* 5. Ảnh đại diện (Thumbnail) */
.panel-primary-center .block_groups img {
    width: 80px !important; /* Cố định chiều rộng giống ảnh mẫu */
    height: 55px !important;
    object-fit: cover;
    border: 1px solid #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,0.2);
    padding: 0;
    margin-right: 12px !important;
    border-radius: 2px;
    float: left; /* Đảm bảo ảnh nằm bên trái */
    background: #fff;
}

/* 6. Tiêu đề bài viết */
.panel-primary-center .block_groups a.show {
    color: #000; /* Màu chữ đen */
    font-weight: 600; /* Chữ đậm vừa phải */
    font-size: 13px;
    line-height: 1.4;
    text-decoration: none;
    display: block; /* Để text không bị trôi */
    text-align: justify; /* Căn đều 2 bên cho đẹp */
}

.panel-primary-center .block_groups a.show:hover {
    color: #0070c0; /* Hover chuyển màu xanh */
}

/* 7. (Tùy chọn) Ngày tháng - Nếu có trong HTML */
/* Vì HTML bạn gửi không có thẻ ngày tháng, nhưng nếu sau này có, bạn dùng class này: */
.panel-primary-center .text-muted {
    font-size: 11px;
    color: #666;
    margin-top: 3px;
    display: block;
}

/* =========================================================
   STYLE BREADCRUMBS MINIMAL (Dạng Text đơn giản)
   ========================================================= */

/* 1. Reset khung bao ngoài */
.breadcrumbs-wrap .breadcrumbs {
    list-style: none;
    margin: 0;
    padding: 10px 0; /* Khoảng cách trên dưới thoáng đãng */
    background: transparent; /* Nền trong suốt */
    font-size: 14px; /* Kích thước chữ vừa phải */
}

/* 2. Cấu trúc dòng (List Item) */
.breadcrumbs-wrap .breadcrumbs li {
    float: left;
    display: inline-block;
    color: #999; /* Màu mặc định cho các ký tự phụ */
        margin-right: -15px;
}

/* 3. Style cho Link (Thẻ A) */
.breadcrumbs-wrap .breadcrumbs li a {
    text-decoration: none;
    color: #555; /* Màu chữ xám đậm nhẹ nhàng */
    font-weight: 500;
    transition: color 0.2s;
    background: transparent !important; /* Xóa nền cũ */
    padding: 0 !important; /* Xóa padding cũ */
    display: inline-block;
}

/* 4. Quan trọng: Xóa bỏ mũi tên tam giác cũ */
.breadcrumbs-wrap .breadcrumbs li a::before,
.breadcrumbs-wrap .breadcrumbs li a::after {
    display: none !important; 
}

/* 5. Tạo dấu gạch chéo (/) ngăn cách */
/* Dùng li + li::before để thêm dấu / vào trước các mục từ mục thứ 2 trở đi */
.breadcrumbs-wrap .breadcrumbs li:before {
    content: "/";
    padding: 0 10px; /* Khoảng cách 2 bên dấu gạch */
    color: #ccc; /* Màu nhạt cho dấu gạch để không rối mắt */
    font-weight: normal;
}

/* 6. Hiệu ứng Hover */
.breadcrumbs-wrap .breadcrumbs li a:hover {
    color: #b9000e; /* Hover chuyển màu đỏ chủ đạo */
    text-decoration: none;
}

/* 7. Mục cuối cùng (Trang hiện tại) */
.breadcrumbs-wrap .breadcrumbs li:last-child a {
    color: #b9000e; /* Màu đỏ nổi bật */
    font-weight: 700; /* In đậm */
    cursor: default;
    pointer-events: none; /* Không cho click lại trang đang xem */
}

/* (Tùy chọn) Thêm icon Ngôi nhà cho trang nhất nếu muốn đẹp hơn */
.breadcrumbs-wrap .breadcrumbs li:first-child a::before {
    /* Nếu bạn muốn hiện icon thay vì chữ Trang nhất, 
       hãy bỏ comment dòng dưới và đảm bảo có FontAwesome */
    
    /* content: "\f015"; 
    font-family: FontAwesome;
    margin-right: 5px;
    display: inline-block !important; */
}

.leader-info {
    text-align: justify;
}

/* =========================================================
   STYLE CUỘN NGANG CHO BLOCK ĐA PHƯƠNG TIỆN
   Target: .block-nv13 nằm trong .panel-primary-center
   ========================================================= */

/* 1. Thiết lập thanh cuộn ngang */
.panel-primary-center .block-nv13 {
    display: flex;           /* Dùng Flexbox để dàn hàng ngang */
    flex-wrap: nowrap;       /* Bắt buộc không xuống dòng */
    overflow-x: auto;        /* Cho phép cuộn ngang */
    overflow-y: hidden;      /* Ẩn cuộn dọc */
    padding-bottom: 15px;    /* Chừa chỗ cho thanh cuộn */
    margin-right: -10px;     /* Cân chỉnh lề */
    margin-left: -10px;
    
    /* Làm mượt hành động cuộn */
    -webkit-overflow-scrolling: touch; 
    scroll-behavior: smooth;
}

/* 2. Thiết lập kích thước item (Hiện 4 cái) */
.panel-primary-center .block-nv13 > div {
    /* Quan trọng: 100% / 4 = 25%.  */
    flex: 0 0 25%; 
    max-width: 25%;
    
    float: none !important;  /* Gỡ bỏ float của Bootstrap cũ */
    display: block;
    padding: 0 10px;         /* Khoảng cách giữa các ảnh */
}

/* 3. Tùy chỉnh thanh cuộn cho đẹp (Webkit Browsers: Chrome, Safari, Edge) */
.panel-primary-center .block-nv13::-webkit-scrollbar {
    height: 6px; /* Chiều cao thanh cuộn */
}

.panel-primary-center .block-nv13::-webkit-scrollbar-track {
    background: #f1f1f1; 
    border-radius: 3px;
}

.panel-primary-center .block-nv13::-webkit-scrollbar-thumb {
    background: #ccc; /* Màu thanh cuộn */
    border-radius: 3px;
}

.panel-primary-center .block-nv13::-webkit-scrollbar-thumb:hover {
    background: #0070c0; /* Màu khi di chuột vào (Xanh chủ đạo) */
}

/* 4. Responsive cho Mobile (Hiện 2 cái để dễ nhìn hơn) */
@media (max-width: 767px) {
    .panel-primary-center .block-nv13 > div {
        flex: 0 0 50%; /* Mobile hiện 2 cái */
        max-width: 50%;
    }
}

/* 5. Căn chỉnh lại nội dung bên trong cho đẹp */
.panel-primary-center .block-nv13 .images img {
    width: 100%;
    height: 120px; /* Cố định chiều cao ảnh để thẳng hàng */
    object-fit: cover;
    border-radius: 4px;
    border: 1px solid #eee;
    margin-bottom: 5px;
}

.panel-primary-center .block-nv13 a span strong {
    font-size: 13px;
    line-height: 1.4;
    color: #333;
    display: block;
    /* Cắt dòng nếu tiêu đề quá dài */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 36px; /* Giới hạn chiều cao text */
}


/* =========================================================
   STYLE CHO BLOCK "PANEL PRIMARY LEFT" (Menu sidebar trái)
   ========================================================= */

/* 1. Khung bao ngoài (Panel Left) */
.panel-primary-left {
    background-color: #f8f9fa; /* Nền xám nhạt */
    border: 1px solid #dee2e6;
    border-radius: 0;
    margin-bottom: 20px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}

/* 2. Tiêu đề Block (VD: CƠ QUAN BAN HÀNH, LOẠI VĂN BẢN...) */
.panel-primary-left .panel-heading {
    background: linear-gradient(to right, #0074a2, #0090cc)!important; /* Gradient xanh dương */
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 13px;
    padding: 10px 15px;
    border: none;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

/* Icon trong heading (nếu có) */
.panel-primary-left .panel-heading em,
.panel-primary-left .panel-heading i {
    font-size: 16px;
    opacity: 0.9;
}

/* 3. Nội dung bên trong */
.panel-primary-left .panel-body {
    padding: 0;
    background: #fff;
}

/* 4. Danh sách menu */
.panel-primary-left .panel-body ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.panel-primary-left .panel-body li {
    border-bottom: 1px dashed #e9ecef; /* Đường kẻ đứt nét giữa các mục */
    margin: 0;
}

.panel-primary-left .panel-body li:last-child {
    border-bottom: none;
        display: flex;
    align-items: center;
}

/* 5. Link trong menu */
.panel-primary-left .panel-body a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 11px 15px;
    color: #333;
    text-decoration: none;
    font-size: 14px;
    transition: all 0.2s ease;
    position: relative;
    line-height: 1.4;
}

/* Icon mũi tên đỏ trước mỗi mục */
.panel-primary-left .panel-body a:before {
    content: "\25B6"; /* Unicode mũi tên phải ▶ */
    flex-shrink: 0;
    color: #dc3545; /* Màu đỏ */
    font-size: 10px;
    transition: all 0.2s ease;
    margin-right: 2px;
}

/* Hover effect */
.panel-primary-left .panel-body li:hover {
    background-color: #e9f5fb;
    color: #0074a2;
}

.panel-primary-left .panel-body a:hover:before {
    color: #0074a2; /* Mũi tên chuyển xanh khi hover */
    transform: translateX(3px);
}

/* Active/Current page */
.panel-primary-left .panel-body li.active a,
.panel-primary-left .panel-body a.active {
    background-color: #e3f2fd;
    color: #0074a2;
    font-weight: 600;
    border-left: 3px solid #0074a2;
}

.panel-primary-left .panel-body li.active a:before,
.panel-primary-left .panel-body a.active:before {
    color: #0074a2;
    transform: translateX(3px);
}

/* 6. Số lượng bên phải (nếu có) - VD: Ủy ban Trung ương MTTQ Việt Nam (1) */
.panel-primary-left .panel-body a .badge,
.panel-primary-left .panel-body a span.count {
    margin-left: auto;
    background-color: #6c757d;
    color: #fff;
    font-size: 11px;
    padding: 2px 7px;
    border-radius: 10px;
    font-weight: 600;
    flex-shrink: 0;
}

.panel-primary-left .panel-body a:hover .badge,
.panel-primary-left .panel-body a:hover span.count {
    background-color: #0074a2;
}

/* 7. Sub-heading trong panel (VD: LĨNH VỰC VĂN BẢN) */
.panel-primary-left .panel-body .sub-heading {
    background: linear-gradient(to right, #0074a2, #0090cc);
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 13px;
    padding: 10px 15px;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;
    border-top: 1px solid #dee2e6;
}

/* 8. Danh sách có icon comment/bubble thay vì mũi tên */
.panel-primary-left .panel-body .icon-bubble a:before,
.panel-primary-left .panel-body li.icon-bubble a:before {
    content: "\1F4AC"; /* Unicode speech bubble 💬 */
    font-size: 14px;
    color: #6c757d;
}

.panel-primary-left .panel-body .icon-bubble a:hover:before,
.panel-primary-left .panel-body li.icon-bubble a:hover:before {
    color: #0074a2;
}

/* 9. Responsive - Mobile */
@media (max-width: 768px) {
    .panel-primary-left {
        margin-bottom: 15px;
    }
    
    .panel-primary-left .panel-heading {
        font-size: 12px;
        padding: 8px 12px;
    }
    
    .panel-primary-left .panel-body a {
        font-size: 13px;
        padding: 9px 12px;
        gap: 8px;
    }
    
    .panel-primary-left .panel-body a:before {
        font-size: 9px;
    }
}

/* =========================================================
   GIỮ NGUYÊN CSS CỦA PANEL-PRIMARY-CENTER (KHÔNG THAY ĐỔI)
   ========================================================= */

.panel-primary-center {
    background-color: #f0f8ff;
    border: 1px solid #e1f0fa;
    border-top: 1px solid #9ecbf5; 
    border-radius: 4px;
    margin-bottom: 20px;
    position: relative;
    padding-top: 15px;
    margin-top: 25px;
}

.panel-primary-center .panel-heading {
    background-color: #0070c0;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
    padding: 5px 20px;
    border-radius: 4px;
    border: none;
    display: table;
    margin: 0 auto;
    position: absolute;
    top: -16px;
    left: 0;
    right: 0;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.panel-primary-center .panel-body {
    padding: 10px 15px;
}

.panel-primary-center .block_groups li {
    padding: 12px 0;
    border-bottom: 1px dashed #ccc;
    list-style: none;
}

.panel-primary-center .block_groups li:last-child {
    border-bottom: none;
}

.panel-primary-center .block_groups img {
    width: 80px !important;
    height: 55px !important;
    object-fit: cover;
    border: 1px solid #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,0.2);
    padding: 0;
    margin-right: 12px !important;
    border-radius: 2px;
    float: left;
    background: #fff;
}

.panel-primary-center .block_groups a.show {
    color: #000;
    font-weight: 600;
    font-size: 13px;
    line-height: 1.4;
    text-decoration: none;
    display: block;
    text-align: justify;
}

.panel-primary-center .block_groups a.show:hover {
    color: #0070c0;
}

.panel-primary-center .text-muted {
    font-size: 11px;
    color: #666;
    margin-top: 3px;
    display: block;
}

#footer {
    position: relative;
    min-height: 0px!important;
    width: 100%;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #1e4d8a;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #1e4d8a;
    background-color: #1e4d8a;
    background-image: url(../images/trong_dong-min.png);
    background-repeat: no-repeat;
    background-position: center 20px;
    /*background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0, rgba(0, 0, 0, 0) 100%);*/
    font-size: 14px;
}

#footer, #footer a {
    color: #fff;
}

/*CSS VAN BAN DA NANG*/

            .vanban-gov-container {
                max-width: 420px;
                margin: 0 auto;
                background: linear-gradient(180deg, #FEF5E6 0%, #FFF9E6 100%);
                border: 1px solid #E8E8E8;
                position: relative;
                overflow: hidden;
            }
            
            .vanban-gov-container::before {
                content: "";
                position: absolute;
                top: 0;
                right: 0;
                width: 245px;
                height: 84px;
                background: url(../images/lacotoquoc.png) no-repeat;
                background-size: cover;
                pointer-events: none;
                z-index: 3;
            }
            
            .vanban-gov-container::after {
                content: "";
                position: absolute;
                bottom: 0;
                left: 50%;
                transform: translateX(-50%);
                width: 100%;
                height: 100%;
                background:linear-gradient(180deg,rgba(253,246,218,.4) 0%,#fff4c8 50%,rgba(252,250,246,.4) 100%), url(../images/bg-new.svg) no-repeat;
                background-size: contain;
                background-position: bottom center;
                opacity: 1;
                pointer-events: none;
                z-index: 0;
            }
            
            .vanban-gov-header {
                background: #FFFFFF;
                padding: 12px 16px;
                border-bottom: 3px solid #E8B84D;
                position: relative;
                z-index: 2;
            }
            
            .vanban-gov-header-content {
                display: flex;
                align-items: center;
                gap: 10px;
            }
            
            .vanban-gov-icon {
                width: 32px;
                height: 32px;
                background: url(../../../uploads/hethong/logo-mttq_100_100_32_32.png) no-repeat;
                border-radius: 4px;
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: 18px;
                flex-shrink: 0;
            }
            
            .vanban-gov-title {
                color: #C8102E;
                font-family: Merriweather, serif;
                font-size: 14px;
                font-weight: 700;
                line-height: 1.3;
                margin: 0;
                flex: 1;
            }
            
            .vanban-gov-list {
                padding: 0;
                position: relative;
                z-index: 2;
                max-height: 480px;
                overflow-y: auto;
            }
            
            .vanban-gov-list::-webkit-scrollbar {
                width: 4px;
            }
            
            .vanban-gov-list::-webkit-scrollbar-track {
                background: #F5F5F5;
            }
            
            .vanban-gov-list::-webkit-scrollbar-thumb {
                background: #E8B84D;
                border-radius: 2px;
            }
            
            .vanban-gov-item {
                background: transparent;
                border-bottom: 1px dashed #E8D4B0;
                transition: background 0.2s ease;
            }
            
            .vanban-gov-item:hover {
                background: rgba(255, 255, 255, 0.5);
            }
            
            .vanban-gov-item:last-child {
                border-bottom: none;
            }
            
            .vanban-gov-item-link {
                display: flex;
                gap: 12px;
                padding: 12px 16px;
                text-decoration: none;
                color: inherit;
            }
            
            .vanban-gov-thumbnail {
                width: 100px;
                height: 75px;
                flex-shrink: 0;
                border-radius: 4px;
                overflow: hidden;
                background: #F0F0F0;
                position: relative;
                border: 1px solid #E0E0E0;
            }
            
            .vanban-gov-thumbnail img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
            
            .vanban-gov-thumbnail-placeholder {
                width: 100%;
                height: 100%;
                display: flex;
                align-items: center;
                justify-content: center;
                background: linear-gradient(135deg, #E8E8E8 0%, #D0D0D0 100%);
            }
            
            .vanban-gov-thumbnail-icon {
                font-size: 36px;
                opacity: 0.6;
            }
            
            .vanban-gov-type-icon {
                position: absolute;
                bottom: 6px;
                left: 6px;
                width: 28px;
                height: 28px;
                background: rgba(0, 0, 0, 0.75);
                border-radius: 50%;
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: 16px;
            }
            
            .vanban-gov-content {
                flex: 1;
                display: flex;
                flex-direction: column;
                justify-content: center;
                min-width: 0;
            }
            
            .vanban-gov-item-title {
                color: #8B6914;
                font-family: Merriweather, serif;
                font-size: 14px;
                font-weight: 400;
                line-height: 1.5;
                margin: 0;
                display: -webkit-box;
                -webkit-line-clamp: 3;
                -webkit-box-orient: vertical;
                overflow: hidden;
            }
            
            .vanban-gov-footer {
                padding: 10px 16px;
                background: transparent;
                border-top: 1px solid #E8D4B0;
                position: relative;
                z-index: 2;
            }
            
            .vanban-gov-source {
                color: #999999;
                font-family: Roboto, sans-serif;
                font-size: 11px;
                font-style: italic;
                line-height: 1.4;
                text-align: right;
                margin: 0;
            }
            
            @media (max-width: 767px) {
                .vanban-gov-header {
                    padding: 10px 12px;
                }
                
                .vanban-gov-list {
                    max-height: 400px;
                }
                
                .vanban-gov-item-link {
                    padding: 10px 12px;
                    gap: 10px;
                }
                
                .vanban-gov-thumbnail {
                    width: 85px;
                    height: 64px;
                }
                
                .vanban-gov-item-title {
                    font-size: 13px;
                }
                
                .vanban-gov-footer {
                    padding: 8px 12px;
                }
            }