@font-face {
  font-family: "Roboto";
  src: url("../Roboto/Roboto-VariableFont_wdth,wght.ttf") format("truetype-variations");
  font-weight: 100 900; /* Hỗ trợ mọi độ đậm từ 100 đến 900 */
  font-style: normal;
}
@font-face {
  font-family: "Roboto";
  src: url("../Roboto/Roboto-Italic-VariableFont_wdth,wght.ttf") format("truetype-variations");
  font-weight: 100 900;
  font-style: italic;
}
body {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings: "wdth" 100;
}

body .custom-footer {
  margin-top: 16px;
}

.news-card-summary,
.sub-news-list .sub-news-item:hover .news-card-date,
.sub-news-list .sub-news-item:hover p,
body,
p {
  color: #000;
}

#main-content {
  min-height: calc(100vh - 258px) !important;
}

html:not(#__):not(#___) .cadmin .fix label {
  max-height: unset;
  display: flex;
  line-height: 1 !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  background: transparent !important;
  border: none !important;
  align-items: center;
}
html:not(#__):not(#___) .cadmin .fix .btn-primary {
  min-width: 100px;
}
html:not(#__):not(#___) .cadmin .fix .input-group-addon {
  align-items: center;
  display: flex;
}

.layout-hidden-notice {
  color: #60471b !important;
  padding: 1px 8px 2px 8px !important;
  margin-left: 8px !important;
  border-radius: 4px;
  align-items: center;
  display: flex;
  line-height: 1 !important;
  background: #ede6db !important;
}

.icon,
.icon svg {
  display: inline-block;
  width: 1em;
  height: 1em;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
  font-size: 16px;
  min-width: 1em;
}

.container-fluid {
  max-width: 1600px !important;
}

.navbar.main-menu-nav .container-fluid-max-xl {
  max-width: unset;
  position: unset !important;
}

.main-menu-nav {
  background-color: #d9f1ff;
  border-bottom: 1px solid #d0e0f0;
  /* Rất quan trọng: Đặt Menu dính (sticky) ngay dưới Header. Giá trị này có thể cần điều chỉnh */
  top: 70px;
  /* Điều chỉnh giá trị này bằng chiều cao của Header để nó dính ngay dưới Header */
  /* Đảm bảo nó nằm dưới header và trên nội dung */
}

.navbar.main-menu-nav {
  padding: 0;
}

.navbar-nav .nav-link {
  color: #195a94 !important;
  font-weight: bold;
  font-size: 14px;
  padding: 8px 10px;
  text-transform: uppercase;
}

.navbar-nav .dropdown-menu .nav-link {
  font-weight: normal;
  text-transform: unset;
}

.navbar-nav .nav-link.active {
  color: #f65050 !important;
  font-weight: bold;
  position: relative;
}

.navbar-nav .nav-link.active::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 2px;
  background-color: #e60000;
}

/* ... Các style Dropdown và Chức năng khác giữ nguyên ... */
.main-menu-nav .dropdown-menu {
  border-radius: 8px;
  box-shadow: 2px 10px 25px rgba(0, 0, 0, 0.3);
  border: none;
}

.main-menu-nav .dropdown-item {
  font-size: 16px;
  color: #195a94;
  padding: 7px 24px;
  font-weight: 500;
}

.menu-functions {
  display: flex;
  align-items: center;
  gap: 8px;
  padding-right: 16px;
}

.menu-functions .btn,
.search-container {
  font-size: 14px;
  font-weight: 400;
  padding: 2px 10px;
  border-radius: 4px;
  height: 30px; /* Đảm bảo chiều cao đồng nhất */
  display: flex;
  align-items: center;
}

.menu-functions .btn {
  background-color: #d3efff;
  border: 1px solid #bcdfff;
  color: #004d99;
  gap: 8px;
}

/* --- CSS cho ô tìm kiếm mới --- */
.search-container {
  position: relative;
  border: 1px solid #0d6efd !important;
  background-color: #fff !important;
  width: 220px; /* Chiều rộng ban đầu */
  transition: width 0.4s ease-in-out;
  cursor: text;
  justify-content: flex-end; /* Đẩy icon sang phải */
}

.search-container {
  padding-right: 0;
}
.search-container .search-button {
  background: transparent;
  border: none;
}

.search-container .search-icon {
  color: #004d99;
}
.search-container:hover .search-icon {
  color: #f65050;
}

.search-input {
  border: none;
  background: transparent !important;
  outline: none;
  width: 100%; /* Ban đầu ẩn input */
  transition: width 0.4s ease-in-out;
  color: #004d99;
  padding: 0 !important;
}

.search-input::placeholder {
  color: #004d99;
}

/* Khi focus vào container (click vào), mở rộng nó và input bên trong */
.search-container:focus-within {
  width: 300px;
}

.search-container:focus-within .search-input {
  padding: 0 5px;
}

.date-info {
  color: #4a647b;
  font-weight: 500;
  background-color: #bee7ff;
  padding: 5px 10px;
  position: absolute;
  right: 0;
  top: 0px;
  bottom: 0px;
  display: flex;
  align-items: center;
  width: auto !important;
  white-space: nowrap;
}

.nav-item.dropdown.show .nav-link {
  background: #fff;
}

.navbar-nav .nav-link:hover {
  background: #fff;
}

.navbar-nav .dropdown-menu {
  margin-left: -10px;
  margin-top: -2px;
}

.nav-item.dropdown.show > .dropdown-menu {
  display: block;
}

.nav-item > .nav-link::before {
  content: "";
  border-bottom: solid 2px transparent !important;
  position: absolute;
  bottom: 0;
  left: 8px;
  right: 12px;
  height: 2px;
}

.nav-item.active > .nav-link {
  color: #f65050 !important;
}
.nav-item.active > .nav-link::before {
  border-bottom-color: #f65050 !important;
}

.nav-item.dropdown > .dropdown-menu .nav-item:hover > .nav-link,
.nav-item.dropdown > .dropdown-menu .active > .nav-link {
  background: #d9f1ff;
  color: #195a94 !important;
}
.nav-item.dropdown > .dropdown-menu .nav-item > .nav-link::before {
  border-bottom: none !important;
}

.dropdown-menu {
  overflow: visible;
}

.navbar-nav {
  margin-bottom: -1px !important;
}

.navbar-nav .dropdown-menu {
  width: auto;
  max-width: unset;
  white-space: nowrap;
}

.navbar-nav .dropdown-item {
  padding-right: 50px;
}

.menu-functions .btn:hover {
  background-color: #fff;
  border-color: #1a6fe2;
}

.menu-functions .btn:hover i {
  color: #f65050;
}

.khonghienthi {
  display: none !important;
}

.navbar input:focus {
  outline: 0;
  outline: none !important;
  box-shadow: unset !important;
  color: #004d99 !important;
  border: none !important;
}

#content {
  container-type: inline-size;
  container-name: content-area; /* Đặt tên nếu cần */
}

@container content-area (max-width: 1600px) {}
/* Nút Hamburger */
.mobile-menu-toggler {
  position: fixed;
  top: 2px;
  right: 4px;
  width: 44px;
  height: 44px;
  background-color: transparent;
  border: none;
  border-radius: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  display: none;
}

.mobile-menu-toggler-icon {
  display: inline-block;
  width: 24px;
  height: 2px;
  background-color: white;
  position: relative;
}

.mobile-menu-toggler-icon::before,
.mobile-menu-toggler-icon::after {
  content: "";
  position: absolute;
  left: 0;
  width: 24px;
  height: 2px;
  background-color: white;
  transition: transform 0.3s, top 0.3s;
}

.mobile-menu-toggler-icon::before {
  top: -7px;
}

.mobile-menu-toggler-icon::after {
  top: 7px;
}

/* Lớp phủ */
.mobile-menu-overlay {
  position: fixed;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0.3s;
  top: 48px;
}

.mobile-menu-overlay.is-open {
  opacity: 1;
  visibility: visible;
}

/* Panel Menu */
.mobile-menu-panel {
  position: fixed;
  top: 48px;
  right: 0;
  bottom: 0;
  background-color: #f0faff;
  padding: 20px 0;
  overflow-y: auto;
  transform: translateX(100%);
  transition: transform 0.3s ease-in-out;
  display: flex;
  flex-direction: column;
}

.mobile-menu-panel.is-open {
  transform: translateX(0);
  box-shadow: -5px 0 15px rgba(0, 0, 0, 0.2);
}

/* Kiểu các mục menu */
.mobile-menu-panel .navbar-nav {
  flex-wrap: wrap;
}

.mobile-menu-panel .nav-item {
  border-bottom: 1px solid #dceaf7;
  width: 100%;
  padding-right: 0;
  flex-wrap: wrap;
}

.mobile-menu-panel .nav-link {
  color: #195a94;
  font-weight: 600;
  font-size: 15px;
  padding: 12px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-decoration: none;
  width: 100%;
}

.mobile-menu-panel .nav-link.active {
  color: #f65050;
}

.mobile-menu-panel .navbar-nav .nav-link.active::after {
  display: none;
}

.mobile-menu-panel .dropdown-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-in-out;
  background-color: #f0faff; /* Giữ nền đồng nhất */
}

/* KHI DROPDOWN MỞ: Dùng CSS để xổ menu con ra */
.mobile-menu-panel .nav-item.is-open .dropdown-menu {
  max-height: 500px; /* Đặt một giá trị đủ lớn để chứa tất cả các mục con */
  display: block;
  position: unset;
  box-shadow: unset;
  width: 100%;
}

.mobile-menu-panel .dropdown-menu li {
  border-top: 1px solid #dceaf7;
}

.mobile-menu-panel .dropdown-menu .dropdown-item {
  /* Style giống .nav-link nhưng thụt vào trong */
  padding: 12px 20px 12px 35px;
  font-size: 15px;
  font-weight: 500; /* Hơi mảnh hơn mục chính */
  color: #195a94;
  text-decoration: none;
  display: block;
  width: 100%;
  border-top: none; /* Bỏ border-top cũ */
}

/* Các chức năng */
.mobile-menu-panel .menu-functions {
  margin-top: auto; /* Đẩy xuống dưới cùng */
  padding: 20px;
  background-color: #e6f5ff;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.menu-functions {
  position: relative;
}
.menu-functions .search-container {
  position: absolute;
  right: 100%;
  margin-right: 8px !important;
}

/* Style cho các control bên trong .menu-functions */
.mobile-menu-panel .menu-functions .btn,
.mobile-menu-panel .menu-functions .search-container {
  font-size: 14px;
  font-weight: 400;
  border-radius: 4px;
  height: 32px;
  display: flex;
  align-items: center;
}

.mobile-menu-panel .menu-functions .btn {
  background-color: #d3efff;
  border: 1px solid #bcdfff;
  color: #004d99;
  gap: 8px;
  justify-content: center;
}

.mobile-menu-panel .menu-functions .btn:hover {
  background-color: #fff;
  border-color: #1a6fe2;
}

.mobile-menu-panel .search-container {
  position: relative;
  border: 1px solid #0d6efd;
  background-color: #fff;
  width: 100%;
  padding: 0 8px;
}

.mobile-menu-panel .search-input {
  border: none;
  background: transparent;
  outline: none;
  width: 100%;
  color: #004d99;
  padding: 0;
}

.mobile-menu-panel {
  width: 300px !important;
}

.mobile-menu-panel .dropdown-menu {
  position: unset;
  overflow: visible;
  max-height: unset;
  width: 100%;
  box-shadow: unset;
}

.mobile-menu-panel .dropdown-menu li a {
  padding-left: 35px;
}

.page-editor .sticky-top {
  z-index: auto !important;
}

.portlet-content.portlet-content-editable .sticky-top {
  z-index: unset !important;
}

html:not(#__):not(#___) .portal-popup .columns-max,
html:not(#__):not(#___) .cadmin.portal-popup .columns-max {
  margin-bottom: 60px !important;
  overflow-x: hidden;
}

.cadmin .menu label {
  height: auto !important;
  max-height: unset !important;
  align-items: center;
  display: flex;
}

.menu {
  margin: 0 !important;
  padding: 12px !important;
}
.menu .icon,
.menu .icon svg {
  width: 1em !important;
  height: 1em !important;
}
.menu .tree-toggle .icon.icon-caret-right {
  border: solid 1px #cf7d3e !important;
  border-radius: 50%;
  color: #fff !important;
  background: #cf7d3e !important;
}
.menu .tree-toggle.down .icon.icon-caret-right {
  transform: rotate(90deg) !important;
}
.menu .tree-toggle,
.menu .input-group-addon {
  align-items: center;
  display: flex !important;
}
.menu label.form-control {
  border: none !important;
  background: transparent !important;
}
.menu .layout-tree-view-mobile,
.menu .layout-tree-view-mobile ul,
.menu .layout-tree-view,
.menu .layout-tree-view ul {
  list-style-type: none;
  padding-left: 25px;
}
.menu .layout-tree-view-mobile,
.menu .layout-tree-view {
  padding: 0 0 0 20px !important;
}
.menu .layout-tree-view-mobile li,
.menu .layout-tree-view li {
  margin: 5px 0;
}
.menu .layout-tree-view-mobile .input-group,
.menu .layout-tree-view .input-group {
  margin-bottom: 0 !important;
}
.menu .layout-tree-view-mobile .tree-toggle,
.menu .layout-tree-view .tree-toggle {
  cursor: pointer;
  margin-right: 5px;
  font-size: 16px;
  width: 16px;
  display: inline-block;
  text-align: center;
  color: #666;
}
.menu .layout-tree-view-mobile .tree-toggle.no-children,
.menu .layout-tree-view .tree-toggle.no-children {
  cursor: default;
}
.menu .layout-tree-view-mobile .nested,
.menu .layout-tree-view .nested {
  display: none;
}
.menu .layout-tree-view-mobile .active,
.menu .layout-tree-view .active {
  display: block;
}
.menu .layout-tree-view-mobile .layout-hidden-notice,
.menu .layout-tree-view .layout-hidden-notice {
  display: inline-flex;
  padding-left: 4px !important;
  padding-right: 4px !important;
}
.menu .tree-toggle {
  position: absolute;
  left: -26px;
  bottom: 0;
  top: 0;
}
.menu .input-group {
  overflow: visible;
}
.menu ul.nested.active {
  padding: 0 !important;
}
.menu .is-hidden.hide-hidden {
  display: none;
}
.menu .toggle-switch {
  display: flex !important;
  align-items: center;
}
.menu .form-group.form-inline.input-checkbox-wrapper {
  margin-bottom: 0 !important;
}
.menu .is-hidden label[for],
.menu .is-hidden [type=checkbox],
.menu .is-hidden .input-group-addon {
  pointer-events: none;
}
.menu .is-hidden [type=checkbox] {
  accent-color: #7b7c86;
  opacity: 0.5;
}
.menu .is-hidden label[for] {
  color: #7b7c86 !important;
}
.menu .is-hidden .tree-toggle .icon.icon-caret-right {
  border: solid 1px #7b7c86 !important;
  border-radius: 50%;
  color: #fff !important;
  background: #7b7c86 !important;
  opacity: 0.5;
}

.nav-item.dropdown > .dropdown-menu .nav-link {
  width: 100%;
  justify-content: space-between;
  display: flex;
  align-items: center;
}
.nav-item.dropdown > .dropdown-menu .nav-link i {
  margin-left: 8px;
  transform: rotate(-90deg);
}
.nav-item.dropdown > .dropdown-menu .dropdown-menu {
  left: 100%;
  top: 0;
}
.nav-item.dropdown > .dropdown-menu .dropdown-menu .nav-link i {
  margin-left: 8px;
  transform: rotate(-90deg);
}

.col-banner {
  border-radius: 6px;
  overflow: hidden;
}

.body-ttcp .col.col-lg-3.col-sm-12.col-12.col-md-3 .utility-icon {
  width: 35px;
  height: auto;
  max-width: unset;
  max-height: unset;
  margin-left: 4px;
}

@media (min-width: 1201px) {
  .body-ttcp .lfr-layout-structure-item-row > .row > .col.col-lg-3.col-sm-12.col-12.col-md-3 {
    max-width: 336px;
    padding-left: 8px;
    padding-right: 8px;
  }
  .body-ttcp .lfr-layout-structure-item-row > .row > .col.col-lg-6.col-sm-12.col-12.col-md-6:first-child {
    min-width: calc(100% - 672px);
  }
  .body-ttcp .lfr-layout-structure-item-row > .row > .col.col-lg-9.col-sm-12.col-12.col-md-9 {
    min-width: calc(100% - 336px);
  }
  ul.navbar-nav.me-auto.an-mobile {
    max-width: calc(100% - 588px);
  }
}
@media (min-width: 1601px) {
  ul.navbar-nav.me-auto.an-mobile {
    max-width: calc(100% - 340px);
  }
  .menu-functions {
    position: absolute;
    right: 144px;
  }
}
.menu-functions .clear-button {
  background: transparent;
  border: none;
  padding: 0;
  color: #f65050;
}

.portlet:not(.open) .menu-functions .clear-button {
  display: none !important;
}

.fix-header .header-top {
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99;
}

.fix-menuttcp .sticky-top.menuttcp {
  position: fixed;
  top: 85px;
  left: 0;
  right: 0;
  z-index: 99;
}

.body-ttcp {
  padding-top: 125px;
}

.has-control-menu .body-ttcp,
.open.product-menu-open .body-ttcp,
.page-editor__layout-viewport__resizer .body-ttcp {
  padding-top: 0 !important;
}
.has-control-menu .fix-menuttcp .sticky-top.menuttcp,
.open.product-menu-open .fix-menuttcp .sticky-top.menuttcp,
.page-editor__layout-viewport__resizer .fix-menuttcp .sticky-top.menuttcp {
  position: relative !important;
  top: 0;
}
.has-control-menu ul.navbar-nav.me-auto.an-mobile,
.open.product-menu-open ul.navbar-nav.me-auto.an-mobile,
.page-editor__layout-viewport__resizer ul.navbar-nav.me-auto.an-mobile {
  max-width: calc(100% - 588px);
}
.has-control-menu .sticky-top.menuttcp,
.has-control-menu .fix-header .header-top,
.open.product-menu-open .sticky-top.menuttcp,
.open.product-menu-open .fix-header .header-top,
.page-editor__layout-viewport__resizer .sticky-top.menuttcp,
.page-editor__layout-viewport__resizer .fix-header .header-top {
  position: unset !important;
}
.has-control-menu .fix-layout,
.open.product-menu-open .fix-layout,
.page-editor__layout-viewport__resizer .fix-layout {
  margin-top: 0;
}

body:not(.portal-popup):before {
  content: "";
  background-image: url(../images/bg-body.png);
  background-repeat: no-repeat;
  background-size: 500px;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 250px;
  display: block;
  background-position: right;
  opacity: 0.2;
  z-index: 0;
}

body:not(.portal-popup):after {
  content: "";
  background-image: url(../images/bg-body.png);
  background-repeat: no-repeat;
  background-size: 500px;
  position: fixed;
  top: 0;
  right: 0;
  height: 100vh;
  width: 250px;
  display: block;
  background-position: left;
  opacity: 0.2;
  z-index: 0;
}

#wrapper {
  background: transparent;
  z-index: 2;
}

.featured-news-block {
  background: #ffffff;
}

.search-button-container {
  justify-content: center;
}
.search-button-container .btn {
  flex: auto;
  max-width: 60%;
}

.block-background {
  background: #fff;
}

@media (max-width: 1366px) {
  .body-ttcp .lfr-layout-structure-item-row > .row > .col.col-lg-3.col-sm-12.col-12.col-md-3 {
    max-width: 310px;
    padding-left: 6px;
    padding-right: 6px;
  }
  .body-ttcp .lfr-layout-structure-item-row > .row > .col.col-lg-6.col-sm-12.col-12.col-md-6 {
    min-width: calc(100% - 620px);
    padding-left: 6px;
    padding-right: 6px;
  }
  .body-ttcp .lfr-layout-structure-item-row > .row > .col.col-lg-9.col-sm-12.col-12.col-md-9 {
    min-width: calc(100% - 310px);
  }
  ul.navbar-nav.me-auto.an-mobile {
    max-width: calc(100% - 588px);
  }
  .body-ttcp {
    max-width: 100% !important;
  }
  body div#main-content > div > .row {
    margin: auto;
    justify-content: center;
  }
  .sub-news-item a {
    padding: 0px 6px 0px 0px;
  }
  .sub-news-item img {
    height: 65px;
    max-width: 75px;
  }
  .custom-table tbody td img.thumb-img {
    max-height: 50px;
  }
}
@media (min-width: 1201px) and (max-width: 1366px) {
  .body-ttcp .lfr-layout-structure-item-row > .row > .col.col-lg-3.col-sm-12.col-12.col-md-3 {
    max-width: 260px;
    padding-left: 6px;
    padding-right: 6px;
  }
  .body-ttcp .lfr-layout-structure-item-row > .row > .col.col-lg-6.col-sm-12.col-12.col-md-6 {
    min-width: calc(100% - 520px) !important;
    padding-left: 6px;
    padding-right: 6px;
  }
  .body-ttcp .lfr-layout-structure-item-row > .row > .col.col-lg-9.col-sm-12.col-12.col-md-9 {
    min-width: calc(100% - 260px);
  }
  .featured-news-block .row > .side-news {
    max-width: calc(100% - 240px) !important;
    flex: 0 0 calc(100% - 240px);
  }
  .col-md-5.side-news-list {
    flex: 0 0 240px;
    max-width: 240px;
  }
  .tab-content > .tab-pane .gallery-grid a {
    height: auto !important;
    min-height: 84px !important;
  }
  .tab-content > .tab-pane .gallery-grid {
    height: auto !important;
  }
  .view-more {
    font-size: 0.9rem !important;
  }
  .leader-modal-overlay .portlet-title,
  .news-block-title,
  .media-tabs .nav-link {
    font-size: 0.95rem !important;
  }
  .sidebar-block-header.header-blue,
  .view-more {
    font-size: 0.9rem !important;
  }
  .slide-du-thao .sidebar-block-header.header-blue,
  .view-more {
    font-size: 0.8rem !important;
  }
}
@media (min-width: 1201px) and (max-width: 1280px) {
  .body-ttcp {
    padding-top: 125px !important;
  }
}
.theme-red .text-hover,
.theme-red .level-1-card,
.theme-red .bottom-menu-area {
  background-color: #7f0402;
}
.theme-red .article-section-title a,
.theme-red .news-block-title a,
.theme-red .sidebar-block-header .view-more,
.theme-red .news-card-header,
.theme-red .news-block-title {
  color: #7f0402;
}
.theme-red .custom-table thead th,
.theme-red .donvi-container .unit-leader-card .position-tag,
.theme-red .leader-modal-overlay .portlet-close-button,
.theme-red .org-unit-box:hover,
.theme-red .level-1-card:hover,
.theme-red .level-2-card:hover,
.theme-red .level-1-card,
.theme-red .task-header,
.theme-red .text-hover {
  background-color: #7f0402;
}
.theme-red .custom-footer,
.theme-red .header-top,
.theme-red .main-footer {
  background-color: #a82123;
}
.theme-red .history-page-container .timeline-item:hover,
.theme-red .history-page-container .timeline-item.active {
  background-color: #a82123;
  border-color: #a82123;
  color: #fff;
}
.theme-red .article-section-title i {
  color: #a82123;
}
.theme-red .leader-modal-overlay .responsibility-section h4,
.theme-red .leader-modal-overlay .portlet-header,
.theme-red .main-menu-nav {
  background-color: #ffe2e2;
  border-bottom: 1px solid #e9bfbf;
}
.theme-red .menu-functions .btn {
  background-color: #ffcdcd;
  color: #222;
  border: 1px solid #ebb7b7;
}
.theme-red .date-info {
  color: #222;
  background-color: #ffcdcd;
}
.theme-red .search-container {
  border: 1px solid #dea5a5 !important;
}
.theme-red .navbar-nav .nav-link,
.theme-red .search-input,
.theme-red .navbar input {
  color: #222 !important;
}
.theme-red img#filter-by-theme,
.theme-red .utility-icon {
  filter: hue-rotate(135deg);
}
.theme-red .utility-item.xanh a {
  filter: brightness(1.2) hue-rotate(135deg);
}
.theme-red .sidebar-block-header.header-blue {
  filter: hue-rotate(135deg);
}

.theme-yellow .bottom-menu-area {
  background-color: #e6cc94;
}
.theme-yellow .contact-card {
  background-color: #fff3da;
}
.theme-yellow .leader-modal-overlay .responsibility-section h4,
.theme-yellow .leader-modal-overlay .portlet-header,
.theme-yellow .custom-footer,
.theme-yellow .header-top,
.theme-yellow .main-footer {
  background-color: #fee8b7;
}
.theme-yellow .history-page-container .timeline-item:hover,
.theme-yellow .history-page-container .timeline-item.active {
  background-color: #b09253;
  border-color: #b09253;
  color: #fff;
}
.theme-yellow .task-header .btn-collapse-all,
.theme-yellow .article-footer-bar .footer-back-btn {
  background-color: #b09253;
}
.theme-yellow .header-text h1 {
  color: #f7ce4b;
  text-shadow: 1px 2px 2px #81611e;
}
.theme-yellow .task-block {
  border-color: #b09253;
}
.theme-yellow .search-block .btn-primary,
.theme-yellow .news-pagination-footer .pagination .page-item.active .page-link {
  background-color: #c2912b !important;
  border-color: #c2912b !important;
}
.theme-yellow .search-block .btn-primary:hover,
.theme-yellow .news-pagination-footer .pagination .page-item.active .page-link:hover {
  background-color: #b4821b !important;
  border-color: #b4821b !important;
}
.theme-yellow .custom-table thead th,
.theme-yellow .donvi-container .unit-leader-card .position-tag,
.theme-yellow .leader-modal-overlay .portlet-close-button,
.theme-yellow .org-unit-box:hover,
.theme-yellow .level-1-card:hover,
.theme-yellow .level-2-card:hover,
.theme-yellow .level-1-card,
.theme-yellow .task-header,
.theme-yellow .text-hover {
  background-color: #c78f14;
}
.theme-yellow .contact-header i,
.theme-yellow .contact-header,
.theme-yellow .news-card-header,
.theme-yellow .article-section-title,
.theme-yellow .news-block-title {
  color: #81611e;
}
.theme-yellow .header-text p {
  color: #81611e;
  opacity: 1;
  font-weight: 400;
  font-size: 16px;
}
.theme-yellow .sidebar-block-header .view-more,
.theme-yellow .news-block-title .view-more,
.theme-yellow .article-section-title a {
  color: #7c6535;
}
.theme-yellow .article-section-title i {
  color: #7c6535;
}
.theme-yellow .main-menu-nav {
  background-color: #fff3da;
  border-bottom: 1px solid #e6cc94;
}
.theme-yellow .menu-functions .btn {
  background-color: #fff3da;
  color: #222;
  border: 1px solid #e6cc94;
}
.theme-yellow .menu-functions .btn:hover {
  background-color: #fff;
  border-color: #e6cc94;
}
.theme-yellow .date-info {
  color: #222;
  background-color: #f9eac7;
}
.theme-yellow .search-container {
  border: 1px solid #e0bd72 !important;
}
.theme-yellow .navbar-nav .nav-link,
.theme-yellow .search-input,
.theme-yellow .navbar input {
  color: #222 !important;
}
.theme-yellow img#filter-by-theme,
.theme-yellow .utility-icon {
  filter: hue-rotate(187deg) brightness(2) opacity(0.6);
}
.theme-yellow .utility-item.xanh a {
  background-image: url(../images/vangtrongdong.png);
}
.theme-yellow .sidebar-block-header.header-blue {
  background-image: url(../images/bgtieudevang.png);
}
.theme-yellow .utility-item.xanh .utility-icon {
  box-shadow: inset 1px 1px 4px -2px #000;
  border-radius: 50%;
  padding: 6px;
  background: #e79b00;
  max-width: 40px;
  max-height: 40px;
  min-width: 40px;
  min-height: 40px;
}
.theme-yellow .bottom-info-social .access-stats,
.theme-yellow .bottom-info-social .access-stats strong,
.theme-yellow .bottom-menu-links a,
.theme-yellow .custom-footer .text-info,
.theme-yellow .hight-line {
  color: #000 !important;
}
.theme-yellow .utility-item.xanh a,
.theme-yellow .sidebar-block-header.header-blue {
  text-shadow: 1px 1px 2px #947131;
  color: #ffffff;
}
.theme-yellow .utility-item.xanh a,
.theme-yellow .sidebar-block-header.header-blue .view-more,
.theme-yellow .sidebar-block-header.header-blue {
  text-shadow: 1px -1px 1px #fae6bf;
  color: #1c1403;
}
.theme-yellow .sidebar-block-header.header-blue .view-more {
  text-shadow: unset !important;
}

body .custom-footer {
  padding-top: 6px;
  padding-bottom: 6px;
}
body .custom-footer .text-info {
  font-weight: 300 !important;
  line-height: 1.4;
}
body .bottom-menu-area {
  min-height: 28px;
  padding-top: 0;
  padding-bottom: 0;
  background-color: #1861cc;
}

@media (min-width: 769px) {
  .col-banner {
    position: absolute;
    right: 150px;
  }
  .header-top {
    padding-right: 0 !important;
  }
  .header-top .container-fluid {
    position: unset !important;
  }
  .menu-functions {
    position: absolute;
    right: 144px;
  }
  body:not(.theme-red):not(.theme-yellow) .date-info,
  .theme-blue .date-info {
    display: flex !important;
  }
}
@media (min-width: 769px) and (max-width: 1200px) {
  .phan-mem-list.no-scroll {
    max-height: 385px;
  }
  .banner-phai .utility-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .news-controller-list li.active {
    background: #2e5aac;
  }
  .gallery-grid a {
    max-height: unset;
  }
  .body-ttcp .lfr-layout-structure-item-row > .row > .col.col-lg-3.col-sm-12.col-12.col-md-3 + .col.col-lg-3.col-sm-12.col-12.col-md-3 {
    align-items: flex-start !important;
  }
  .body-ttcp .lfr-layout-structure-item-row > .row > .col.col-lg-3.col-sm-12.col-12.col-md-3 + .col.col-lg-3.col-sm-12.col-12.col-md-3 .phan-mem-list {
    height: 384px !important;
  }
  .body-ttcp .lfr-layout-structure-item-row > .row > .col.col-lg-3.col-sm-12.col-12.col-md-3 + .col.col-lg-3.col-sm-12.col-12.col-md-3 > div > div {
    width: 100%;
  }
  .body-ttcp .lfr-layout-structure-item-row > .row > .col.col-lg-3.col-sm-12.col-12.col-md-3 + .col.col-lg-3.col-sm-12.col-12.col-md-3 #banner-icon-text-grid-3 {
    margin: 0 !important;
  }
  .body-ttcp .lfr-layout-structure-item-row > .row > .col.col-lg-3.col-sm-12.col-12.col-md-3 + .col.col-lg-3.col-sm-12.col-12.col-md-3 .right-sidebar-block,
  .body-ttcp .lfr-layout-structure-item-row > .row > .col.col-lg-3.col-sm-12.col-12.col-md-3 + .col.col-lg-3.col-sm-12.col-12.col-md-3 .phan-mem-block {
    margin-top: 24px !important;
  }
  .banner-phai .utility-item a {
    height: 80px;
    background-size: 330px 84px;
    background-position: center;
    font-size: 15px;
  }
  .lienket-phai {
    height: 80px;
    align-items: center;
    display: flex;
    background: #f2f4f9;
    border: solid 1px #eaeaea;
    border-radius: 4px;
  }
  .featured-news-block .row > .side-news {
    padding: 0;
    border-color: transparent;
    border-radius: 12px;
    overflow: hidden;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .side-news-list {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .news-controller-list li {
    min-height: unset !important;
    width: 12px;
    height: 12px;
    border: none;
    background: #d9d9d9;
    border-radius: 50% !important;
    padding: 0 !important;
    min-width: unset !important;
  }
  .news-controller-list li a {
    display: none;
  }
  .list-unstyled.news-controller-list {
    display: flex;
    gap: 10px;
    justify-content: center;
  }
  .news-controller-list li.active,
  .news-controller-list li:hover {
    background: #2e5aac;
  }
  .news-controller-list li {
    min-height: unset;
    width: 12px;
    height: 12px;
    border: none;
    background: #d9d9d9;
    border-radius: 50%;
    padding: 0;
  }
  .news-card-date,
  .news-controller-list li a {
    display: none !important;
  }
  .list-unstyled.news-controller-list {
    display: flex;
    gap: 10px;
    justify-content: center;
  }
  .news-controller-list li.active,
  .news-controller-list li:hover {
    background: #2e5aac;
  }
  .pagination-info {
    display: none;
  }
  .news-pagination-footer {
    justify-content: center;
  }
  .body-ttcp {
    padding-top: 150px !important;
  }
  .body-ttcp .tintuc-content-col {
    flex: 0 0 calc(100% - 320px);
    max-width: calc(100% - 320px);
  }
  .body-ttcp .main-content-row .col-md-3,
  .body-ttcp .sidebar-col {
    flex: 0 0 320px;
    max-width: 320px;
  }
  .body-ttcp .container-fluid.mt-4 {
    padding: 0;
  }
  ul.navbar-nav.me-auto.an-mobile {
    max-width: 100% !important;
  }
  .menu-functions {
    padding: 2px 10px;
    width: 100%;
    left: -7px;
    right: 0;
    background: #eef7ff;
    justify-content: end;
    padding-right: 155px;
    position: unset !important;
  }
  .maudammenu .menu-functions {
    background: #1861cc;
  }
  .menu-functions .search-container {
    position: relative;
    right: -8px;
  }
  .navbar.main-menu-nav .container-fluid-max-xl {
    padding: 0;
  }
  .date-info {
    top: 35px;
  }
  ul.navbar-nav.me-auto.an-mobile {
    max-height: 36px;
  }
  .body-ttcp .lfr-layout-structure-item-row > .row > .col.col-lg-3.col-sm-12.col-12.col-md-3 {
    max-width: 320px;
    padding-left: 6px;
    padding-right: 6px;
    min-width: 320px;
  }
  .body-ttcp .lfr-layout-structure-item-row > .row > .col.col-lg-6.col-sm-12.col-12.col-md-6 {
    min-width: calc(100% - 320px);
    padding-left: 6px;
    padding-right: 6px;
  }
  .body-ttcp .lfr-layout-structure-item-row > .row > .col.col-lg-9.col-sm-12.col-12.col-md-9 {
    min-width: unset;
    max-width: calc(100% - 320px);
  }
  ul.navbar-nav.me-auto.an-mobile {
    max-width: calc(100% - 588px);
  }
  .body-ttcp {
    padding: 0px 24px;
    padding-top: 120;
  }
  .body-ttcp .lfr-layout-structure-item-row > .row > .col.col-lg-3.col-sm-12.col-12.col-md-3 + .col.col-lg-3.col-sm-12.col-12.col-md-3 {
    min-width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    margin-top: -6px;
    padding-left: 0;
    padding-right: 0;
  }
  .body-ttcp .lfr-layout-structure-item-row > .row > .col.col-lg-3.col-sm-12.col-12.col-md-3 + .col.col-lg-3.col-sm-12.col-12.col-md-3 > div {
    width: 50%;
    padding: 0 8px;
  }
  .bottom-info-social {
    width: 100%;
    justify-content: center;
    padding: 10px 0;
    border-top: solid 1px rgba(255, 255, 255, 0.1098039216);
  }
  .bottom-menu-links {
    width: 100%;
    padding: 10px 0;
    justify-content: center;
  }
  .bottom-menu-content {
    flex-wrap: wrap;
  }
  .custom-footer .box-news {
    padding: 0 20px;
  }
  .bottom-menu-area {
    background-color: #1163db;
  }
  .has-control-menu .body-ttcp,
  .open.product-menu-open .body-ttcp,
  .page-editor__layout-viewport__resizer .body-ttcp {
    padding-top: 0 !important;
  }
  .gallery-grid a {
    max-height: unset;
  }
}
@media (min-width: 540px) and (max-width: 768px) {
  .col-md-5.side-news-list,
  .col-md-7.side-news,
  .body-ttcp .lfr-layout-structure-item-row > .row > .col.col-lg-6.col-sm-12.col-12.col-md-6,
  .body-ttcp .lfr-layout-structure-item-row > .row > .col.col-lg-3.col-sm-12.col-12.col-md-3 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .featured-news-block .row > .side-news {
    max-height: unset !important;
  }
  .sub-news-item img {
    max-height: unset !important;
    aspect-ratio: 16/9 !important;
  }
  .gallery-grid a {
    min-height: 177px !important;
  }
}
@media (max-width: 768px) {
  body:before,
  body:after {
    display: none !important;
  }
  .mobile-menu-overlay.is-open {
    z-index: 99;
  }
  body {
    padding-top: 0 !important;
  }
  .chucnang-nhiemvu-quyenhan-page-container .article-breadcrumb {
    position: unset;
  }
  .container-fluid.mt-4 {
    margin-top: 0 !important;
  }
  .personal-info-section .detail-row {
    width: 100%;
    justify-content: space-between;
  }
  .trangchuslide,
  .tintuc {
    padding-top: 0 !important;
  }
  .body-ttcp {
    overflow: hidden;
  }
  .mobile-menu-toggler {
    z-index: 99;
    display: flex;
  }
  .mobile-menu-panel {
    z-index: 9999;
  }
  .menuttcp .collapse {
    display: block !important;
  }
  .menu-functions {
    padding: 5px 0;
  }
  .menu-functions .search-container {
    position: relative;
    right: auto;
  }
  .menu-functions .btn {
    padding: 0;
    min-width: 30px;
    justify-content: center;
    font-size: 18px;
  }
  .an-mobile {
    display: none !important;
  }
  .search-container,
  .search-container:focus-within {
    width: 100%;
  }
  .navbar.main-menu-nav {
    border-bottom: none;
  }
  .controls-visible .fix-menuttcp .sticky-top.menuttcp,
  .controls-visible .fix-header .header-top {
    position: fixed !important;
  }
  .controls-visible .fix-menuttcp .sticky-top.menuttcp {
    top: 57px !important;
  }
  .fix-header .header-top {
    padding-top: 6px;
    padding-bottom: 6px;
    height: 57px;
  }
  .menu-functions .search-container {
    position: relative;
    right: auto;
  }
  .body-ttcp {
    padding-top: 97px;
  }
  .col.col-lg-3.col-sm-12.col-12.col-md-3 {
    padding: 0 24px;
  }
  .utility-grid {
    display: flex;
    flex-wrap: wrap;
  }
  .utility-grid .utility-item.xanh {
    width: 100%;
  }
  .utility-grid a {
    background-size: 102% 84px !important;
  }
  .utility-item.xanh a {
    background-size: cover !important;
  }
  .body-ttcp .lfr-layout-structure-item-row > .row > .col.col-lg-9.col-sm-12.col-12.col-md-9 {
    max-width: 100%;
    padding-left: 12px;
    padding-right: 12px;
  }
  .body-ttcp .lfr-layout-structure-item-row > .row > .col.col-lg-6.col-sm-12.col-12.col-md-6,
  .body-ttcp .lfr-layout-structure-item-row > .row > .col.col-lg-3.col-sm-12.col-12.col-md-3 {
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
  .custom-footer {
    padding: 0 16px;
    margin-top: 16px;
  }
  .sub-news-img {
    margin-bottom: 12px;
  }
  .nav-item.dropdown.show > .dropdown-menu {
    position: relative !important;
    transform: unset !important;
  }
  .captcha-custom.form-group.ds-tb {
    flex-wrap: wrap;
  }
  .captcha-custom .actions {
    width: 100%;
    justify-content: center;
    display: flex;
    max-width: unset !important;
  }
  .captcha-custom .actions button#luubutton {
    height: 40px !important;
    line-height: 40px !important;
    min-width: 160px !important;
    margin-top: 8px;
  }
  .captcha-custom .taglib-captcha .refresh {
    width: 32px;
    justify-content: center;
    font-size: 16px;
  }
  .main-content-row .col-md-3,
  .main-content-row .sidebar-col {
    flex: 0 0 100%;
    max-width: 100%;
    padding-top: 8px;
    padding-left: 16px;
    padding-right: 16px;
  }
  .main-content-row nav[aria-label=breadcrumb] {
    position: absolute;
    top: -16px;
    left: 0;
    right: 0;
    padding: 0 16px;
  }
  .main-content-row .breadcrumb {
    box-shadow: unset;
  }
  .main-content-row .button-holder {
    justify-content: center;
    display: flex;
  }
  .main-content-row .block-background {
    order: 2;
    padding: 10px 16px;
  }
  .main-content-row .results-table-container,
  .main-content-row .page-header {
    padding: 0;
    box-shadow: unset;
    border-radius: 0;
  }
  .fix-layout.lfr-layout-structure-item-container,
  .fix-layout .lfr-layout-structure-item-container {
    margin: 0px !important;
    background: transparent;
  }
  .danh-sach-gop-y,
  .khung-noidung,
  .y-kien-vbqppl-block {
    background-color: unset !important;
  }
}
.flex-fill div#iframe {
  height: calc(100vh - 61px) !important;
}

.flex-fill div#iframe iframe {
  height: 100% !important;
}

.iframe-container {
  height: calc(100vh - 303px) !important;
}
.iframe-container iframe {
  height: calc(100vh - 303px) !important;
}

.theme-fix .has-control-menu .fix-menuttcp .sticky-top.menuttcp,
.theme-fix .open.product-menu-open .fix-menuttcp .sticky-top.menuttcp,
.theme-fix .page-editor__layout-viewport__resizer .fix-menuttcp .sticky-top.menuttcp,
.diepanh .has-control-menu .fix-menuttcp .sticky-top.menuttcp,
.diepanh .open.product-menu-open .fix-menuttcp .sticky-top.menuttcp,
.diepanh .page-editor__layout-viewport__resizer .fix-menuttcp .sticky-top.menuttcp {
  position: relative !important;
  top: 0;
}
.theme-fix .has-control-menu .body-ttcp,
.theme-fix .open.product-menu-open .body-ttcp,
.theme-fix .page-editor__layout-viewport__resizer .body-ttcp,
.diepanh .has-control-menu .body-ttcp,
.diepanh .open.product-menu-open .body-ttcp,
.diepanh .page-editor__layout-viewport__resizer .body-ttcp {
  padding-top: 0;
}
.theme-fix .org-chart-container,
.diepanh .org-chart-container {
  margin-top: 12px;
}

.article-breadcrumb .breadcrumb,
#wrapper,
body,
html {
  font-size: 15px !important;
}

.news-pagination-footer,
.news-pagination-footer .form-control:not(.input-group-text),
.attachment-link-container a,
.table,
.table th,
.table td,
.custom-table tbody td,
.custom-table tbody th {
  font-size: 0.9rem !important;
}

.breadcrumb-item,
body .custom-footer .text-info {
  font-size: 0.9rem !important;
}

.view-more,
.org-unit-box,
.date-info,
.news-card-summary,
.static-task-item,
.news-pagination-footer .pagination .page-link,
.navbar-nav .nav-link,
.menu-functions .btn,
.search-container,
.form-control:not(.input-group-text),
.sidebar-block-header .view-more,
.sidebar-block-header.header-blue .view-more,
.news-card-title a,
.suptin2 .news-card-content,
.news-card-item,
.sub-news-list .sub-news-item,
.news-controller-list li a,
.phan-mem-list a,
.notification-list-content ul li a,
.slide-du-thao .notification-list-content ul li a,
.article-body p {
  font-size: 1rem;
}

@media (min-width: 769px) and (max-width: 1280px) {
  .navbar-nav .nav-link {
    font-size: 0.875rem;
  }
  .nav-item {
    padding-right: 2px;
  }
}
.content-meta,
.news-card-date {
  font-size: 0.875rem;
}

.leader-modal-overlay .portlet-title,
.news-block-title,
.media-tabs .nav-link {
  font-size: 1.1rem;
}

.input-group,
input.form-control:not(.input-group-text),
select.form-control {
  height: 2rem;
}

.info-text .phone,
.info-text .email {
  flex-wrap: wrap;
}

.box-sidebar.baiphatbieu {
  margin-top: 16px;
}

.header-logo-slogan {
  padding-left: 0 !important;
}

.box-sidebar.baiphatbieu .form-control:not(.input-group-text) {
  font-size: 1.1rem;
  height: 42px;
  color: #000;
}

.news-pagination-footer .form-control {
  line-height: 1;
}

body:not(.theme-red):not(.theme-yellow) .maudammenu.main-menu-nav,
.theme-blue .maudammenu.main-menu-nav {
  background-color: #1861cc;
  color: #fff;
}
body:not(.theme-red):not(.theme-yellow) .maudammenu .nav-item .nav-link,
.theme-blue .maudammenu .nav-item .nav-link {
  color: #fff !important;
}
body:not(.theme-red):not(.theme-yellow) .maudammenu .nav-item .nav-link:hover,
.theme-blue .maudammenu .nav-item .nav-link:hover {
  color: #1861cc !important;
}
body:not(.theme-red):not(.theme-yellow) .maudammenu .navbar-nav .nav-item:hover .nav-link,
.theme-blue .maudammenu .navbar-nav .nav-item:hover .nav-link {
  color: #1861cc !important;
  background-color: #fff;
}
body:not(.theme-red):not(.theme-yellow) .maudammenu .date-info,
.theme-blue .maudammenu .date-info {
  background-color: #1861cc;
  color: #fff;
}
body:not(.theme-red):not(.theme-yellow) .maudammenu .menu-functions .btn,
.theme-blue .maudammenu .menu-functions .btn {
  background-color: #398dff;
  border: 1px solid #579eff;
  color: #fff;
}
body:not(.theme-red):not(.theme-yellow) .maudammenu .menu-functions .btn:hover,
.theme-blue .maudammenu .menu-functions .btn:hover {
  color: #2b69c4;
  background-color: #e0edff;
  border-color: #1a6fe2;
}
body:not(.theme-red):not(.theme-yellow) .maudammenu .search-container,
.theme-blue .maudammenu .search-container {
  border-color: #579eff !important;
}
body:not(.theme-red):not(.theme-yellow) .maudammenu .mobile-menu-panel,
.theme-blue .maudammenu .mobile-menu-panel {
  background-color: #2b69c4;
}
body:not(.theme-red):not(.theme-yellow) .maudammenu .mobile-menu-panel .nav-item,
.theme-blue .maudammenu .mobile-menu-panel .nav-item {
  border-color: #295faf !important;
}
body:not(.theme-red):not(.theme-yellow) .maudammenu .mobile-menu-panel .dropdown-menu li,
.theme-blue .maudammenu .mobile-menu-panel .dropdown-menu li {
  border-color: #2b69c4 !important;
}
body:not(.theme-red):not(.theme-yellow) .maudammenu .mobile-menu-panel .navbar-nav .nav-item:hover .nav-link,
body:not(.theme-red):not(.theme-yellow) .maudammenu .mobile-menu-panel .navbar-nav .nav-item .nav-link,
body:not(.theme-red):not(.theme-yellow) .maudammenu .mobile-menu-panel .dropdown-menu,
.theme-blue .maudammenu .mobile-menu-panel .navbar-nav .nav-item:hover .nav-link,
.theme-blue .maudammenu .mobile-menu-panel .navbar-nav .nav-item .nav-link,
.theme-blue .maudammenu .mobile-menu-panel .dropdown-menu {
  background-color: #2b69c4;
  border-color: #2b69c4 !important;
  color: #fff !important;
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .featured-news-block .row .col-md-7 {
    height: auto;
    aspect-ratio: 16/9;
    max-height: unset;
  }
  .news-card-item img,
  .not-pagination .news-card-item .sub-news-img {
    aspect-ratio: 16/9 !important;
    height: auto !important;
  }
  .not-pagination .news-card-item .sub-news-img img {
    height: auto !important;
    min-height: 100% !important;
  }
  .suptin2 .news-card-content .limit-3-lines {
    display: none !important;
  }
  .suptin2 .news-card-content .news-card-title {
    display: -webkit-box !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-bottom: 0 !important;
  }
  .suptin2 .news-card-item {
    flex-wrap: nowrap !important;
  }
  .antieude .col-md-5.side-news-list {
    position: unset;
  }
  .row.suptin2 {
    padding-bottom: 10px;
  }
  ul.navbar-nav.me-auto.an-mobile {
    flex-direction: unset;
    display: flex !important;
  }
  .fix-menuttcp .sticky-top.menuttcp {
    top: 48px;
  }
  .nav-item.dropdown.show .nav-link {
    background: #1a6fe2;
  }
  .nav-item.dropdown.show > .dropdown-menu,
  .nav-item.dropdown > .dropdown-menu {
    position: absolute;
    border-radius: 8px;
    border-top-left-radius: 0;
    overflow: hidden;
    padding: 10px 0;
    background: #1a6fe2;
    box-shadow: 5px 5px 10px -5px rgba(0, 0, 0, 0.3882352941);
  }
  .nav-item.dropdown > .dropdown-menu .nav-item {
    padding-right: 0;
  }
  .nav-item.dropdown > .dropdown-menu .nav-item a {
    padding-left: 20px;
    padding-right: 20px;
  }
  body {
    padding-top: 0 !important;
  }
  body .body-ttcp {
    padding-top: 120px !important;
  }
}