@font-face {
  font-family:'Roboto Condensed';
  src: url('../fonts/RobotoCondensed-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family:'Roboto Condensed';
  src: url('../fonts/RobotoCondensed-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}
ul, ol{padding:0;list-style:none;}
marquee{display:block;}
body{width:100%;font-size:13px;font-weight:normal;font-family:Tahoma, Arial;display:table;}
a:link, a:visited{font-size:13px;outline:none;}
a:hover, a:active{text-decoration:none;}
img{max-width:100%;}
img:hover{opacity:0.8;cursor:pointer;}

/* HEADER */
.title-seo{display:none;}
.line-block{height:5px;margin:10px 0;width:100%;}
.main-menu{top:0;z-index:99;border-width:0 0 3px 0;}
.navbar-default{
  border:none;border-radius:0;margin-bottom:0;min-height:auto;
  background:#0b8cee !important;
}
.navbar-default .navbar-collapse{padding:0;}
.navbar-default .navbar-brand{
  font-size:28px;font-weight:700;font-family:'Roboto Condensed',sans-serif;
  padding:10px 15px;height:auto;text-transform:uppercase;
}

.header-banner .logo img{height: auto; width: 100%;border-left: 2px solid #fff; border-right: 2px solid #fff; padding-left: 9.5px; padding-right: 9px;}
.header-banner .banner .col-xs-12 {padding:0px;}

.navbar-default .navbar-nav{margin:0px;}
.navbar-default .navbar-nav li{float:left; position:relative;}
.navbar-default .navbar-nav li a{
  display:block;text-transform:uppercase;padding:14px 15px;font-size:15px;
  font-weight:700;font-family:'Roboto Condensed',sans-serif;
  background:#0b8cee; color:#fff;
  transition:background .2s ease,color .2s ease;
}
.navbar-default .navbar-nav > li:last-child > a{ border-right:none; }

/* ===== MENU & SUBMENU ===== */

/* Hover top-level: chỉ tô nền trên thẻ <a> */
.navbar-default .navbar-nav > li:hover{background:transparent;}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li:hover > a{
  background:#80deea; color:#fff;
}

/* Viền trái cho item đầu */
.navbar-default .navbar-nav > li:first-child > a{
  border-left:1px solid #80deea;
}

/* Dropdown/submenu */
.navbar-default .navbar-nav li .dropdown-menu,
.navbar-default .navbar-nav li .sub-menu{
  background:#fff;
  border-color:#80deea;
  margin:0; padding:0;
  position:absolute;
  top:40px;
  left:0;
  z-index:9;
  border-style:solid;
  border-width:1px;
  width:260px;
  display:none;
}

.navbar-default .navbar-nav li .dropdown-menu li,
.navbar-default .navbar-nav li .sub-menu li{
  position:relative; float:unset; width:100%; background:#fff;
}

.navbar-default .navbar-nav li .dropdown-menu li > a,
.navbar-default .navbar-nav li .sub-menu li > a{
  white-space:normal; display:block; padding:7px 8px;
  font-size:14px; font-weight:normal; text-transform:none;
  border-style:dotted; border-width:0 0 1px 0;
  background:#fff; color:#333;
  transition:background .2s ease,color .2s ease;
}

/* ký hiệu đầu dòng */
.navbar-default .navbar-nav li .dropdown-menu li > a::before,
.navbar-default .navbar-nav li .sub-menu li > a::before{
  content:"\f105"; display:inline-block; font-family:'FontAwesome'; margin:0 5px 0 3px;
}

/* hover item dropdown */
.navbar-default .navbar-nav li .dropdown-menu li > a:hover,
.navbar-default .navbar-nav li .sub-menu li > a:hover{
  background:#0B8CEE !important;
  color:#fff !important;
  font-size:14px !important;
  text-decoration:none;
}

/* submenu lồng (cấp 3) */
.navbar-default .navbar-nav li .dropdown-menu li .dropdown-menu,
.navbar-default .navbar-nav li .sub-menu li .sub-menu{
  margin:0; padding:0;
  position:absolute; top:0; left:100%;
  z-index:9;
  min-width:280px;
  background:#fff;
  border-style:solid; border-width:1px; border-color:#80deea;
  display:none;
}

/* hiển thị từng cấp */
@media (min-width:1024px){
  .navbar-default .navbar-nav > li:hover > .dropdown-menu,
  .navbar-default .navbar-nav > li:hover > .sub-menu{display:block;}

  .navbar-default .navbar-nav > li:hover > .dropdown-menu .dropdown-menu,
  .navbar-default .navbar-nav > li:hover > .sub-menu .sub-menu{display:none;}

  .navbar-default .navbar-nav li .dropdown-menu > li:hover > .dropdown-menu,
  .navbar-default .navbar-nav li .sub-menu > li:hover > .sub-menu{display:block;}
}

/* mũi tên phải cho item có submenu */
.navbar-default .navbar-nav li .dropdown-menu > li.dropdown > a,
.navbar-default .navbar-nav li .dropdown-menu > li.menu-item-has-children > a,
.navbar-default .navbar-nav li .dropdown-menu > li.page_item_has_children > a,
.navbar-default .navbar-nav li .dropdown-menu > li.has-children > a,
.navbar-default .navbar-nav li .sub-menu > li.dropdown > a,
.navbar-default .navbar-nav li .sub-menu > li.menu-item-has-children > a,
.navbar-default .navbar-nav li .sub-menu > li.page_item_has_children > a,
.navbar-default .navbar-nav li .sub-menu > li.has-children > a{
  position:relative; padding-right:22px;
}
.navbar-default .navbar-nav li .dropdown-menu > li.dropdown > a::after,
.navbar-default .navbar-nav li .dropdown-menu > li.menu-item-has-children > a::after,
.navbar-default .navbar-nav li .dropdown-menu > li.page_item_has_children > a::after,
.navbar-default .navbar-nav li .dropdown-menu > li.has-children > a::after,
.navbar-default .navbar-nav li .sub-menu > li.dropdown > a::after,
.navbar-default .navbar-nav li .sub-menu > li.menu-item-has-children > a::after,
.navbar-default .navbar-nav li .sub-menu > li.page_item_has_children > a::after,
.navbar-default .navbar-nav li .sub-menu > li.has-children > a::after{
  content:"\f105";
  font-family:"FontAwesome";
  position:absolute;
  right:8px;
  top:50%;
  transform:translateY(-50%);
  font-size:14px;
  line-height:1;
  color:currentColor;
  opacity:.9;
}

/* === FIX rớt hover === */
@media (min-width:1024px){
  .navbar-default .navbar-nav > li{position:relative;}

  .navbar-default .navbar-nav > li > .dropdown-menu,
  .navbar-default .navbar-nav > li > .sub-menu{
    top:100% !important;
    margin-top:0;
    border-top:none;
  }

  .navbar-default .navbar-nav > li > .dropdown-menu::before,
  .navbar-default .navbar-nav > li > .sub-menu::before{
    content:"";
    position:absolute;
    left:0; right:0;
    top:-6px;
    height:6px;
    background:transparent;
  }

  .navbar-default .navbar-nav li .dropdown-menu li .dropdown-menu,
  .navbar-default .navbar-nav li .sub-menu li .sub-menu{
    top:0 !important;
    left:100%;
  }
}

/* ===== END MENU & SUBMENU ===== */

.navbar-toggle{
  border:none;
  background:transparent !important;
  padding:12px 10px;
  margin:12px 0 12px auto;
}
.navbar-toggle .icon-bar{
  background:#fff;
  transition:background .2s ease;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus{
  background:rgba(255,255,255,.15) !important;
}
.navbar-default .navbar-toggle:hover .icon-bar,
.navbar-default .navbar-toggle:focus .icon-bar{
  background:#80deea;
}
.main-navbar{
  border:none;
  margin:0;
  border-radius:0;
}
.main-navbar .navbar-brand{
  display:flex;
  align-items:center;
  justify-content:center;
}
.main-menu-container{
  padding-left:0;
  padding-right:0;
}
.main-menu-container .row{
  margin-left:0;
  margin-right:0;
}
.main-menu-container .col-xs-12{
  padding-left:0;
  padding-right:0;
}

/* Điều chỉnh hiển thị submenu khi toggle */
#main-nav-collapse .submenu-open > .sub-menu{
  display:block !important;
}

.header-tool{margin:8px 0 0 0;}
.ht-block{padding:5px;font-size:15px;font-weight:700;font-family:'Roboto Condensed',sans-serif;}
.timezone{margin-right:-10px;}
.timezone::after{content:'';bottom:10px;right:0px;display:inline-block;border-width:6px 6px 6px 0px;border-style:solid;position:absolute;z-index:0;}
.welcome{margin-left:-10px;text-transform:uppercase;}
.search .form-control{height:32px;padding:5px;border-style:solid;border-width:1px;}
.search .btn-search{border-style:solid;border-width:1px;border-radius:0;height:32px;padding:5px 10px;}
/* END HEADER */

/* BODY */
.container{padding-left:10px;padding-right:10px;}
.row{margin-left:-10px;margin-right:-10px;}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{padding-left:10px;padding-right:10px;}

.date{font-size:11px;}
.date .fa{font-size:13px;}
.date label{margin:0;}
.date span{margin-right:7px;display:inline-block;}
.block-title h3{margin:0;padding:0;height:38px;line-height:38px;}
.block-title h3 a{display:block;margin-left:38px;padding:0 10px;font-size:16px;font-weight:700;font-family:'Roboto Condensed',sans-serif;text-transform:uppercase;}
.ico-title{width:38px;height:38px;line-height:38px;font-size:20px;text-align:center;float:left;position:relative;}
.ico-title::after{content:'';bottom:13px;right:-10px;display:inline-block;border-width:5px;border-style:solid;position:absolute;z-index:0;}

.widget{margin:0 0 20px 0;padding:0;}
.w-content{border-style:solid;border-width:0px 1px 2px 1px;}
.mCSB_scrollTools{right:-2px !important;}

.sidebar .menu{margin:0 0 20px 0;padding:0;border-style:solid;border-width:0px 1px 2px 1px;}
.sidebar .menu li{position:relative;}
.sidebar .menu li a{display:inline-block;overflow:auto;padding:8px 6px 5px 6px;font-size:12px;font-weight:bold;}
.sidebar .menu li a::before{content:"\f105";display:inline-block;font-family:'FontAwesome';margin:0 6px 0 3px;}
.sidebar .menu li .sub-menu{display:none;margin:0;padding:0;position:absolute;top:0px;left:100%;z-index:9;min-width:240px;border-style:solid;border-width:1px;}
.sidebar .menu li:hover .sub-menu{display:block;}
.sidebar .menu li .sub-menu li .sub-menu{display:none;position:absolute;}
.sidebar .menu li .sub-menu li:hover .sub-menu{display:block;}

.documents-table thead tr th{padding:8px 3px;}
.documents-table tbody tr td{padding:8px 4px;}

.w-multi-search .w-content{padding:10px;}

.user-login, .login-form{padding:10px;}
.user-login ul li{padding:3px 0;}
.visitor-counter{padding:10px;}
.visitor-counter ul li{padding:3px 0;}

.w-download{margin:10px 10px;padding:10px;text-align:center;border-style:solid;border-width:1px;}

/* END BODY */
/* CATEGORY */
.cat-content{overflow:hidden;}
.cat-item{margin:0;padding:15px 0px;overflow:hidden;border-style:dotted;border-width:0 0 1px 0;}
.cat-thumb{width:240px;float:left;margin-right:12px;padding:3px;border-style:solid;border-width:1px;}
.cat-thumb-default{width:130px;float:left;margin:2px 15px 2px 2px;padding:1px;}
.cat-title{margin:0 0 10px 0 !important;padding:0 !important;}
.cat-title a{display:block;font-size:18px !important;line-height:24px !important;font-family:'Roboto Condensed',sans-serif;font-weight:400;}
.cat-des{text-align:justify;}

.archive-searchform{margin:5px 0;}
.archive-searchform .form-control{border-radius:2px !important;height:auto;margin:0;padding:6px;}
/* END CATEGORY */
/* SINGLE */
.breadcrumb{margin-bottom:12px;border-radius:0;}
.breadcrumb a{margin-bottom:15px;}
.single{overflow:hidden;}
.single-content{overflow:hidden;padding:0 0 20px 0;}
.single-content h1, .single-content h2{font-size:24px;font-weight:400;font-family:'Roboto Condensed',sans-serif;}
.single-content h3{font-size:22px;font-weight:400;font-family:'Roboto Condensed',sans-serif;}
.single-content td{padding:6px 5px;border-style:solid;border-width:1px;}
.single-content tbody tr .td-title{font-size:12px;}
.single-content img{max-width:100%;height:auto;display:block;margin:10px auto;padding:3px;border-style:solid;border-width:1px;}
.single-content .wp-caption{max-width:100%;text-align:center;margin:10px auto;display:block;}
.btn-download{background:none !important;display:block;margin:0 auto !important;}
.single-title{font-size:26px !important;font-weight:400;font-family:'Roboto Condensed',sans-serif;line-height:32px;margin:5px 0 10px 0;text-transform:uppercase;}

.related{margin:20px 0 0 0;}
.related-title h3{margin:0;padding:0 0 0 10px;height:38px;line-height:38px;font-size:16px;font-weight:700;font-family:'Roboto Condensed',sans-serif;text-transform:uppercase;border-style:solid;border-width:0 0 0 5px;}
.related-content{padding:10px 0;}
.related-content li{padding:2px 0;}
/* END SINGLE */
/* PAGE */
/* END PAGE */
/* PAGE NAVI */
.ddev-pagenavi{margin:15px 0px;overflow:hidden;border-style:solid;border-width:0 0 1px 0;}
.ddev-pagenavi span.pages{margin-right:20px;padding:10px 15px;font-size:14px;}
.ddev-pagenavi span.current{margin-right:3px;padding:10px 15px;font-size:14px;}
.ddev-pagenavi a {display:inline-block;margin-right:3px;padding:8px 15px;font-size:14px;}
/* END PAGE NAVI */
/* FOOTER */
.go-top{cursor:pointer;bottom:15px;display:block;width:40px;height:40px;position:fixed;right:15px;}

footer a{font-size:11px;}
footer h3{font-weight:bold;font-size:14px;margin:10px 0 15px 0;text-transform:uppercase;}
.footer-content{padding-bottom:15px;border-style:solid;border-width:0 0 1px 0;}
.footer-content ul li a{display:inline-block;}
.footer-contact li{padding:3px 0;}
.footer-menu{text-align:center;border-style:solid;border-width:1.6px 0 1.6px 0; border-color: #80deea !important;}
.nav-footer{display:inline-block;float:none;vertical-align:top;}
.nav-footer li{float:left;}
.nav-footer li a{font-weight:bold;font-size:12px;margin:10px 0;padding:0 12px;border-style:solid;border-width:0 1px 0 0;}
.footer-bottom{padding:15px 0;border-style:solid;border-width:1px 0 0 0;}
/* END FOOTER */
/* ========== RESPONSIVE MOBILE ========== */
@media (max-width: 1199px){
  .header-banner .logo img{
    width:100%;
    max-width:100%;
    margin:0;
    padding:0;
    border:none;
    display:block;
  }
  .header-tool .col-xs-2,
  .header-tool .col-xs-10{
    width:100%;
    float:none;
    text-align:center;
  }
  .header-tool .timezone::after{display:none;}
}

@media (max-width: 991px){
  body{
    display:block;
  }
  .navbar-header{
    float:none;
    width:100%;
    display:flex;
    align-items:center;
    justify-content:space-between;
  }
  .navbar-default .navbar-brand{
    margin-right:auto;
  }
  .navbar-default .navbar-nav{
    float:none !important;
  }
  .navbar-default .navbar-nav > li{
    float:none;
    border-bottom:1px solid rgba(255,255,255,.25);
  }
  .navbar-default .navbar-nav > li:last-child{
    border-bottom:none;
  }
  .navbar-default .navbar-nav > li > a{
    padding:12px 18px;
  }
  .navbar-default .navbar-nav .sub-menu{
    position:static;
    width:100%;
    border-width:0;
    box-shadow:none;
    padding-left:20px;
  }
  .navbar-default .navbar-nav .sub-menu li{
    width:100%;
  }
  .navbar-default .navbar-nav .sub-menu li > a{
    border:none;
    padding:8px 0;
  }
  .navbar-default .navbar-nav .sub-menu .sub-menu{
    padding-left:15px;
  }
  .navbar-default .navbar-nav li .dropdown-menu,
  .navbar-default .navbar-nav li .sub-menu{
    display:none;
  }
  .navbar-default .navbar-brand{
    padding:12px 15px;
  }
  .main-menu{
    position:relative;
  }
  .main-menu .container{
    padding-left:15px !important;
    padding-right:15px !important;
  }
  #main-nav-collapse{
    border-top:1px solid rgba(255,255,255,.2);
  }
  #main-nav-collapse .menu-item-has-children > a::after,
  #main-nav-collapse .has-children > a::after,
  #main-nav-collapse .page_item_has_children > a::after{
    font-family:"FontAwesome";
    content:"\f107";
    right:10px;
    transform:translateY(-50%);
  }
  .main-nav > li > a::after{
    display:none;
  }
  .header-tool{
    text-align:center;
  }
  #main-content.col-xs-9,
  .main-content.col-xs-9,
  #sidebar.col-xs-3,
  .sidebar.col-xs-3{
    width:100% !important;
    float:none !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }
  .sidebar .menu{
    border-width:1px;
  }
  .footer-content .col-xs-4{
    width:100%;
    float:none;
    margin-bottom:15px;
  }
  .footer-content .col-xs-4:last-child{
    margin-bottom:0;
  }
}

@media (min-width: 768px) and (max-width: 991px){
  .navbar-toggle{
    display:block;
  }
  .navbar-default .navbar-collapse{
    border:none;
    box-shadow:none;
  }
  .navbar-default .navbar-collapse.collapse{
    display:none !important;
  }
  .navbar-default .navbar-collapse.collapse.in{
    display:block !important;
    width:100%;
  }
  #main-nav-collapse{
    width:100%;
  }
}

@media (max-width: 768px) {
  body {
    font-size: 14px;
    display: block;
  }
  .w-multi-search .w-content,
  .search,
  form {
    width: 100% !important;
    padding: 10px !important;
  }
  .search input,
  .search select,
  .search button,
  form input,
  form select,
  form button {
    width: 100%;
    margin-bottom: 8px;
  }

  /* Danh sách văn bản -> dạng card */
  .documents-table,
  .documents-table thead,
  .documents-table tbody,
  .documents-table tr,
  .documents-table th,
  .documents-table td {

    display: block;
    width: 100%;
  }
  .documents-table thead {
    display: none;
  }
  .documents-table tr {
    margin-bottom: 15px;
    border: 1px solid #ddd;
    padding: 10px;
    background: #fff;
  }
  .documents-table td {
    border: none;
    padding: 5px 0;
  }
  .documents-table td::before {
    content: attr(data-label);
    font-weight: bold;
    display: block;
    margin-bottom: 3px;
    color: #0b8cee;
  }

  /* Sidebar, visitor counter xuống dưới */
  .sidebar,
  .visitor-counter,
  .user-login {
    width: 100% !important;
    margin-top: 20px;
  }
 #main-content.col-xs-9,
  .main-content.col-xs-9 {
    width: 100% !important;
    float: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .documents,
  .documents-content,
  .documents-content .col-xs-12 {
    width: 100% !important;
  }
  footer .row,
  footer .footer-content,
  footer .col-xs-4,
  footer .col-xs-6,
  footer .col-xs-12,
  footer [class*="col-"] {
    width: 100% !important;   /* full chiều ngang */
    float: none !important;   /* bỏ float */
    display: block !important; /* xếp dọc */
  }

  footer .footer-content {
    margin-bottom: 15px; /* cách nhau một chút */
  }

  footer iframe,
  footer img {
    max-width: 100% !important;
    height: auto !important; /* map, ảnh co vừa màn */
  }

  /* Bài viết / danh mục */
  .block-title{
    margin-bottom:0;
    border-radius:12px 12px 0 0;
    overflow:hidden;
  }
  .block-title h3{
    height:auto;
    line-height:1.4;
    text-align:center;
    padding:12px 16px;
    font-size:18px;
  }
  .block-title h3 a{
    margin-left:0;
    padding:0;
    font-size:18px;
  }
  .ico-title{
    display:none;
  }
  .cat-content{
    padding:0 8px;
  }
  .cat-item{
    display:flex;
    flex-direction:column;
    margin:12px 0;
    padding:16px;
    border-width:1px;
    border-style:solid;
    border-color:#cfe8ff;
    border-radius:12px;
    background:#fff;
    box-shadow:0 6px 18px rgba(11,140,238,0.08);
  }
  .cat-thumb,
  .cat-thumb-default{
    width:100% !important;
    float:none;
    margin:0 0 12px 0;
    padding:0;
    border:none;
  }
  .cat-thumb img,
  .cat-thumb-default img{
    width:100%;
    height:auto;
    display:block;
    border-radius:8px;
  }
  .cat-title{
    margin-bottom:10px !important;
  }
  .cat-title a{
    font-size:20px !important;
    line-height:1.4 !important;
  }
  .cat-des{
    font-size:14px;
    line-height:1.6;
  }
  .cat-item:last-child{
    margin-bottom:20px;
  }
}

/* ===== TAXONOMY LOẠI VĂN BẢN ===== */
.taxonomy-loai-van-ban .single{
  background:#f5fbff;
  border-radius:16px;
  padding:15px;
  box-shadow:0 10px 30px rgba(11,140,238,0.1);
}
.taxonomy-loai-van-ban .single .line-block{
  display:none;
}
.taxonomy-loai-van-ban .single .block-title{
  background:linear-gradient(90deg,#0b8cee,#1fc8f8);
  border-radius:12px;
  margin-bottom:12px;
}
.taxonomy-loai-van-ban .single .block-title h3{
  color:#fff;
  padding:14px 18px;
  font-size:20px;
  display:flex;
  align-items:center;
  gap:10px;
}
.taxonomy-loai-van-ban .single .block-title h3 a{
  color:#fff !important;
  margin-left:0;
  padding:0;
  font-size:20px;
  text-transform:none;
  font-weight:600;
}
.taxonomy-loai-van-ban .single .block-title .ico-title{
  display:inline-flex;
  width:40px;
  height:40px;
  line-height:40px;
  border-radius:12px;
  background:rgba(255,255,255,0.2);
}
.taxonomy-loai-van-ban .documents-list{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:18px;
  margin:0;
  padding:0;
}
.taxonomy-loai-van-ban .document-card{
  position:relative;
  background:#fff;
  border-radius:18px;
  padding:22px 26px;
  height:100%;
  display:flex;
  gap:24px;
  box-shadow:0 12px 28px rgba(11,140,238,0.12);
  border:1px solid rgba(11,140,238,0.12);
  transition:transform .25s ease, box-shadow .25s ease;
}
.taxonomy-loai-van-ban .document-card::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:18px;
  background:linear-gradient(120deg,rgba(11,140,238,0.18),rgba(31,200,248,0.12));
  opacity:0;
  transition:opacity .25s ease;
}
.taxonomy-loai-van-ban .document-card:hover{
  transform:translateY(-6px);
  box-shadow:0 20px 36px rgba(11,140,238,0.18);
}
.taxonomy-loai-van-ban .document-card:hover::before{
  opacity:1;
}
.taxonomy-loai-van-ban .document-card__timeline{
  position:relative;
  z-index:1;
  min-width:76px;
  max-width:76px;
  background:#0b8cee;
  border-radius:16px;
  color:#fff;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:14px 8px;
  text-transform:uppercase;
  box-shadow:0 12px 24px rgba(11,140,238,0.35);
}
.taxonomy-loai-van-ban .document-card__day{
  font-size:30px;
  font-weight:700;
  line-height:1;
}
.taxonomy-loai-van-ban .document-card__month-year{
  margin-top:6px;
  font-size:12px;
  letter-spacing:1.2px;
}
.taxonomy-loai-van-ban .document-card__content{
  position:relative;
  z-index:1;
  flex:1;
  display:flex;
  flex-direction:column;
}
.taxonomy-loai-van-ban .document-card__header{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
  margin-bottom:14px;
  font-size:13px;
  text-transform:uppercase;
  letter-spacing:.45px;
  color:#0b4870;
}
.taxonomy-loai-van-ban .document-card__code,
.taxonomy-loai-van-ban .document-card__date{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-weight:600;
  background:rgba(11,140,238,0.12);
  padding:6px 12px;
  border-radius:999px;
}
.taxonomy-loai-van-ban .document-card__code i,
.taxonomy-loai-van-ban .document-card__date i{
  color:#0b8cee;
}
.taxonomy-loai-van-ban .document-card__title{
  font-size:20px;
  margin:0 0 12px 0;
  line-height:1.5;
}
.taxonomy-loai-van-ban .document-card__title a{
  color:#0b3464;
  transition:color .2s ease;
}
.taxonomy-loai-van-ban .document-card__title a:hover{
  color:#0b8cee;
}
.taxonomy-loai-van-ban .document-card__summary{
  margin:0 0 16px 0;
  color:#324b60;
  line-height:1.7;
  font-size:14.5px;
}
.taxonomy-loai-van-ban .document-card__meta{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:10px;
}
.taxonomy-loai-van-ban .document-card__meta li{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  font-size:14px;
  color:#324b60;
}
.taxonomy-loai-van-ban .document-card__meta .label{
  font-weight:600;
  color:#0b3464;
}
.taxonomy-loai-van-ban .document-card__meta a{
  color:#0b8cee;
  background:rgba(11,140,238,0.1);
  padding:3px 10px;
  border-radius:999px;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.35px;
}
.taxonomy-loai-van-ban .document-card__tags{
  margin-top:16px;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.taxonomy-loai-van-ban .document-card__tag{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:6px 14px;
  border-radius:999px;
  background:rgba(11,140,238,0.16);
  color:#0b3464;
  font-size:12px;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:.45px;
}
.taxonomy-loai-van-ban .document-card__footer{
  margin-top:auto;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  justify-content:flex-end;
  padding-top:18px;
}
.taxonomy-loai-van-ban .document-card__button{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 18px;
  border-radius:999px;
  background:#0b8cee;
  color:#fff;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:.4px;
  box-shadow:0 10px 20px rgba(11,140,238,0.25);
}
.taxonomy-loai-van-ban .document-card__button:hover{
  background:#0a6fbd;
  color:#fff;
}
.taxonomy-loai-van-ban .document-card__button--ghost{
  background:rgba(11,140,238,0.08);
  color:#0b3464;
  box-shadow:none;
}
.taxonomy-loai-van-ban .document-card__button--ghost:hover{
  background:rgba(11,140,238,0.18);
  color:#0b3464;
}
.taxonomy-loai-van-ban .ddev-pagenavi{
  background:none;
  border:none;
  text-align:center;
  margin-top:24px;
}
.taxonomy-loai-van-ban .ddev-pagenavi span,
.taxonomy-loai-van-ban .ddev-pagenavi a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:40px;
  height:40px;
  border-radius:50%;
  margin:0 4px;
  border:1px solid rgba(11,140,238,0.25);
  color:#0b4870;
  font-weight:600;
}
.taxonomy-loai-van-ban .ddev-pagenavi span.current,
.taxonomy-loai-van-ban .ddev-pagenavi a:hover{
  background:#0b8cee;
  border-color:#0b8cee;
  color:#fff;
}

@media (max-width: 991px){
  .taxonomy-loai-van-ban .single{
    padding:10px;
  }
  .taxonomy-loai-van-ban .documents-list{
    grid-template-columns:1fr;
  }
  .taxonomy-loai-van-ban .document-card{
    flex-direction:column;
    gap:18px;
    padding:20px;
  }
  .taxonomy-loai-van-ban .document-card__timeline{
    flex-direction:row;
    min-width:unset;
    max-width:unset;
    justify-content:flex-start;
    gap:12px;
    padding:10px 16px;
  }
  .taxonomy-loai-van-ban .document-card__day{
    font-size:26px;
  }
  .taxonomy-loai-van-ban .document-card__month-year{
    font-size:14px;
    letter-spacing:.6px;
  }
  .taxonomy-loai-van-ban .document-card__footer{
    justify-content:flex-start;
  }
}