.multiline-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.multiline-ellipsis.ellipsis-1-line {
    -webkit-line-clamp: 1;
}

.multiline-ellipsis.ellipsis-2-line {
    -webkit-line-clamp: 2;
}

.multiline-ellipsis.ellipsis-3-line {
    -webkit-line-clamp: 3;
}

/************************************************************************************************************************************************/
/*****************************************************TRANG CHỦ - TIN TIÊU ĐIỂM***********************************************************/
/************************************************************************************************************************************************/
.TinBai2Cot_TieuDiem {
    display: flex;
    flex-wrap: wrap;
}

.TinBai2Cot_TieuDiem .left-pane .item_img,
.TinBai2Cot_TieuDiem .right-pane ul li .item_img {
    object-fit: cover;
    width: 100%;
	aspect-ratio: 1.6;
}
.TinBai2Cot_TieuDiem .right-pane ul li .item_img {
	aspect-ratio: 1.1;
}

.TinBai2Cot_TieuDiem .news_info .news_title {
    margin-bottom: 0.25rem;
}

.TinBai2Cot_TieuDiem .news_info .news_title a {
    /* font-family: var(--font-family-literata);
    font-weight: 500; */
    font-family: var(--font-family-inter);
    font-weight: 600;
    color: var(--body);
    line-height: 1.5;
    -webkit-line-clamp: 3;
}

.TinBai2Cot_TieuDiem .news_info .news_title a:hover {
    color: var(--template-title-2);
}

.TinBai2Cot_TieuDiem .news_info .news_title a,
.TinBai2Cot_TieuDiem .left-pane .news_info .news_summary {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
}

.TinBai2Cot_TieuDiem .news_info .news_date {
    font-size: 14px;
    line-height: 20px;
    color: var(--text-tertiary);
}

.TinBai2Cot_TieuDiem .left-pane .news_info .news_summary {
    text-align: justify;
    -webkit-line-clamp: 3;
}

.TinBai2Cot_TieuDiem .right-pane ul li {
    display: flex;
    gap: 16px;
}

.TinBai2Cot_TieuDiem .right-pane ul li:not(:last-child) {
    margin-bottom: 0.75rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--border-tertiary);
}

.TinBai2Cot_TieuDiem .right-pane ul li>a {
    width: 100px;
    display: block;
    flex-shrink: 0;
}

/************************************************************************************************************************************************/
/*****************************************************TRANG CHỦ - TIN BÀI KHÔNG ẢNH***********************************************************/
/************************************************************************************************************************************************/
/* .Map_Hanhchinh .having_icon h4 {
    color: var(--body);
    line-height: 1.3;
    font-weight: 500;
    font-size: 20px;
    display: flex;
    align-items: center;
    text-align: left;
    gap: 8px;
    padding: 12px 0;
    border-top: 2px solid #FF8E8E;
    border-bottom: 1px solid #E4E8EF;
    margin-bottom: 15px;
}

.Map_Hanhchinh .having_icon h4::before {
    content: "";
    width: 20px;
    height: 20px;
    display: block;
    background: url(../images/icon_flower.png) no-repeat center;
} */

.Map_Hanhchinh .having_icon h4 {
    text-align: left;
    margin-bottom: 0;
}

.Map_Hanhchinh .mapName {
    margin-bottom: 0;
}

.TinBaiKhongAnh ul.list_news li .news_title a {
    /* font-family: var(--font-family-literata);
    font-weight: 500; */
    font-family: var(--font-family-inter);
    font-weight: 600;
    color: var(--body);
    line-height: 1.5;
}
.news-noimage .TinBaiKhongAnh ul.list_news li .news_title a {
    display: -webkit-box;
	  overflow: hidden;
	  -webkit-box-orient: vertical;
	  -webkit-line-clamp: 2;
}

.TinBaiKhongAnh ul.list_news li .news_title a:hover {
    color: var(--primary);
}

.TinBaiKhongAnh ul.list_news li .news_date {
    font-size: 14px;
    line-height: 20px;
    color: var(--text-tertiary);
}

.showmore {
    color: var(--template-text-1) !important;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-style: normal;
    font-weight: 600 !important;
    text-decoration-line: underline !important;
    margin-top: 10px;
    display: block;
    /* display: none; */
}

.DSChuyenMucTinBai .dataCM-container {
	display: none;
}

/************************************************************************************************************************************************/
/*****************************************************TRANG CHỦ - TIN BÀI DANH SÁCH TIÊU ĐIỂM***********************************************************/
/************************************************************************************************************************************************/
.TinBaiDanhSach_TieuDiem {
    display: flex;
    flex-wrap: wrap;
}

.TinBaiDanhSach_TieuDiem .up_pane {
    flex: 0 0 48%;
    max-width: 48%;
    padding-right: 1rem;
    border-right: 1px solid var(--border-tertiary);
}

.TinBaiDanhSach_TieuDiem .bottom_pane {
    flex: 0 0 52%;
    max-width: 52%;
    padding-left: 1rem;
}

.TinBaiDanhSach_TieuDiem .up_pane .item_img_link {
    margin-bottom: 0.5rem;
    display: block;
    aspect-ratio: 1.51;
}

.TinBaiDanhSach_TieuDiem .up_pane .item_img_link img,
.TinBaiDanhSach_TieuDiem .bottom_pane .item_img_link img {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
}

.TinBaiDanhSach_TieuDiem .bottom_pane ul li {
    display: flex;
}

.TinBaiDanhSach_TieuDiem .bottom_pane ul li:not(:last-of-type) {
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom: 1px solid var(--border-tertiary);
}

.TinBaiDanhSach_TieuDiem .bottom_pane ul li .item_img_link {
    order: 1;
    margin-left: 1rem;
    flex-shrink: 0;
}

.TinBaiDanhSach_TieuDiem .bottom_pane ul li .item_img_link img {
    width: 100px;
    height: 100px !important;
    object-fit: cover;
}

.TinBaiDanhSach_TieuDiem .bottom_pane .news_info {
    flex-grow: 1;
}

.TinBaiDanhSach_TieuDiem .news_info .news_title a {
    margin-bottom: 0.5rem;
    -webkit-line-clamp: 5;
}

.TinBaiDanhSach_TieuDiem .bottom_pane .news_info .news_title a {
    margin-bottom: 0.25rem;
    -webkit-line-clamp: 3;
}

.TinBaiDanhSach_TieuDiem .news_info .news_date {
    font-size: 14px;
    line-height: 20px;
    display: block;
}

.TinBaiDanhSach_TieuDiem .news_info .news_summary {
    -webkit-line-clamp: 3;
}

.TinBaiDanhSach_TieuDiem .up_pane .news_info .news_date {
    margin-bottom: 0.25rem;
}

/************************************************************************************************************************************************/
/*****************************************************TRANG CHỦ - TIN BÀI THÔNG BÁO DANH SÁCH***********************************************************/
/************************************************************************************************************************************************/
.TinBaiThongBao_DanhSach ul li {
    display: flex;
    gap: 10px;
}

.TinBaiThongBao_DanhSach ul li:not(:last-child) {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #E0E0E0;
}

.TinBaiThongBao_DanhSach ul li .news_title a {
    color: var(--body) !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;
    /* 150% */
    margin-bottom: 2px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.TinBaiThongBao_DanhSach ul li::before {
    content: "";
    width: 18px;
    height: 24px;
    display: block;
    background: url(../images/icon_notice.png) no-repeat center;
    flex-shrink: 0;
}

/************************************************************************************************************************************************/
/*****************************************************TRANG CHỦ - CHUYÊN MỤC NHIỀU CẤP***********************************************************/
/************************************************************************************************************************************************/
.ThongTinTongHop .list_chuyenmuc li ul {
    position: absolute;
    left: calc(100% + 1.875rem);
    width: max-content;
    max-width: 400px;
    top: -15px;
    border-radius: 10px;
    background: var(--white);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.20);
    padding: 10px 0px;
    margin-left: 0;
    z-index: 1;
    display: none;
}

.ThongTinTongHop.menu-child-left .list_chuyenmuc li ul {
    left: auto;
    right: calc(100% + 1.875rem);
}

.ThongTinTongHop .list_chuyenmuc li ul li {
    padding: 6px 15px;
    margin: 0;
    width: 100%;
    border-bottom: none;
}

.ThongTinTongHop .list_chuyenmuc li ul li:hover {
    background: var(--white)5F5;
}

/************************************************************************************************************************************************/
/*****************************************************TRANG CHỦ - SELECT 2 OPTION***********************************************************/
/************************************************************************************************************************************************/
.select2-container--default .select2-results>.select2-results__options {
    border-radius: 4px;
    background: var(--white);
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.15);
    padding: 5px 0px;
}

@-moz-document url-prefix() {
    .select2-container--default .select2-results>.select2-results__options {
        scrollbar-color: var(--template-scrollbar-1) transparent;
        scrollbar-width: thin;
    }
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    border-radius: 999px;
    -webkit-border-radius: 999px;
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 999px;
    -webkit-border-radius: 999px;
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb {
    background-color: var(--template-scrollbar-1);
    border-radius: 999px;
    -webkit-border-radius: 999px;
}

.select2-container--default .select2-results>.select2-results__options>.select2-results__option {
    color: var(--body);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    /* 150% */
    padding: 5px 15px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: var(--white)5F5;
    color: var(--body);
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    outline: none;
}

.select2-dropdown {
    border: 1px solid var(--bs-border-color) !important;
    border-radius: 4px;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: var(--bs-border-width) solid var(--bs-border-color) !important;
    border-radius: 4px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--primary) !important;
    color: var(--white) !important;
}

.select2-container--open .select2-dropdown--above,
.select2-container--open .select2-dropdown--below {
    border-radius: 4px !important;
}

/************************************************************************************************************************************************/
/*****************************************************TRANG CHỦ - TABLE OPTION***********************************************************/
/************************************************************************************************************************************************/
table {
    width: 100% !important;
}

.table {
    border: none
}

table thead tr {
    border: 0;
    background: #F6F6F6;
}

table.blue-table thead tr {
    border: 1px solid var(--template-background-5);
    background: #E1F1FF;
}

table thead tr th {
    padding: 8px 16px !important;
    color: var(--body) !important;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 600 !important;
    line-height: 1.42;
    /* 142.857% */
    background: var(--bg-blue-gray-lighter) !important;
    border: none !important;
}

table thead tr th {
    /* border: 1px solid var(--border-tertiary) !important; */
    border-bottom: 0 !important;
}

table.table-bordered thead tr th,
table[border] thead tr th {
    border: 1px solid var(--border-tertiary) !important;
}

table[border="0"] thead tr th {
    border: 0 !important;
}

table.blue-table thead tr th {
    border: 1px solid var(--template-background-5) !important;
}

/* table tbody tr {
    border: 1px solid #E0E0E0;
} */

table tbody>tr:first-of-type td {
    border-top: 0 !important;
}

table.blue-table tbody tr {
    border: 1px solid var(--template-background-5);
}

table tbody tr td {
    color: var(--body) !important;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 1.57;
    /* 157.143% */
    padding: 12px 16px !important;
    background: none !important;
    border: none !important;
}

table tbody tr td a {
    color: var(--blue) !important;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 1.57;
    /* 157.143% */
}

table tbody tr td {
    /* border: 1px solid #E0E0E0 !important; */
    width: auto !important;
}

table.table-bordered tbody tr td,
table[border] tbody tr td {
    border: 1px solid var(--border-tertiary) !important;
}

table[border="0"] tbody tr td {
    border: 0 !important;
}

table .tr_firstparent {
    border-bottom: 1px solid var(--template-background-5);
    background: #BDDFFF;
    padding: 8px 24px;
}

table .tr_firstparent td {
    color: var(--body);
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.44;
    /* 144.444% */
}

table .tr_secondparent {
    border-bottom: 1px solid var(--template-background-5);
    background: #E1F1FF;
    padding: 8px 24px;
}

table .tr_secondparent td {
    color: var(--body);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;
    /* 150% */
}

table .money_text {
    color: var(--blue) !important;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    /* 150% */
}

.report-table table tbody tr th {
    padding: 8px 16px !important;
    border: 0 !important;
    font-weight: 600 !important;
    background-color: var(--bg-blue-gray-lighter);
}

.report-table table tbody tr th:first-child {
    border-left: 1px solid #E0E0E0 !important;
}

.report-table table tbody tr th:last-child {
    border-right: 1px solid #E0E0E0 !important;
}

.report-table table .numCol {
    text-align: center;
}

/************************************************************************************************************************************************/
/*****************************************************TRANG CHỦ - VĂN BẢN***********************************************************/
/************************************************************************************************************************************************/
.Vanban table tbody tr td {
    padding: 5px 12px !important;
}

.Vanban table tbody tr td:first-child span:first-child {
    color: var(--primary);
    font-weight: 500;
}

.Vanban .showmore {
    width: 100%;
    text-decoration-line: none !important;
    background: var(--bg-blue-gray-lighter);
    display: flex;
    padding: 8px 16px;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    border-width: 0 1px 1px 1px;
    border-style: solid;
    border-color: var(--border-tertiary);
}

.group-button {
    display: flex;
    justify-content: center;
    align-items: center;
}

div[class*="ModGopYDuThaoVBPL"] .group-button {
    gap: 8px 20px;
    align-items: center;
    flex-wrap: wrap;
}

/* .DnnModule-GopYDuThaoVBPL .dnnForm h4 {
    display: none;
} */

.title_head1 h2 a:hover {
    color: var(--primary) !important;
}

.title_head1~.title_head1 h2 a:hover {
    color: var(--danger) !important;
}

.viewDetailVBPL .Title {
    /* font-family: var(--font-family-literata); */
    font-family: var(--font-family-inter);
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 2rem;
    display: block;
    margin-bottom: 1rem;
}

.Title_miniblue {
    color: var(--primary);
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5;
    /* 150% */
    margin-bottom: 0.5rem;
}

.boxGopY {
    border-radius: 10px;
    border: 1px solid var(--border-tertiary);
    background: var(--bg-blue-gray-lighter);
    padding: 1.5rem;
    margin-bottom: 0;
}

.boxGopY .Title {
    color: var(--primary);
    font-size: 22px;
    font-weight: 600;
    line-height: 1.6;
    margin-bottom: 1rem;
}

.boxGopY .form-group {
    margin-bottom: 1rem;
}

.boxGopY .form-group label {
    font-size: 0.875rem;
    margin-top: 0;
    margin-bottom: 8px;
    line-height: 1.5;
    max-height: unset;
}

.boxGopY .form-group textarea {
    border-radius: 4px;
    border: 1px solid var(--border-tertiary);
    background: var(--white);
    padding: 8px 16px;
    color: var(--body);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    outline: none;
    width: 100%;
    margin-left: 0;
}

.dnnForm .boxGopY input.dnnFormRequired,
.dnnForm .boxGopY select.dnnFormRequired {
    margin-left: 0;
    border-left-width: 2px;
}

.boxGopY .form-group .dnnFormError {
    display: none;
}

.Title_miniyellow {
    /* font-family: var(--font-family-literata); */
    font-family: var(--font-family-inter);
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.75rem;
    padding-bottom: 1rem;
    display: block;
    padding-top: 1.5rem;
    margin-top: 1.5rem;
    margin-bottom: 0;
    border-top: 1px solid var(--border-tertiary);
}

.viewDetailVBPL ul {
    padding-left: 0 !important;
}

.viewDetailVBPL ul li {
    padding-bottom: 0 !important;
}

.viewDetailVBPL ul li:not(:last-of-type) {
    margin-bottom: 12px;
}

.viewDetailVBPL ul li a {
    color: var(--body);
}

div[class*="ModVanBanQuyPhamPhapLuat"] table tbody tr td {
    padding: 12px 16px !important
}

div[class*="ModVanBanQuyPhamPhapLuat"] table tbody tr td a {
    color: var(--body) !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
}

div[class*="ModVanBanQuyPhamPhapLuat"] table tbody tr td a.text-bold {
    font-weight: 600;
}

div[class*="ModVanBanQuyPhamPhapLuat"] table tbody tr td a.text-blue {
    color: var(--primary) !important;
}

div[class*="ModVanBanQuyPhamPhapLuat"] table tbody tr td .SoKH {
    color: var(--primary) !important;
    font-weight: 600;
}

div[class*="ModVanBanQuyPhamPhapLuat"] table tbody tr td p.list-group-item-text {
    margin-bottom: 0;
}

/************************************************************************************************************************************************/
/*****************************************************TRANG CHỦ - ĐA PHƯƠNG TIỆN***********************************************************/
/************************************************************************************************************************************************/
.media_exclusive .tab_media {
    padding: 12px 0 0 0;
    border-top: 2px solid #FF8E8E;
    margin-bottom: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.media_exclusive h4 a {
    display: flex;
    align-items: center;
    text-align: left;
    gap: 8px;
    color: var(--danger) !important;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;
    /* 181.818% */
}

.media_exclusive .tab-link ul {
    display: flex;
    align-items: center;
    gap: 30px;
}

.media_exclusive .tab-link ul li a {
    display: flex;
    align-items: center;
    color: var(--body);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;
    gap: 10px;
}

.DaPhuongTien .slider-main {
    width: 100%;
    height: 550px;
}

.DaPhuongTien .slider-nav {
    margin-bottom: 40px;
}

.DaPhuongTien .slider-main .slick-slide {
    position: relative;
    height: 550px;
}

.DaPhuongTien .slider-main .slick-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
    position: relative;
}

.slick-slide .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 50%, rgba(0, 0, 0, 0.80) 100%);
}

.DaPhuongTien .slider-main .slick-slide .caption {
    cursor: pointer;
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 30px 36px;
    display: flex;
    gap: 20px;
    align-items: center;
}

.DaPhuongTien .slider-main .slick-slide .caption .Title a {
    overflow: hidden;
    color: var(--white) !important;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.3;
    /* 100% */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.DaPhuongTien .slider-main .slick-dots {
    position: absolute;
    bottom: 15px;
    display: flex;
    justify-content: center;
    width: 100%;
    gap: 10px;
}

.DaPhuongTien .slider-main .slick-dots li {
    width: 6px;
    height: 6px;
    background: rgba(255, 255, 255, 0.50);
    border-radius: 50%;
}

.DaPhuongTien .slider-main .slick-dots li.slick-active {
    width: 30px;
    height: 6px;
    border-radius: 10px;
    background: var(--white);
}

.slick-dots li button {
    width: 0;
    height: 0;
    padding: 0;
    border: 0;
    font-size: 0;
}

.slick-dots li button:before {
    content: none !important
}

.DaPhuongTien .slider-main .iframe-ytb .video-container {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    border-radius: 10px;
    overflow: hidden;
}

.DaPhuongTien .slider-main .iframe-ytb .video-container video {
    background: #000;
}

.DaPhuongTien .slider-nav {
    padding-top: 15px;
}

.DaPhuongTien .slider-nav .slick-list {
    margin: 0 -15px;
}

.DaPhuongTien .slider-nav .slick-track .slick-slide {
    margin: 0 15px;
    position: relative;
}

.DaPhuongTien .slider-nav .slick-track .thumbnail img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: 10px;
    position: relative;
}

.DaPhuongTien .slider-nav .slick-slide .caption {
    position: absolute;
    bottom: 0;
    width: calc(100% - 20px);
    padding: 10px;
    display: flex;
    gap: 10px;
    align-items: center;
}

div[class*="videoDuration"] {
    position: absolute;
    top: 8px;
    right: 8px;
    color: var(--white);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    border-radius: 4px;
    background: rgba(0, 0, 0, 0.60);
    padding: 3px 6px;
}

.slick-slide .caption>svg {
    flex-shrink: 0;
    cursor: pointer;
}

.DaPhuongTien .slider-nav .slick-slide .caption .Title a {
    overflow: hidden;
    color: var(--white) !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.37;
    /* 137.5% */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

/************************************************************************************************************************************************/
/*****************************************************TRANG CHỦ - SLIDER BANNER***********************************************************/
/************************************************************************************************************************************************/
section[class*="banner_tool"] #owl-tintucdemo .item img {
    object-fit: none;
    border-radius: 10px;
}

section[class*="banner_tool"] #owl-tintucdemo .owl-item .item .content_news {
    display: none;
}

section[class*="banner_tool"] #owl-tintucdemo {
    position: relative;
}

section[class*="banner_tool"] #owl-tintucdemo .owl-nav>button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

section[class*="banner_tool"] #owl-tintucdemo .owl-nav>.owl-prev {
    left: 8px;
}

section[class*="banner_tool"] #owl-tintucdemo .owl-nav>.owl-next {
    right: 12px;
}

/************************************************************************************************************************************************/
/*****************************************************TRANG CHỦ - BANNER DOANH NGHIỆP***********************************************************/
/************************************************************************************************************************************************/
.list_QuangCao .view_list_QuangCao ul li {
    border-radius: 10px;
    overflow: hidden;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    height: auto;
    margin: 0;
    width: auto;
}

.list_QuangCao .view_list_QuangCao ul li:hover {
    background-color: transparent;
}

.DanhChoDN>div>div {
    margin-bottom: 15px;
}

.list_QuangCao .view_list_QuangCao ul {
    display: flex;
    gap: 10px;
    justify-content: space-evenly;
}

.DanhChoDN>div>div:first-child .list_QuangCao .view_list_QuangCao ul li {
    width: calc(100% / 4 - (30px / 4)) !important;
    height: 80px;
}

.DanhChoDN>div>div:nth-child(2) .list_QuangCao .view_list_QuangCao ul li {
    width: calc(100% / 5 - (40px / 5)) !important;
    height: 70px;
}

.list_QuangCao .view_list_QuangCao ul li input {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/************************************************************************************************************************************************/
/*****************************************************TRANG THÀNH PHẦN - ĐA PHƯƠNG TIỆN***********************************************************/
/************************************************************************************************************************************************/

.mainMedia {
    background: #F6F6F6;
    padding: 20px 0;
    margin-bottom: 30px;
}

.main_media .video-main {
    position: relative;
    overflow: hidden;
    margin-bottom: 1rem;
    cursor: pointer;
    aspect-ratio: 16 / 9;
    /* height: 600px; */
}

.main_media .video-main img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.main_media .iframe-ytb .video-container {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    border-radius: 10px;
    overflow: hidden;
}

.main_media .iframe-ytb .video-container video {
    background: #000;
}

.main_media .play-action {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    cursor: pointer;
}

.main_media .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.20) 50%, rgba(0, 0, 0, 0.20) 100%)
}

.main_media .caption .Title,
.main_media .caption .Title a {
    /* font-family: var(--font-family-literata); */
    font-family: var(--font-family-inter);
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 2rem;
    margin-bottom: 0.75rem;
}

.main_media .caption .date {
    color: var(--text-gray-dark);
}

/* .main_media .caption .date::before {
    content: "";
    width: 16px;
    height: 16px;
    display: block;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none"><g clip-path="url(%23clip0_2817_25092)"><path d="M14.878 4.44909C14.7895 2.97756 13.5608 1.82469 12.0808 1.82469H11.3603V1.26464C11.3603 1.11611 11.3013 0.973655 11.1963 0.868625C11.0913 0.763595 10.9488 0.70459 10.8003 0.70459C10.6517 0.70459 10.5093 0.763595 10.4043 0.868625C10.2992 0.973655 10.2402 1.11611 10.2402 1.26464V1.82469H5.75981V1.26464C5.75981 1.11611 5.70081 0.973655 5.59578 0.868625C5.49075 0.763595 5.3483 0.70459 5.19976 0.70459C5.05123 0.70459 4.90878 0.763595 4.80375 0.868625C4.69872 0.973655 4.63971 1.11611 4.63971 1.26464V1.82469H3.91921C2.43899 1.82469 1.21024 2.97756 1.12203 4.44909C0.955974 7.21687 0.959054 10.0244 1.13127 12.7936C1.21864 14.1999 2.34518 15.3264 3.75147 15.4138C5.16084 15.5014 6.58029 15.5451 7.99974 15.5451C9.41891 15.5451 10.8386 15.5014 12.248 15.4138C13.6543 15.3264 14.7808 14.1999 14.8682 12.7936C15.0407 10.0258 15.0438 7.21855 14.878 4.44909ZM13.7506 12.7241C13.7247 13.1325 13.5507 13.5174 13.2614 13.8067C12.9721 14.096 12.5872 14.27 12.1788 14.2959C9.40603 14.4681 6.59401 14.4681 3.8212 14.2959C3.41284 14.27 3.02796 14.096 2.73862 13.8067C2.44929 13.5174 2.27536 13.1325 2.24941 12.7241C2.11814 10.5871 2.08852 8.44498 2.16064 6.3051H13.8397C13.9102 8.4445 13.8831 10.5959 13.7506 12.7241ZM5.19976 4.0649C5.3483 4.0649 5.49075 4.00589 5.59578 3.90086C5.70081 3.79583 5.75981 3.65338 5.75981 3.50485V2.9448H10.2402V3.50485C10.2402 3.65338 10.2992 3.79583 10.4043 3.90086C10.5093 4.00589 10.6517 4.0649 10.8003 4.0649C10.9488 4.0649 11.0913 4.00589 11.1963 3.90086C11.3013 3.79583 11.3603 3.65338 11.3603 3.50485V2.9448H12.0808C12.9694 2.9448 13.7069 3.63506 13.7599 4.51602C13.773 4.73836 13.7786 4.9621 13.7896 5.185H2.21049C2.22169 4.9621 2.22701 4.73836 2.24017 4.51602C2.2931 3.63506 3.0304 2.9448 3.91921 2.9448H4.63971V3.50485C4.63971 3.65338 4.69872 3.79583 4.80375 3.90086C4.90878 4.00589 5.05123 4.0649 5.19976 4.0649Z" fill="%230765E3"/><path d="M5.19982 9.66551C5.66378 9.66551 6.0399 9.28939 6.0399 8.82543C6.0399 8.36147 5.66378 7.98535 5.19982 7.98535C4.73586 7.98535 4.35974 8.36147 4.35974 8.82543C4.35974 9.28939 4.73586 9.66551 5.19982 9.66551Z" fill="%230765E3"/><path d="M7.99999 9.66551C8.46395 9.66551 8.84007 9.28939 8.84007 8.82543C8.84007 8.36147 8.46395 7.98535 7.99999 7.98535C7.53603 7.98535 7.15991 8.36147 7.15991 8.82543C7.15991 9.28939 7.53603 9.66551 7.99999 9.66551Z" fill="%230765E3"/><path d="M5.19982 12.4658C5.66378 12.4658 6.0399 12.0897 6.0399 11.6257C6.0399 11.1618 5.66378 10.7856 5.19982 10.7856C4.73586 10.7856 4.35974 11.1618 4.35974 11.6257C4.35974 12.0897 4.73586 12.4658 5.19982 12.4658Z" fill="%230765E3"/><path d="M10.8003 9.66551C11.2642 9.66551 11.6404 9.28939 11.6404 8.82543C11.6404 8.36147 11.2642 7.98535 10.8003 7.98535C10.3363 7.98535 9.96021 8.36147 9.96021 8.82543C9.96021 9.28939 10.3363 9.66551 10.8003 9.66551Z" fill="%230765E3"/><path d="M10.8003 12.4658C11.2642 12.4658 11.6404 12.0897 11.6404 11.6257C11.6404 11.1618 11.2642 10.7856 10.8003 10.7856C10.3363 10.7856 9.96021 11.1618 9.96021 11.6257C9.96021 12.0897 10.3363 12.4658 10.8003 12.4658Z" fill="%230765E3"/><path d="M7.99999 12.4658C8.46395 12.4658 8.84007 12.0897 8.84007 11.6257C8.84007 11.1618 8.46395 10.7856 7.99999 10.7856C7.53603 10.7856 7.15991 11.1618 7.15991 11.6257C7.15991 12.0897 7.53603 12.4658 7.99999 12.4658Z" fill="%230765E3"/></g><defs><clipPath id="clip0_2817_25092"><rect width="16" height="16" fill="white" transform="translate(0 0.5)"/></clipPath></defs></svg>');
} */

/* .video_other .video-list {
    display: flex;
    gap: 1.5rem;
    flex-wrap: wrap;
    margin-left: 0;
    margin-right: 0;
}

.video_other .video-list li {
    flex: 0 0 calc((100% - 1.5rem*3)/4);
    max-width: calc((100% - 1.5rem*3)/4);
    position: relative;
    padding: 0;
}

.video_other .video-list .list_video img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: 10px;
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}

.video_other .video-list .caption {
    position: absolute;
    bottom: 0;
    width: calc(100% - 20px);
    padding: 10px;
    display: flex;
    gap: 10px;
    align-items: center;
}

.video_other .video-list .caption>svg {
    flex-shrink: 0;
    cursor: pointer;
}

.video_other .video-list .caption .Title a {
    overflow: hidden;
    color: var(--white) !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.37;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.video_other .video-list .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 50%, rgba(0, 0, 0, 0.80) 100%);
}

.video_other {
    background: var(--white);
    box-shadow: 0 0 0 100vmax var(--white);
    clip-path: inset(0 -100vmax -20px -100vmax);
    margin-top: 20px;
    padding-top: 30px;
} */

.video_other {
    margin-top: 1.5rem;
    padding-top: 1.5rem;
}

.video_other .video-list li {
    margin-bottom: 1.5rem;
}

.video_other .video-list .caption .Title a {
    -webkit-line-clamp: 2;
}

.video_other .pagination.pagination-customize {
    margin-top: 1rem;
}

/************************************************************************************************************************************************/
/*****************************************************TRANG THÀNH PHẦN - ĐA PHƯƠNG TIỆN - VIDEO***********************************************************/
/************************************************************************************************************************************************/

.slider-list .slick-list {
    margin: 0 -15px;
}

.slider-list .slick-track .slick-slide {
    margin: 0 15px;
    position: relative;
}

.slider-list .slick-track .list_video img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: 10px;
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}

.slider-list .slick-slide .caption {
    position: absolute;
    bottom: 0;
    width: calc(100% - 20px);
    padding: 10px;
    display: flex;
    gap: 10px;
    align-items: center;
}

.slick-slide .caption>svg {
    flex-shrink: 0;
    cursor: pointer;
}

.slider-list .slick-slide .caption .Title a {
    overflow: hidden;
    color: var(--white) !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.37;
    /* 137.5% */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.slick-arrow {
	position: absolute;
	right: 0;
	top: calc(34% - 6px);
	cursor: pointer;
	left: unset;
	background-color: rgba(255,255,255,.5);
	border-radius: 50%;
	width: 35px;
	height: 35px;
	padding: 5px;
	z-index: 1;
}
.slick-arrow:hover {
	background-color: rgba(255,255,255,.9);
}

.slick-prev.slick-arrow {
    left: 8px;
}

.slick-next.slick-arrow {
	right: 8px;
}

.list-image {
    background: #F6F6F6;
    padding: 20px;
}

.list-image ul {
    display: flex;
    gap: 30px 20px;
    flex-wrap: wrap;
}

.list-image ul .album-image {
    flex: 0 0 calc(100%/3 - (40px/3))
}

.list-image ul .album-image .album-lg .image-light {
    margin-bottom: 10px;
}

.list-image ul .album-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
    cursor: pointer;
}

.list-image ul .album-image .title {
    overflow: hidden;
    color: var(--body);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.375;
    /* 137.5% */
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.showmore.showmorev2 {
    width: 100%;
    text-decoration-line: none !important;
    background: #F6F6F6;
    display: flex;
    padding: 6px 10px;
    justify-content: center;
    align-items: center;
}

/************************************************************************************************************************************************/
/*****************************************************TRANG THÀNH PHẦN - ĐA PHƯƠNG TIỆN - HÌNH ẢNH***********************************************************/
/************************************************************************************************************************************************/
.slider-image {
    margin: 0 -15px;
}

.slider-image .slick-track .slick-slide {
    margin: 0 15px;
    position: relative;
}

.slider-image .slick-track .news-image img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: 10px;
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}

.slider-image .slick-slide .caption {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 20px;
    display: flex;
    gap: 10px;
    align-items: center;
}

.slick-slide .caption>svg {
    flex-shrink: 0;
    cursor: pointer;
}

.slider-image .slick-slide .caption .Title {
    overflow: hidden;
    color: var(--white);
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.33;
    /* 133.333% */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.slider-image .slick-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 20px;
}

.slider-image .slick-dots li {
    width: 6px;
    height: 6px;
    background: #ACB7C9;
    border-radius: 50%;
    cursor: pointer;
}

.slider-image .slick-dots li.slick-active {
    width: 30px;
    height: 6px;
    border-radius: 10px;
    background: #EA8F00;
}

.list-image-details ul {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}

.list-image-details ul .album-image {
    flex: 0 0 calc(100%/4 - (90px/4))
}

.list-image-details ul .album-image .album-lg .image-light {
    margin-bottom: 10px;
}

.list-image-details ul .album-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
    cursor: pointer;
}

.list-image-details ul .album-image .title {
    overflow: hidden;
    color: var(--body);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.375;
    /* 137.5% */
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

/************************************************************************************************************************************************/
/*****************************************************TRANG THÀNH PHẦN - BREADCRUM***********************************************************/
/************************************************************************************************************************************************/
.breadcrumb span>span {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.breadcrumb span>span>span>a {
    color: var(--body) !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.42857;
    /* 142.857% */

}

.breadcrumb span>span>span:last-child>a {
    color: var(--danger) !important;
}

/************************************************************************************************************************************************/
/*****************************************************TRANG THÀNH PHẦN - BẢN ĐỒ HÀNH CHÍNH***********************************************************/
/************************************************************************************************************************************************/
.section-inner .Map_Hanhchinh {
    border: none;
    padding: 0;
}

.divMapImage {
    margin-bottom: 10px;
}

.mapData p,
.mapData span {
    color: var(--body) !important;
    font-family: var(--font-family-inter) !important;
    font-style: normal !important;
    line-height: 1.65 !important;
}

.mapData div p:last-child {
    margin-bottom: 0;
}

.TinTieuDiem .Map_Hanhchinh .having_icon h4 {
    padding: 0;
    border: none;
    text-align: center;
}

.TinTieuDiem .Map_Hanhchinh .having_icon h4::before {
    content: none
}

/************************************************************************************************************************************************/
/*****************************************************TRANG THÀNH PHẦN - SIDEBAR***********************************************************/
/************************************************************************************************************************************************/
.ulList,
.menu-m1 ul {
    /*     border-radius: 10px;
    border: 1px solid var(--border-table, #CED8EB);
    background: #F6F6F6; */
    display: flex;
    /*     padding: 15px; */
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
}

.menu-m3>ul.ulList>li,
.menu-m1>ul>li {
    border: none;
    width: 100%;
}

.menu-m3>ul.ulList>li>a,
.menu-m1>ul>li>a {
    color: var(--body);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;
    /* 150% */
    background: none;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 8px;
    position: relative;
    width: 100%;
    position: relative;
    padding-left: 12px;
}

.menu-m3>ul.ulList>li>a::before,
.menu-m1>ul>li>a::before {
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: var(--danger);
    display: block;
    flex-shrink: 0;
    position: absolute;
    left: 0;
    top: 9px;
}

.menu-m3>ul.ulList>li>a::after {
    /* content: ""; */
    width: 12px;
    height: 12px;
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none"><path d="M9.10367 5.6707L3.55332 0.1357C3.37147 -0.0455414 3.07705 -0.0452367 2.8955 0.136638C2.71409 0.318488 2.71456 0.613073 2.89644 0.794455L8.11642 6.00002L2.89625 11.2056C2.7144 11.387 2.71393 11.6814 2.89531 11.8632C2.93849 11.9066 2.98983 11.9411 3.04638 11.9645C3.10292 11.988 3.16355 12.0001 3.22477 12C3.28577 12.0001 3.34619 11.9881 3.40256 11.9648C3.45893 11.9415 3.51016 11.9073 3.55329 11.8642L9.10367 6.32932C9.19126 6.24218 9.24041 6.12358 9.24041 6.00002C9.24041 5.87646 9.19112 5.75801 9.10367 5.6707Z" fill="%23182940"/></svg>');
}

.div-sidebar .information_sidebar .DnnModule {
    margin-bottom: 15px;
}

.div-sidebar .information_sidebar .having_icon h4 {
    /* border-top: none */
}

/************************************************************************************************************************************************/
/*****************************************************TRANG THÀNH PHẦN - PAGER***********************************************************/
/************************************************************************************************************************************************/

.page_size,
#pagelistnumber {
    height: 38px !important;
    max-height: 45px !important;
    position: relative;
    text-align: center !important;
}

.page_size,
#pagelistnumber,
.pagination-number {
    text-align: center !important;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 24px;
}

.page_size a,
#pagelistnumber a {
    font-family: inherit;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.42857;
    color: var(--body) !important;
    border: none;
    background: none;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 2px;
    z-index: 1;
}

.page_size a::before,
#pagelistnumber a::before {
    display: block;
    width: 30px;
    height: 30px;
    flex-shrink: 0;
    background-repeat: no-repeat;
    background-position: center;
}

.page_size a:nth-of-type(1),
.page_size a:nth-of-type(2),
.page_size a:nth-last-of-type(1),
.page_size a:nth-last-of-type(2),
#pagelistnumber a:nth-of-type(1),
#pagelistnumber a:nth-of-type(2),
#pagelistnumber a:nth-last-of-type(1),
#pagelistnumber a:nth-last-of-type(2) {
    font-size: 0 !important;
}

.page_size a:nth-of-type(2)::before,
#pagelistnumber a:nth-of-type(2)::before {
    content: "";
    background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.0834 3.58341C13.2361 3.73919 13.3216 3.94862 13.3216 4.16675C13.3216 4.38487 13.2361 4.59431 13.0834 4.75008L7.8501 10.0001L13.1001 15.2501C13.2356 15.4105 13.3055 15.616 13.296 15.8258C13.2864 16.0355 13.198 16.2339 13.0486 16.3813C12.8991 16.5286 12.6994 16.6142 12.4896 16.6208C12.2798 16.6273 12.0752 16.5545 11.9168 16.4167L6.08343 10.5834C5.93074 10.4276 5.84521 10.2182 5.84521 10.0001C5.84521 9.78195 5.93074 9.57252 6.08343 9.41675L11.9168 3.58341C11.9942 3.50531 12.0864 3.44331 12.1879 3.401C12.2895 3.3587 12.3984 3.33691 12.5084 3.33691C12.6184 3.33691 12.7274 3.3587 12.8289 3.401C12.9305 3.44331 13.0226 3.50531 13.1001 3.58341H13.0834Z" fill="%23182940"/></svg>');
}

.page_size a:nth-of-type(1)::before,
#pagelistnumber a:nth-of-type(1)::before {
    content: "";
    background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.99987 2.50002C4.79514 2.49854 4.59703 2.57248 4.44333 2.70774C4.28963 2.84299 4.1911 3.0301 4.16654 3.23336V16.6667C4.15328 16.8877 4.22836 17.1049 4.37526 17.2706C4.52216 17.4362 4.72886 17.5368 4.94987 17.55C5.17089 17.5633 5.38812 17.4882 5.55377 17.3413C5.71943 17.1944 5.81994 16.9877 5.83321 16.7667V3.33336C5.83321 3.11234 5.74541 2.90038 5.58913 2.7441C5.43285 2.58782 5.22089 2.50002 4.99987 2.50002ZM15.5832 2.75002C15.4409 2.6079 15.252 2.52203 15.0514 2.50824C14.8508 2.49446 14.6519 2.55369 14.4915 2.67502L14.4082 2.74169L7.74154 9.40835C7.59843 9.55217 7.51269 9.74325 7.50042 9.94576C7.48815 10.1483 7.55018 10.3483 7.67487 10.5084L7.74154 10.5917L14.4082 17.2584C14.557 17.4132 14.7597 17.5047 14.9743 17.5137C15.1888 17.5227 15.3985 17.4485 15.5597 17.3067C15.7209 17.1648 15.8211 16.9662 15.8395 16.7523C15.8578 16.5383 15.7929 16.3256 15.6582 16.1584L15.5915 16.075L9.49987 10L15.5832 3.91669C15.7359 3.76091 15.8214 3.55148 15.8214 3.33336C15.8214 3.11523 15.7359 2.9058 15.5832 2.75002Z" fill="%23182940"/></svg>');
}

.page_size a:nth-last-of-type(2)::before,
#pagelistnumber a:nth-last-of-type(2)::before {
    content: "";
    background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.91652 3.58341C6.76383 3.73919 6.67831 3.94862 6.67831 4.16675C6.67831 4.38487 6.76383 4.59431 6.91652 4.75008L12.1582 10.0001L6.90819 15.2501C6.82153 15.3254 6.75137 15.4178 6.70212 15.5216C6.65287 15.6253 6.62559 15.7381 6.62199 15.8529C6.61839 15.9676 6.63855 16.0819 6.6812 16.1885C6.72386 16.2951 6.78808 16.3918 6.86985 16.4724C6.95162 16.553 7.04917 16.6159 7.15638 16.657C7.26359 16.6982 7.37814 16.7167 7.49285 16.7115C7.60756 16.7062 7.71995 16.6774 7.82297 16.6266C7.92599 16.5759 8.01742 16.5045 8.09152 16.4167L13.9249 10.5834C14.0775 10.4276 14.1631 10.2182 14.1631 10.0001C14.1631 9.78195 14.0775 9.57252 13.9249 9.41675L8.09152 3.58341C8.01405 3.50531 7.92188 3.44331 7.82034 3.401C7.71879 3.3587 7.60986 3.33691 7.49985 3.33691C7.38984 3.33691 7.28092 3.3587 7.17937 3.401C7.07782 3.44331 6.98566 3.50531 6.90819 3.58341H6.91652Z" fill="%23182940"/></svg>');
}

.page_size a:nth-last-of-type(1)::before,
#pagelistnumber a:nth-last-of-type(1)::before {
    content: "";
    background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.9999 2.50002C15.2047 2.49854 15.4028 2.57248 15.5565 2.70774C15.7102 2.84299 15.8087 3.0301 15.8333 3.23336V16.6667C15.8465 16.8877 15.7714 17.1049 15.6245 17.2706C15.4776 17.4362 15.2709 17.5368 15.0499 17.55C14.8289 17.5633 14.6117 17.4882 14.446 17.3413C14.2804 17.1944 14.1799 16.9877 14.1666 16.7667V3.33336C14.1666 3.11234 14.2544 2.90038 14.4107 2.7441C14.567 2.58782 14.7789 2.50002 14.9999 2.50002ZM4.4166 2.75002C4.55735 2.60885 4.74405 2.52281 4.94282 2.50752C5.14158 2.49223 5.33924 2.5487 5.49993 2.66669L5.58326 2.73336L12.2499 9.40002C12.393 9.54383 12.4788 9.73491 12.491 9.93743C12.5033 10.1399 12.4413 10.34 12.3166 10.5L12.2499 10.5834L5.58326 17.25C5.43452 17.4049 5.23174 17.4963 5.0172 17.5054C4.80267 17.5144 4.59293 17.4402 4.43174 17.2983C4.27054 17.1565 4.17032 16.9579 4.15197 16.744C4.13363 16.53 4.19857 16.3172 4.33326 16.15L4.39993 16.0667L10.4999 10L4.4166 3.91669C4.26391 3.76091 4.17838 3.55148 4.17838 3.33336C4.17838 3.11523 4.26391 2.9058 4.4166 2.75002Z" fill="%23182940"/></svg>');
}

.page_size .page_disabled:not(:nth-of-type(1), :nth-of-type(2), :nth-last-of-type(1), :nth-last-of-type(2)),
#pagelistnumber .page_selected:not(:nth-of-type(1), :nth-of-type(2), :nth-last-of-type(1), :nth-last-of-type(2)) {
    background: var(--blue);
    border-radius: 4px;
    color: var(--white) !important;
}

.page_size select[id*="ddlpPageSize"] {
    padding: 4px 8px !important;
    width: 80px !important;
    border-radius: 4px;
    border: 1px solid var(--border-tertiary);
    font-size: 16px;
    line-height: 1.5;
    color: var(--body);
    margin: 0 0 0 8px;
    box-shadow: none;
    appearance: none;
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="mask0_779_5259" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24"><rect x="24" width="24" height="24" transform="rotate(90 24 0)" fill="%23D9D9D9"/></mask><g mask="url(%23mask0_779_5259)"><path d="M12 12.9462L16.0731 8.87309C16.2116 8.73462 16.3856 8.66379 16.5952 8.66059C16.8048 8.65737 16.982 8.7282 17.1269 8.87309C17.2718 9.01795 17.3442 9.19359 17.3442 9.39999C17.3442 9.60639 17.2718 9.78202 17.1269 9.92689L12.6327 14.4211C12.5391 14.5147 12.4404 14.5807 12.3365 14.6192C12.2327 14.6577 12.1205 14.6769 12 14.6769C11.8795 14.6769 11.7673 14.6577 11.6635 14.6192C11.5596 14.5807 11.4609 14.5147 11.3673 14.4211L6.87311 9.92689C6.73465 9.78844 6.66381 9.6144 6.66061 9.40479C6.6574 9.19519 6.72823 9.01795 6.87311 8.87309C7.01798 8.7282 7.19361 8.65576 7.40001 8.65576C7.60641 8.65576 7.78205 8.7282 7.92691 8.87309L12 12.9462Z" fill="black"/></g></svg>');
    background-repeat: no-repeat;
    background-position: 98% center;
    outline: none;
}

.paginationjs-pages ul,
.pagination.pagination-customize {
    display: flex;
    flex-wrap: wrap;
    margin-top: 40px;
    justify-content: flex-end;
}

.pagination.pagination-customize {
    gap: 4px;
    justify-content: center;
}

.paginationjs-pages ul li,
.pagination.pagination-customize li.page-item {
    display: flex;
    width: 30px;
    height: 30px;
    padding: 8px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 4px;
    cursor: pointer;
}

.pagination.pagination-customize li.page-item {
    display: flex;
    min-width: 30px;
    width: auto;
    height: 30px;
    padding: 8px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.pagination.pagination-customize li.page-item a.page-link {
    display: block;
    padding: 0;
    width: 100%;
    border: none;
    text-align: center;
    color: var(--body) !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.42;
    letter-spacing: 0.1px;
    margin: 0 auto;
}

.pagination.pagination-customize li.page-item a.page-link:hover,
.pagination.pagination-customize li.page-item a.page-link:focus {
    box-shadow: none;
    background-color: transparent;
}

.pagination.pagination-customize li.page-item.active,
.pagination.pagination-customize li.page-item.active a.page-link {
    color: var(--white) !important;
    background-color: var(--primary) !important;
    pointer-events: none;
    cursor: none;
}

.paginationjs-pages ul li.active,
.pagination.pagination-customize li.page-item.active {
    border-radius: 4px;
    background: var(--primary);
}

.pagination.pagination-customize li.page-item.active a.page_link {
    background-color: var(--primary) !important;
}

.paginationjs-pages ul li a,
.pagination.pagination-customize li.page-item .page_link {
    color: var(--body) !important;
    /* Roboto/Label/Large */

    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.42;
    /* 142.857% */
    letter-spacing: 0.1px;
}

.paginationjs-pages ul li.active a {
    color: var(--white) !important;
    pointer-events: none;
}

.pagination.pagination-customize li.page-item.disabled {
    pointer-events: none;
    cursor: none;

}

.paginationjs-pages .paginationjs-prev a,
.paginationjs-pages .paginationjs-next a,
.pagination.pagination-customize li.page-item.first-page i,
.pagination.pagination-customize li.page-item.prev-page i,
.pagination.pagination-customize li.page-item.next-page i,
.pagination.pagination-customize li.page-item.last-page i {
    font-size: 0;
}

.paginationjs-pages .paginationjs-prev a::after,
.pagination.pagination-customize li.page-item.prev-page i::after {
    display: block;
    width: 30px;
    height: 30px;
    flex-shrink: 0;
    background-repeat: no-repeat;
    background-position: center;
    content: "";
    background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.0834 3.58341C13.2361 3.73919 13.3216 3.94862 13.3216 4.16675C13.3216 4.38487 13.2361 4.59431 13.0834 4.75008L7.8501 10.0001L13.1001 15.2501C13.2356 15.4105 13.3055 15.616 13.296 15.8258C13.2864 16.0355 13.198 16.2339 13.0486 16.3813C12.8991 16.5286 12.6994 16.6142 12.4896 16.6208C12.2798 16.6273 12.0752 16.5545 11.9168 16.4167L6.08343 10.5834C5.93074 10.4276 5.84521 10.2182 5.84521 10.0001C5.84521 9.78195 5.93074 9.57252 6.08343 9.41675L11.9168 3.58341C11.9942 3.50531 12.0864 3.44331 12.1879 3.401C12.2895 3.3587 12.3984 3.33691 12.5084 3.33691C12.6184 3.33691 12.7274 3.3587 12.8289 3.401C12.9305 3.44331 13.0226 3.50531 13.1001 3.58341H13.0834Z" fill="%23182940"/></svg>');
}

.pagination.pagination-customize li.page-item.first-page i::after {
    display: block;
    width: 30px;
    height: 30px;
    flex-shrink: 0;
    background-repeat: no-repeat;
    background-position: center;
    content: "";
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M5.00085 2.50002C4.79612 2.49854 4.59801 2.57248 4.44431 2.70774C4.29061 2.84299 4.19208 3.0301 4.16752 3.23336V16.6667C4.15425 16.8877 4.22933 17.1049 4.37624 17.2706C4.52314 17.4362 4.72984 17.5368 4.95085 17.55C5.17186 17.5633 5.38909 17.4882 5.55475 17.3413C5.72041 17.1944 5.82092 16.9877 5.83418 16.7667V3.33336C5.83418 3.11234 5.74638 2.90038 5.5901 2.7441C5.43382 2.58782 5.22186 2.50002 5.00085 2.50002ZM15.5842 2.75002C15.4419 2.6079 15.253 2.52203 15.0524 2.50824C14.8518 2.49446 14.6529 2.55369 14.4925 2.67502L14.4092 2.74169L7.74252 9.40835C7.5994 9.55217 7.51367 9.74325 7.5014 9.94576C7.48912 10.1483 7.55115 10.3483 7.67585 10.5084L7.74252 10.5917L14.4092 17.2584C14.5579 17.4132 14.7607 17.5047 14.9752 17.5137C15.1898 17.5227 15.3995 17.4485 15.5607 17.3067C15.7219 17.1648 15.8221 16.9662 15.8405 16.7523C15.8588 16.5383 15.7939 16.3256 15.6592 16.1584L15.5925 16.075L9.50085 10L15.5842 3.91669C15.7369 3.76091 15.8224 3.55148 15.8224 3.33336C15.8224 3.11523 15.7369 2.9058 15.5842 2.75002Z" fill="%23182940"/></svg>');
}

.paginationjs-pages .paginationjs-next a::after,
.pagination.pagination-customize li.page-item.next-page i::after {
    display: block;
    width: 30px;
    height: 30px;
    flex-shrink: 0;
    background-repeat: no-repeat;
    background-position: center;
    content: "";
    background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.91652 3.58341C6.76383 3.73919 6.67831 3.94862 6.67831 4.16675C6.67831 4.38487 6.76383 4.59431 6.91652 4.75008L12.1582 10.0001L6.90819 15.2501C6.82153 15.3254 6.75137 15.4178 6.70212 15.5216C6.65287 15.6253 6.62559 15.7381 6.62199 15.8529C6.61839 15.9676 6.63855 16.0819 6.6812 16.1885C6.72386 16.2951 6.78808 16.3918 6.86985 16.4724C6.95162 16.553 7.04917 16.6159 7.15638 16.657C7.26359 16.6982 7.37814 16.7167 7.49285 16.7115C7.60756 16.7062 7.71995 16.6774 7.82297 16.6266C7.92599 16.5759 8.01742 16.5045 8.09152 16.4167L13.9249 10.5834C14.0775 10.4276 14.1631 10.2182 14.1631 10.0001C14.1631 9.78195 14.0775 9.57252 13.9249 9.41675L8.09152 3.58341C8.01405 3.50531 7.92188 3.44331 7.82034 3.401C7.71879 3.3587 7.60986 3.33691 7.49985 3.33691C7.38984 3.33691 7.28092 3.3587 7.17937 3.401C7.07782 3.44331 6.98566 3.50531 6.90819 3.58341H6.91652Z" fill="%23182940"/></svg>');
}

.pagination.pagination-customize li.page-item.last-page i::after {
    display: block;
    width: 30px;
    height: 30px;
    flex-shrink: 0;
    background-repeat: no-repeat;
    background-position: center;
    content: "";
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M14.9994 2.50002C15.2042 2.49854 15.4023 2.57248 15.556 2.70774C15.7097 2.84299 15.8082 3.0301 15.8328 3.23336V16.6667C15.846 16.8877 15.771 17.1049 15.6241 17.2706C15.4771 17.4362 15.2705 17.5368 15.0494 17.55C14.8284 17.5633 14.6112 17.4882 14.4455 17.3413C14.2799 17.1944 14.1794 16.9877 14.1661 16.7667V3.33336C14.1661 3.11234 14.2539 2.90038 14.4102 2.7441C14.5665 2.58782 14.7784 2.50002 14.9994 2.50002ZM4.41611 2.75002C4.55686 2.60885 4.74356 2.52281 4.94233 2.50752C5.14109 2.49223 5.33875 2.5487 5.49944 2.66669L5.58278 2.73336L12.2494 9.40002C12.3926 9.54383 12.4783 9.73491 12.4906 9.93743C12.5028 10.1399 12.4408 10.34 12.3161 10.5L12.2494 10.5834L5.58278 17.25C5.43403 17.4049 5.23125 17.4963 5.01671 17.5054C4.80218 17.5144 4.59245 17.4402 4.43125 17.2983C4.27005 17.1565 4.16983 16.9579 4.15149 16.744C4.13314 16.53 4.19808 16.3172 4.33278 16.15L4.39944 16.0667L10.4994 10L4.41611 3.91669C4.26342 3.76091 4.1779 3.55148 4.1779 3.33336C4.1779 3.11523 4.26342 2.9058 4.41611 2.75002Z" fill="%23182940"/></svg>');
}

.pagination.pagination-customize li.page-item.disabled i::after {
    opacity: 0.3
}

/************************************************************************************************************************************************/
/*****************************************************TRANG THÀNH PHẦN - DANH SÁCH TIN BÀI***********************************************************/
/************************************************************************************************************************************************/

.NoiDungLienQuan .Title {
    color: var(--vng-m, #EA8F00);
    text-align: justify;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.44;
    padding-bottom: 5px;
    margin-bottom: 15px;
    margin-top: 15px;
    border-bottom: 1px solid var(--border-table, #CED8EB);
}

.NoiDungLienQuan {
    margin-top: 15px;
}

.NoiDungLienQuan .CMLienQuan {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.NoiDungLienQuan .CMLienQuan li {
    display: list-item;
    list-style: disc;
    margin-left: 15px;
    position: relative;
}

.NoiDungLienQuan .CMLienQuan li::marker {
    font-size: 16px;
    color: var(--blue);
}

.NoiDungLienQuan .CMLienQuan li .CM_info {
    display: flex;
    align-items: center;
    gap: 8px;
}

/************************************************************************************************************************************************/
/*****************************************************TRANG THÀNH PHẦN - CHI TIẾT TIN BÀI***********************************************************/
/************************************************************************************************************************************************/
.ChiTietTinBai {
    position: relative;
}

.ChiTietTinBai .TinBai_GioiThieu .TieuDe {
    margin-bottom: 15px;
}

.ChiTietTinBai .TinBai_GioiThieu .news_title {
    /* font-family: var(--font-family-literata); */
    font-family: var(--font-family-inter);
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 2rem;
    margin-bottom: 0.75rem;
}

.ChiTietTinBai .TinBai_GioiThieu .news_date {
    color: var(--text-gray-dark);
    margin-bottom: 0.75rem;
}

.ChiTietTinBai .TinBai_GioiThieu .new_summary {
    font-weight: 600;
    text-align: justify;
}

.no-summary-detail .ChiTietTinBai .TinBai_GioiThieu .new_summary {
    display: none;
}

.ChiTietTinBai .TinBai_GioiThieu .Media {
    text-align: center;
    margin-bottom: 1rem;
}

.ChiTietTinBai .TinBai_GioiThieu .Media .news_audio {
    margin-bottom: 1rem;
}

.ChiTietTinBai .TinBai_GioiThieu .Media .news_audio audio {
    max-width: 100%;
    width: 600px;
    vertical-align: top;
}

.ChiTietTinBai .TinBai_GioiThieu .Media .news_audio audio:not(:last-of-type) {
    margin-bottom: 1rem;
}

.ChiTietTinBai .TinBai_GioiThieu .Media .news_thumb img {
    max-width: 100%;
    /* width: 100%;
    height: 100%; */
}

.ChiTietTinBai .TinBai_GioiThieu .Media .news_thumb_summary {
    color: var(--primary-dark);
    margin-top: 0.25rem;
}

.ChiTietTinBai .TinBai_ChiTiet .news_content span,
.ChiTietTinBai .TinBai_ChiTiet .news_content p span {
    font-family: var(--font-family-inter) !important;
    font-size: 1rem !important;
    line-height: 1.5;
    white-space: unset !important;
}

.ChiTietTinBai .TinBai_ChiTiet .news_content {
    text-align: justify;
}

.ChiTietTinBai .TinBai_ChiTiet .news_content img,
.ChiTietTinBai .TinBai_ChiTiet .news_content iframe {
    display: inline-block;
    margin: 0 auto;
}

.ChiTietTinBai .TinBai_ChiTiet .news_content table tbody>tr:first-of-type td {
    border-top: 1px solid #E0E0E0 !important;
}

.ChiTietTinBai .TinBai_ChiTiet .news_content table[border="0"] tbody>tr:first-of-type td {
    border-top: 0 !important;
}

.ChiTietTinBai .TinBai_ChiTiet .news_content .news_content_item {
    margin-bottom: 1rem;
}

.ChiTietTinBai .TinBai_ChiTiet .news_content .news_content_item h5 {
    /* font-family: var(--font-family-literata); */
    font-family: var(--font-family-inter);
    font-size: 1.125rem;
    line-height: 1.5rem;
    margin-bottom: 0.5rem;
}

.ChiTietTinBai .TinBai_Media .news_image,
.ChiTietTinBai .TinBai_Media .news_video,
.ChiTietTinBai .TinBai_Media .news_file {
    margin-top: 1rem;
}


.TinBai_Media .news_file {
    overflow: auto;
}

@-moz-document url-prefix() {
    .TinBai_Media .news_file {
        scrollbar-color: var(--template-scrollbar-1) transparent;
        scrollbar-width: thin;
    }
}

.TinBai_Media .news_file::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    border-radius: 999px;
    -webkit-border-radius: 999px;
}

.TinBai_Media .news_file::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 999px;
    -webkit-border-radius: 999px;
}

.TinBai_Media .news_file::-webkit-scrollbar-thumb {
    background-color: var(--template-scrollbar-1);
    border-radius: 999px;
    -webkit-border-radius: 999px;
}

.TinBai_Media .news_file table thead tr th,
.TinBai_Media .news_file table tbody tr td {
    border: 1px solid var(--border-tertiary) !important;
}

.TinBai_Media .news_file table thead tr th {
    border-bottom: 0 !important;
}

.TinBai_Media .news_file table tbody>tr:first-of-type td {
    border-top: 0 !important;
}

.ChiTietTinBai .TinBai_Media .news_video .VideoMeidaTinBai:not(:last-of-type) {
    margin-bottom: 1rem;
}

.ChiTietTinBai .NguonTin_TacQuyen ul {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.ChiTietTinBai .NguonTin_TacQuyen ul li {
    text-align: right;
    font-weight: 600;
}

.ChiTietTinBai .NguonTin_TacQuyen ul li:not(:last-of-type) {
    margin-bottom: 0.5rem;
}

/* .ChiTietTinBai .TinBai_Khac .Title {
    
} */

.ChiTietTinBai .TinBai_Khac {
    padding-top: 40px;
    border-top: 1px solid var(--border-tertiary);
}

.ChiTietTinBai .TinBai_Khac .news_other .list_news li .news_title {}

.ChiTietTinBai .TinBai_Khac .news_other .list_news li .news_title a {
    /* font-family: var(--font-family-literata);
    font-weight: 500; */
    font-family: var(--font-family-inter);
    font-weight: 600;
}

/* .ChiTietTinBai .TinBai_Khac .news_other .list_news {

} */

.ChiTietTinBai .TinBai_Khac .news_other .list_news li:not(:last-of-type) {
    padding-bottom: 0.75rem;
    margin-bottom: 0.75rem;
    border-bottom: 1px solid var(--border-tertiary);
}

.ChiTietTinBai .TinBai_Khac .news_other .list_news li .news_info {
    display: flex;
    align-items: center;
    gap: 8px;
}

.ChiTietTinBai .TinBai_Khac .news_other .list_news li .news_date {
    color: var(--text-tertiary);
    margin-left: 4px;
    display: inline-block;
}

.ChiTietTinBai .TinBai_Khac .news_other .pagination.pagination-customize {
    margin-bottom: 1.5rem;
}

.ChiTietTinBai .TinBai_LienQuan {
    background-color: var(--bg-blue-gray-lighter);
    border: 1px solid var(--border-tertiary);
    padding: 1rem 1.5rem;
    margin-top: 1.5rem;
    margin-bottom: 40px;
}

.ChiTietTinBai .TinBai_LienQuan .Title {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 600;
    padding-bottom: 0.5rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid var(--border-tertiary);
}

.ChiTietTinBai .TinBai_LienQuan ul li {
    padding-left: 1.25rem;
    position: relative;
}

.ChiTietTinBai .TinBai_LienQuan ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    border: 1px solid var(--text-tertiary);
}

.ChiTietTinBai .TinBai_LienQuan ul li:not(:last-of-type) {
    padding-bottom: 0.75rem;
    margin-bottom: 0.75rem;
    border-bottom: 1px solid var(--border-tertiary);
}

.ChiTietTinBai .TinBai_LienQuan ul li a {
    /* font-family: var(--font-family-literata);
    font-weight: 500; */
    font-family: var(--font-family-inter);
    font-weight: 600;
    display: inline-block;
}

.ChiTietTinBai .TinBai_BaiViet {
    display: flex;
}

.ChiTietTinBai .TinBai_BaiViet .Group_TinBai {
    flex-grow: 1;
    max-width: calc(100% - 58px);
}

.ChiTietTinBai .TinBai_BaiViet .TinBai_Info {
    border-radius: 1rem;
    background-color: var(--delicate-yellow);
    padding: 1rem;
    margin-bottom: 1rem;
}

.ChiTietTinBai .TinBai_BaiViet .TinBai_ChiTiet {
    max-width: 100%;
    overflow: auto;
}

@-moz-document url-prefix() {
    .ChiTietTinBai .TinBai_BaiViet .TinBai_ChiTiet {
        scrollbar-color: var(--template-scrollbar-1) transparent;
        scrollbar-width: thin;
    }
}

.ChiTietTinBai .TinBai_BaiViet .TinBai_ChiTiet::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    border-radius: 999px;
    -webkit-border-radius: 999px;
}

.ChiTietTinBai .TinBai_BaiViet .TinBai_ChiTiet::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 999px;
    -webkit-border-radius: 999px;
}

.ChiTietTinBai .TinBai_BaiViet .TinBai_ChiTiet::-webkit-scrollbar-thumb {
    background-color: var(--template-scrollbar-1);
    border-radius: 999px;
    -webkit-border-radius: 999px;
}

.ChiTietTinBai .TinBai_BaiViet .TinBai_ChiTiet img {
    height: auto !important;
    max-width: 100%;
}

.ChiTietTinBai .TinBai_BaiViet .TinBai_Info .news_info_item:not(:last-of-type) {
    margin-bottom: 0.5rem;
}

.ChiTietTinBai .TinBai_BaiViet .TinBai_Info .news_info_item span:first-of-type {
    font-weight: 600;
    margin-right: 0.25rem;
}

.ChiTietTinBai .group-function {
    position: sticky;
    top: 80px;
    left: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: fit-content;
    margin-bottom: 20px;
    margin-right: 20px;
}

.ChiTietTinBai .group-function>div {
    border-radius: 180px;
    border: 1px solid var(--border-table, #CED8EB);
    display: flex;
    padding: 6px;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.ChiTietTinBai .group-function .print,
.ChiTietTinBai .group-function .text-to-speech {
    width: 38px;
    height: 38px;
}

.ChiTietTinBai .group-function .print svg,
.ChiTietTinBai .group-function .text-to-speech svg {
    width: 18px;
}

.ChiTietTinBai .group-function .text-zoom {
    /* font-family: var(--font-family-literata); */
    font-family: var(--font-family-inter);
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.6667;
    /* 166.667% */
}

/* .ChiTietTinBai .group-function .text-to-speech */
.ChiTietTinBai .group-function .zalo-share-button {
    display: none;
}

.ChiTietTinBai .group-function .text-zoom .group-small {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

.ChiTietTinBai .group-function .text-zoom .group-small>div[class*="text"] {
    border-radius: 180px;
    border: 1px solid var(--border-table, #CED8EB);
    padding: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.ChiTietTinBai .TinBai_Media .news_video,.main_media .video-main {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 15px;
    cursor: pointer;
    height: 600px
}

.ChiTietTinBai .TinBai_Media .news_video img,.main_media .video-main img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px
}

.ChiTietTinBai .TinBai_Media .news_video .play-action,.main_media .play-action {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 1;
    cursor: pointer
}

.ChiTietTinBai .TinBai_Media .news_video .overlay,.main_media .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    background: linear-gradient(180deg,rgba(0,0,0,.2) 50%,rgba(0,0,0,.2) 100%)
}

.ChiTietTinBai .TinBai_Media .news_video .iframe-ytb .video-container,.DaPhuongTien .slider-main .iframe-ytb .video-container,.main_media .iframe-ytb .video-container {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    border-radius: 10px;
    overflow: hidden
}

.ChiTietTinBai .TinBai_Media .news_video .iframe-ytb .video-container video,.DaPhuongTien .slider-main .iframe-ytb .video-container video,.main_media .iframe-ytb .video-container video {
    background: #000
}

.MXH_share {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-direction: column;
}

.MXH_share svg {
    cursor: pointer;
}

.MXH_share a img {
    cursor: pointer;
    border-radius: 50%;
}

/************************************************************************************************************************************************/
/*****************************************************TRANG THÀNH PHẦN - TIN BÀI MỘT ẢNH KHÔNG TÓM TẮT***********************************************************/
/************************************************************************************************************************************************/
.TinBaiMotAnh_NoSummary .list_news {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.TinBaiMotAnh_NoSummary .list_news li {
    display: flex;
    gap: 10px;
}

.TinBaiMotAnh_NoSummary .list_news li .item_img_link {
    width: 70px;
    flex-shrink: 0;
}

.TinBaiMotAnh_NoSummary .list_news li img {
    border-radius: 4px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.TinBaiMotAnh_NoSummary .list_news li .news_title a {
    color: var(--body);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.375;
    /* 137.5% */
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-bottom: 4px;
}

.TinBaiMotAnh_NoSummary .list_news li .news_info .news_date {
    color: var(--blue);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    /* 150% */
    display: flex;
    align-items: center;
    gap: 4px;
    margin-bottom: 10px;
}

.TinBaiMotAnh_NoSummary .list_news li .news_info .news_date::before {
    content: "";
    width: 16px;
    height: 16px;
    display: block;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M14.878 3.94861C14.7895 2.47707 13.5608 1.3242 12.0808 1.3242H11.3603V0.764153C11.3603 0.615618 11.3013 0.473167 11.1963 0.368137C11.0913 0.263107 10.9488 0.204102 10.8003 0.204102C10.6517 0.204102 10.5093 0.263107 10.4043 0.368137C10.2992 0.473167 10.2402 0.615618 10.2402 0.764153V1.3242H5.75981V0.764153C5.75981 0.615618 5.70081 0.473167 5.59578 0.368137C5.49075 0.263107 5.3483 0.204102 5.19976 0.204102C5.05123 0.204102 4.90878 0.263107 4.80375 0.368137C4.69872 0.473167 4.63971 0.615618 4.63971 0.764153V1.3242H3.91921C2.43899 1.3242 1.21024 2.47707 1.12203 3.94861C0.955974 6.71638 0.959054 9.52392 1.13127 12.2931C1.21864 13.6994 2.34518 14.8259 3.75147 14.9133C5.16084 15.0009 6.58029 15.0446 7.99974 15.0446C9.41891 15.0446 10.8386 15.0009 12.248 14.9133C13.6543 14.8259 14.7808 13.6994 14.8682 12.2931C15.0407 9.52532 15.0438 6.71806 14.878 3.94861ZM13.7506 12.2236C13.7247 12.632 13.5507 13.0169 13.2614 13.3062C12.9721 13.5955 12.5872 13.7695 12.1788 13.7954C9.40603 13.9676 6.59401 13.9676 3.8212 13.7954C3.41284 13.7695 3.02796 13.5955 2.73862 13.3062C2.44929 13.0169 2.27536 12.632 2.24941 12.2236C2.11814 10.0866 2.08852 7.94449 2.16064 5.80462H13.8397C13.9102 7.94401 13.8831 10.0954 13.7506 12.2236ZM5.19976 3.56441C5.3483 3.56441 5.49075 3.5054 5.59578 3.40037C5.70081 3.29534 5.75981 3.15289 5.75981 3.00436V2.44431H10.2402V3.00436C10.2402 3.15289 10.2992 3.29534 10.4043 3.40037C10.5093 3.5054 10.6517 3.56441 10.8003 3.56441C10.9488 3.56441 11.0913 3.5054 11.1963 3.40037C11.3013 3.29534 11.3603 3.15289 11.3603 3.00436V2.44431H12.0808C12.9694 2.44431 13.7069 3.13457 13.7599 4.01553C13.773 4.23787 13.7786 4.46161 13.7896 4.68451H2.21049C2.22169 4.46161 2.22701 4.23787 2.24017 4.01553C2.2931 3.13457 3.0304 2.44431 3.91921 2.44431H4.63971V3.00436C4.63971 3.15289 4.69872 3.29534 4.80375 3.40037C4.90878 3.5054 5.05123 3.56441 5.19976 3.56441Z" fill="%230765E3"/><path d="M5.19976 9.16551C5.66372 9.16551 6.03983 8.78939 6.03983 8.32543C6.03983 7.86147 5.66372 7.48535 5.19976 7.48535C4.7358 7.48535 4.35968 7.86147 4.35968 8.32543C4.35968 8.78939 4.7358 9.16551 5.19976 9.16551Z" fill="%230765E3"/><path d="M8.00002 9.16551C8.46398 9.16551 8.8401 8.78939 8.8401 8.32543C8.8401 7.86147 8.46398 7.48535 8.00002 7.48535C7.53606 7.48535 7.15994 7.86147 7.15994 8.32543C7.15994 8.78939 7.53606 9.16551 8.00002 9.16551Z" fill="%230765E3"/><path d="M5.19976 11.9653C5.66372 11.9653 6.03983 11.5892 6.03983 11.1252C6.03983 10.6613 5.66372 10.2852 5.19976 10.2852C4.7358 10.2852 4.35968 10.6613 4.35968 11.1252C4.35968 11.5892 4.7358 11.9653 5.19976 11.9653Z" fill="%230765E3"/><path d="M10.8003 9.16551C11.2642 9.16551 11.6404 8.78939 11.6404 8.32543C11.6404 7.86147 11.2642 7.48535 10.8003 7.48535C10.3363 7.48535 9.96021 7.86147 9.96021 8.32543C9.96021 8.78939 10.3363 9.16551 10.8003 9.16551Z" fill="%230765E3"/><path d="M10.8003 11.9653C11.2642 11.9653 11.6404 11.5892 11.6404 11.1252C11.6404 10.6613 11.2642 10.2852 10.8003 10.2852C10.3363 10.2852 9.96021 10.6613 9.96021 11.1252C9.96021 11.5892 10.3363 11.9653 10.8003 11.9653Z" fill="%230765E3"/><path d="M8.00002 11.9653C8.46398 11.9653 8.8401 11.5892 8.8401 11.1252C8.8401 10.6613 8.46398 10.2852 8.00002 10.2852C7.53606 10.2852 7.15994 10.6613 7.15994 11.1252C7.15994 11.5892 7.53606 11.9653 8.00002 11.9653Z" fill="%230765E3"/></svg>');
}

/************************************************************************************************************************************************/
/*****************************************************TRANG CHỦ - CHUYÊN MỤC LOGO LỚN***********************************************************/
/************************************************************************************************************************************************/

.DanhSachChuyenMuc_BigLogo ul {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

.DanhSachChuyenMuc_BigLogo ul li {
    flex: 0 0 calc(100% / 2 - 15px);
    list-style: none;
    display: flex;
    justify-content: center;
    gap: 20px;
}

.DanhSachChuyenMuc_BigLogo ul li .icon_chuyenmuc {
    flex: 0 0 33%;
    flex-shrink: 0;
    border: 1px solid var(--border-table, #CED8EB);
}

.DanhSachChuyenMuc_BigLogo .list_chuyenmuc li a {
    padding: 0
}

.DanhSachChuyenMuc_BigLogo .list_chuyenmuc>li:not(:last-child) {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
}

.DanhSachChuyenMuc_BigLogo .list_chuyenmuc>li>a::before {
    content: none
}

/************************************************************************************************************************************************/
/*****************************************************TRANG THÀNH PHẦN - CÔNG TRÌNH NGHIÊN CỨU KHOA HỌC**********************************************************/
/************************************************************************************************************************************************/

.box-gray-search {
    margin-bottom: 20px;
}

.box-gray-search .Title {
    color: var(--body);
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.44;
    /* 144.444% */
    display: block;
    margin-bottom: 15px;
}

.form-group label {
    color: var(--body);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 4px;
}

.form-group input {
    border-radius: 4px;
    border: 1px solid var(--border-tertiary);
    background: var(--white);
    padding: 8px 16px;
    color: var(--body);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    /* 150% */
    outline: none;
    width: 100%;
}

.form-group input::placeholder {
    color: var(--text-tertiary);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    /* 150% */
}

.form-group .select2-choice {
    color: var(--text-tertiary);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    border-radius: 4px;
    border: 1px solid var(--border-tertiary);
    background: var(--white);
    padding: 8px 16px;
    outline: none;
    margin: 0;
    height: auto;
}

.form-group .select2-container .select2-choice div {
    background: none;
    border: none;
}

.form-group .select2-container .select2-choice div b {
    background: none;
}

.form-group .select2-container .select2-choice div b::after {
    content: "";
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="13" height="12" viewBox="0 0 13 12" fill="none"><g clip-path="url(%23clip0_3457_1514)"><path d="M6.5793 9.10387L12.1143 3.55352C12.2955 3.37166 12.2952 3.07724 12.1134 2.8957C11.9315 2.71429 11.6369 2.71476 11.4555 2.89663L6.24998 8.11662L1.04444 2.89645C0.863032 2.7146 0.568634 2.71413 0.38676 2.89551C0.34336 2.93869 0.308932 2.99003 0.285461 3.04657C0.26199 3.10312 0.249939 3.16375 0.250003 3.22497C0.249927 3.28597 0.261884 3.34639 0.28519 3.40276C0.308495 3.45913 0.342692 3.51035 0.385822 3.55349L5.92068 9.10387C6.00782 9.19145 6.12642 9.2406 6.24998 9.2406C6.37354 9.2406 6.49199 9.19131 6.5793 9.10387Z" fill="%23182940"/></g><defs><clipPath id="clip0_3457_1514"><rect width="12" height="12" fill="white" transform="translate(12.25) rotate(90)"/></clipPath></defs></svg>');
    width: 12px;
    height: 12px;
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 12px;
}

.btn-icon-search {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    width: fit-content;
    padding: 8px 16px;
}

.btn-icon-search::before {
    flex-shrink: 0;
    content: "";
    width: 20px;
    height: 20px;
    display: block;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M9.1152 1.60959C7.12815 1.61293 5.22343 2.40376 3.81837 3.80882C2.4133 5.21388 1.62247 7.1186 1.61914 9.10566C1.6208 11.0944 2.4107 13.0014 3.81576 14.4088C5.22082 15.8162 7.12648 16.6093 9.1152 16.6143C10.879 16.6143 12.5042 15.9938 13.7892 14.9671L16.9105 18.0883C17.0686 18.2354 17.2776 18.3154 17.4934 18.3116C17.7093 18.3078 17.9153 18.2205 18.0682 18.0681C18.2211 17.9156 18.3089 17.7098 18.3133 17.4939C18.3176 17.2781 18.2382 17.0689 18.0916 16.9104L14.9703 13.786C16.0363 12.4602 16.6175 10.81 16.6176 9.10881C16.6176 4.97652 13.2475 1.60959 9.1152 1.60959ZM9.1152 3.27889C12.3467 3.27889 14.9483 5.87731 14.9483 9.10566C14.9483 12.334 12.3467 14.9482 9.1152 14.9482C5.88371 14.9482 3.28528 12.3435 3.28528 9.11196C3.28528 5.88046 5.88371 3.27889 9.1152 3.27889Z" fill="white"/></svg>');
}

.Title-for-table {
    color: var(--blue);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.5;
    /* 150% */
    margin-bottom: 10px;
}

/****************************************************************************************************************/
/***********************************************************************CMS - CHECK BOX / RADIO BOX*************************************************************************/
/****************************************************************************************************************/
[type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

[type="radio"]:checked+label,
[type="radio"]:not(:checked)+label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 24px;
    display: inline-block;
    font-weight: 500 !important;
    margin-bottom: 0;
}

[type="radio"]:checked+label:before,
[type="radio"]:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    width: 20px;
    height: 20px;
    border: 1px solid var(--border-tertiary);
    border-radius: 100%;
    background: var(--white);
}

[type="radio"]:checked+label:before {
    border-color: var(--primary);
}

[type="radio"]:checked+label:after,
[type="radio"]:not(:checked)+label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: var(--primary);
    position: absolute;
    top: 6px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

[type="radio"]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

[type="radio"]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

[type="checkbox"] {
    /* Add if not using autoprefixer */
    -webkit-appearance: none;
    /* Remove most all native input styles */
    appearance: none;
    /* For iOS < 15 */
    background-color: transparent;
    /* Not removed via appearance */
    margin: 0;
    font: inherit;
    color: currentColor;
    width: 100%;
    height: 1.15em;
    /* border: 0.15em solid #C9D7F5; */
    border-radius: 0.15em;
    transform: translateY(-0.075em);
    display: grid;
    place-content: center;
    box-sizing: border-box;
    padding: 0 !important;
    border-radius: 0 !important;
    border: none !important;
    width: 24px;
}

[type="checkbox"]::before {
    content: "";
    width: 24px;
    height: 24px;
    display: block;
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 6.25C3 4.45 4.46 3 6.25 3H17.75C19.55 3 21 4.46 21 6.25V17.75C21 19.55 19.54 21 17.75 21H6.25C5.38805 21 4.5614 20.6576 3.9519 20.0481C3.34241 19.4386 3 18.612 3 17.75V6.25ZM6.25 4.5C5.28 4.5 4.5 5.28 4.5 6.25V17.75C4.5 18.72 5.28 19.5 6.25 19.5H17.75C18.72 19.5 19.5 18.72 19.5 17.75V6.25C19.5 5.28 18.72 4.5 17.75 4.5H6.25Z" fill="%23E2E4E9"/></svg>');
    transition: all 0.2s ease-in-out;
}

[type="checkbox"]:checked::before {
    content: "";
    width: 24px;
    height: 24px;
    display: block;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><mask id="mask0_28_4142" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24"><rect width="24" height="24" fill="%23D9D9D9"/></mask><g mask="url(%23mask0_28_4142)"><path d="M10.6 13.4L8.45 11.25C8.26667 11.0667 8.03333 10.975 7.75 10.975C7.46667 10.975 7.23333 11.0667 7.05 11.25C6.86667 11.4333 6.775 11.6667 6.775 11.95C6.775 12.2333 6.86667 12.4667 7.05 12.65L9.9 15.5C10.1 15.7 10.3333 15.8 10.6 15.8C10.8667 15.8 11.1 15.7 11.3 15.5L16.95 9.85C17.1333 9.66667 17.225 9.43333 17.225 9.15C17.225 8.86667 17.1333 8.63333 16.95 8.45C16.7667 8.26667 16.5333 8.175 16.25 8.175C15.9667 8.175 15.7333 8.26667 15.55 8.45L10.6 13.4ZM5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5Z" fill="%2335C19B"/></g></svg>');
}

[type="checkbox"]:indeterminate::before {
    content: "";
    width: 24px;
    height: 24px;
    display: block;
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7 13H17V11H7V13ZM5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5Z" fill="%235E82D1"/></svg>');
}

[type="checkbox"]:disabled {
    --form-control-color: var(--form-control-disabled);
    color: var(--form-control-disabled);
    cursor: not-allowed;
}

/*****************************************************************************************************************/
/*****************************************************HỘP THƯ GÓP Ý***********************************************/
/*****************************************************************************************************************/
.d-flex-row {
    display: flex;
    flex-direction: row;
    gap: 10px;
}

.d-flex-row .form-group {
    flex: 1;
}

.d-flex-row .form-group input[type="text"] {
    height: 40px;
}

.filter-box {
    border-radius: 10px;
    border: 1px solid var(--border-table, #CED8EB);
    background: #F4F8FF;
    padding: 20px;
    margin-bottom: 15px;
}

table.table-VPUBND {
    border-collapse: separate !important;
    border-spacing: 0;
}

table.table-VPUBND thead tr {
    border: none;
    background-color: transparent;
}

table.table-VPUBND thead tr th {
    border: none !important;
    background-color: var(--blue) !important;
    color: var(--white) !important;
    font-family: Roboto;
    font-size: 14px !important;
    font-style: normal;
    font-weight: 500 !important;
    line-height: 1.57;
    padding: 8px 12px !important;
    border: 1px solid var(--border-table, #CED8EB) !important;
}

table.table-VPUBND thead tr th:not(:first-child) {
    border-left: none !important;
}

table.table-VPUBND thead tr th:first-child {
    border-top-left-radius: 10px;
}

table.table-VPUBND thead tr th:last-child {
    border-top-right-radius: 10px;
}

table.table-VPUBND tbody tr.odd {
    background-color: transparent;
}

table.table-VPUBND tbody tr td {
    padding: 10px 12px !important;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 1.5;
    border: 1px solid var(--border-table, #CED8EB) !important;
    border-top: none !important;
    color: var(--body) !important;
}

table.table-VPUBND tbody tr td a {
    font-weight: 400 !important;
    color: var(--body) !important;
    font-size: 16px !important
}

table.table-VPUBND tbody tr td:not(:last-child) {
    border-right: none !important;
}

table.table-VPUBND tbody tr:last-child td:first-child {
    border-bottom-left-radius: 10px;
}

table.table-VPUBND tbody tr:last-child td:last-child {
    border-bottom-right-radius: 10px;
}

/*****************************************************************************************************************/
/*****************************************************HỘP THƯ GÓP Ý***********************************************/
/*****************************************************************************************************************/

.red-text {
    color: var(--danger) !important;
}

.form-GuiGopY {
    padding: 1.5rem;
    border-radius: 10px;
    background: var(--bg-blue-gray-lighter);
    border: 1px solid var(--border-tertiary);
    /* box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.10); */
    max-width: 800px;
    margin: 0 auto;
}

.form-GuiGopY .title-container {
    margin-bottom: 1rem;
}

.form-GuiGopY .title-container p {
    padding-bottom: 0;
}

.form-GuiGopY .title-container p:not(:last-child) {
    margin-bottom: 1rem;
}

.form-GuiGopY .title-container p.title-top {
    /* font-family: var(--font-family-literata); */
    font-family: var(--font-family-inter);
    color: var(--primary);
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 600;
    text-align: center;
}

.form-GuiGopY .title-container p.title-bottom {
    color: var(--primary);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    display: none;
}

.form-GuiGopY .form-container {}

.form-GuiGopY .form-container .form-group {
    margin-bottom: 1rem;
}

.form-GuiGopY .form-container .form-group input {
    min-height: 40px;
    color: var(--body);
}

.form-GuiGopY .group-radio-wrapper {
    margin-left: 50px;
}

.form-GuiGopY .group-button-action {
    justify-content: flex-end;
}

.form-GuiGopY .group-button-action .btn {
    min-width: 110px;
}

.form-GuiGopY .group-button-action .btn:not(:first-child) {
    margin-left: 0.5rem;
}

.form-GuiGopY .group-button-action .btn.btn-outline-secondary,
.form-GuiGopY .group-button-action .btn.btn-outline-secondary:hover,
.form-GuiGopY .group-button-action .btn.btn-outline-secondary:focus {
    background-color: var(--white);
    border-color: var(--primary);
    color: var(--primary);
}

/*************************************************************************************************************/
/**************************************************LOADING KIT***********************************************************/
/*************************************************************************************************************/
.sk-fading-circle {
    margin: 50px auto;
    width: 40px;
    height: 40px;
    position: relative;
}

.sk-fading-circle .sk-circle {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.sk-fading-circle .sk-circle:before {
    content: '';
    display: block;
    margin: 0 auto;
    width: 15%;
    height: 15%;
    background-color: #333;
    border-radius: 100%;
    -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
    animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
}

.sk-fading-circle .sk-circle2 {
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
}

.sk-fading-circle .sk-circle3 {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
}

.sk-fading-circle .sk-circle4 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.sk-fading-circle .sk-circle5 {
    -webkit-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    transform: rotate(120deg);
}

.sk-fading-circle .sk-circle6 {
    -webkit-transform: rotate(150deg);
    -ms-transform: rotate(150deg);
    transform: rotate(150deg);
}

.sk-fading-circle .sk-circle7 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.sk-fading-circle .sk-circle8 {
    -webkit-transform: rotate(210deg);
    -ms-transform: rotate(210deg);
    transform: rotate(210deg);
}

.sk-fading-circle .sk-circle9 {
    -webkit-transform: rotate(240deg);
    -ms-transform: rotate(240deg);
    transform: rotate(240deg);
}

.sk-fading-circle .sk-circle10 {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}

.sk-fading-circle .sk-circle11 {
    -webkit-transform: rotate(300deg);
    -ms-transform: rotate(300deg);
    transform: rotate(300deg);
}

.sk-fading-circle .sk-circle12 {
    -webkit-transform: rotate(330deg);
    -ms-transform: rotate(330deg);
    transform: rotate(330deg);
}

.sk-fading-circle .sk-circle2:before {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.sk-fading-circle .sk-circle3:before {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
}

.sk-fading-circle .sk-circle4:before {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.sk-fading-circle .sk-circle5:before {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

.sk-fading-circle .sk-circle6:before {
    -webkit-animation-delay: -0.7s;
    animation-delay: -0.7s;
}

.sk-fading-circle .sk-circle7:before {
    -webkit-animation-delay: -0.6s;
    animation-delay: -0.6s;
}

.sk-fading-circle .sk-circle8:before {
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
}

.sk-fading-circle .sk-circle9:before {
    -webkit-animation-delay: -0.4s;
    animation-delay: -0.4s;
}

.sk-fading-circle .sk-circle10:before {
    -webkit-animation-delay: -0.3s;
    animation-delay: -0.3s;
}

.sk-fading-circle .sk-circle11:before {
    -webkit-animation-delay: -0.2s;
    animation-delay: -0.2s;
}

.sk-fading-circle .sk-circle12:before {
    -webkit-animation-delay: -0.1s;
    animation-delay: -0.1s;
}

@-webkit-keyframes sk-circleFadeDelay {

    0%,
    39%,
    100% {
        opacity: 0;
    }

    40% {
        opacity: 1;
    }
}

@keyframes sk-circleFadeDelay {

    0%,
    39%,
    100% {
        opacity: 0;
    }

    40% {
        opacity: 1;
    }
}

/************************************************************************************************************************************************/
/*****************************************************TinBaiVideo***********************************************************/
/************************************************************************************************************************************************/
.video-list {
    display: flex;
    flex-wrap: wrap;
    margin-left: -12px;
    margin-right: -12px;
}

.video-list .list_video {
    padding-left: 12px;
    padding-right: 12px;
    flex: 0 0 25%;
    max-width: 25%;
    position: relative;
}

.video-list .list_video img {
    height: 100%;
    object-fit: cover;
    object-position: center;
    width: 100%;
    border-radius: 8px;
}

.video-list .list_video .videoDuration-0 {
    right: 12px;
    top: 3px;
}

.video-list .list_video .caption svg {
    position: absolute;
    top: 90px;
    left: calc(50% - 12px);
}

.video-list .list_video .caption {
    margin-top: 8px;
}

.video-list .list_video .caption .Title a {
    /* font-family: var(--font-family-literata);
    font-weight: 500; */
    font-family: var(--font-family-inter);
    font-weight: 600;
    color: var(--body);
    line-height: 1.5;
    -webkit-line-clamp: 3;
}

.skins-layout .nav-brand .logo .div_link .language-nav {
    display: flex;
    align-items: center;
}

.skins-layout .nav-brand .logo .div_link .language-nav #currentDate {
    /* font-family: var(--font-family-literata);
    font-weight: 500; */
    font-family: var(--font-family-inter);
    font-weight: 600;
    color: var(--body);
    font-size: 0.875rem;
    line-height: 1.25rem;
    margin-top: 0.5rem;
    margin-left: 5px;
    padding-right: 0.5rem;
    margin-right: 3px;
    border-right: 1px solid var(--template-border-3);
}

/*******************************************************************************************************************************/
/*****************************************************DanhBaDienThoai***********************************************************/
/*******************************************************************************************************************************/

.btn.btn-primary,
.btn.btn-primary:hover,
.btn.btn-primary:focus {
    background-color: var(--primary);
    border-color: var(--primary);
    color: var(--white);
}

.btn.btn-outline-primary,
.btn.btn-outline-primary:hover,
.btn.btn-outline-primary:focus {
    background-color: var(--white);
    border-color: var(--primary);
    color: var(--primary);
}

/*******************************************************************************************************************************/
/*****************************************************ThongTinDuongPho**********************************************************/
/*******************************************************************************************************************************/

.DanhSachChuyenMucDuongPho .filter-form {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-end;
    padding: 1.5rem;
    border-radius: 10px;
    border: 1px solid #E7E7E7;
    background: #F6F6F6;
    margin-bottom: 30px;
}

.DanhSachChuyenMucDuongPho.DanhSachChuyenMucDuongPho_Ver1 .filter-form {
    gap: 10px;
}

.DanhSachChuyenMucDuongPho .filter-group {
    width: calc((100% - 160px) / 2);
}

.DanhSachChuyenMucDuongPho .form-group {
    margin-bottom: 0;
}

.DanhSachChuyenMucDuongPho .filter-button,
.DanhSachChuyenMucDuongPho .filter-button a {
    min-width: 130px;
    flex-shrink: 0;
}

.DanhSachChuyenMucDuongPho .filter-button a,
.DanhSachChuyenMucDuongPho .filter-button a:hover,
.DanhSachChuyenMucDuongPho .filter-button a:focus {
    padding: 8px 16px 8px 36px !important;
    position: relative;
    background-color: #995C00;
    border-color: #995C00;
}

.DanhSachChuyenMucDuongPho .filter-button a:before {
    content: "";
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.DanhSachChuyenMucDuongPho .filter-button a:before {
    background-image: url("../images/ico-search-1.svg");
}

.DanhSachChuyenMucDuongPho .select2-container {
    width: 100% !important;
}

.DanhSachChuyenMucDuongPho .select2-container--default .select2-selection--single {
    margin: 0;
}

.DanhSachChuyenMucDuongPho .select2-container--default .select2-selection--single,
.DanhSachChuyenMucDuongPho .select2-container--default .select2-selection--single .select2-selection__rendered {
    height: auto;
    line-height: 40px;
    color: var(--body);
}

.DanhSachChuyenMucDuongPho .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-left: 1rem;
    padding-right: 1.875rem;
}

.DanhSachChuyenMucDuongPho .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 40px;
    width: 30px;
}

.DanhSachChuyenMucDuongPho-content {
    --spacing: 30px;
    --columns: 4;
    display: flex;
    flex-wrap: wrap;
    margin-left: calc(-1 * var(--spacing));
    margin-bottom: -15px;
}


.DanhSachChuyenMucDuongPho-content .item {
    width: calc(100% / var(--columns) - var(--spacing)) !important;
    margin: 0 !important;
    margin-left: var(--spacing) !important;
    margin-bottom: 15px !important;
    color: var(--blue);
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 500;
}

.DanhSachChuyenMucDuongPho-content .item.item-nodata {
    width: 100% !important;
    text-align: center;
}

.DanhSachChuyenMucDuongPho-content .item .item-title {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    padding-left: 1.5rem;
    position: relative;
}

.DanhSachChuyenMucDuongPho-content .item .item-title:visited {
    color: var(--blue);
}

.DanhSachChuyenMucDuongPho-content .item .item-title:hover {
    color: var(--orange);
}

.DanhSachChuyenMucDuongPho-content .item .item-title:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "\e3e8";
    font-family: FluentSystemIcons;
    font-size: 1.25rem;
    line-height: 1.5rem;
    margin-right: 0.25rem;
    vertical-align: top;
}

.DanhSachChuyenMucDuongPho_Ver1 .filter-form-wrapper {
    display: flex;
    gap: 30px;
    padding: 20px 30px;
    border-radius: 10px;
    border: 1px solid #E7E7E7;
    background: #F6F6F6;
    margin-bottom: 30px;
}


.DanhSachChuyenMucDuongPho_Ver1 .filter-form-wrapper .filter-form {
    width: 60%;
    flex-shrink: 0;
    flex-direction: column;
    justify-content: flex-end;
    padding: 0;
    border-radius: 0;
    border: none;
    background-color: transparent;
    margin-bottom: 0;
}

.DanhSachChuyenMucDuongPho_Ver1 .filter-form-wrapper .filter-form .filter-group {
    width: 100%;
}

.DanhSachChuyenMucDuongPho .keyboard-wrapper {
    padding-top: 25px;
    margin-bottom: -10px;
    display: flex;
    gap: 5px;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-content: flex-start;
}

.DanhSachChuyenMucDuongPho .keyboard-wrapper .number-button {
    color: var(--body);
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 600;
    /* 150% */
    text-transform: uppercase;
    padding: 6px 9px;
    border-radius: 4px;
    border: 1px solid var(--border-tertiary);
    background: #FFF;
    cursor: pointer;
    width: 30px;
    height: 36px;
    text-align: center;
    margin-bottom: 10px;
    transition: all 0.3s ease-in-out;
}

/*.DanhSachChuyenMucDuongPho .keyboard-wrapper .number-button:hover,*/
.DanhSachChuyenMucDuongPho .keyboard-wrapper .number-button.active {
    background: var(--orange);
    color: #FFF;
}

/*********************************************************************************************************************/
/***********************************************TinnBaiTieuDiemNgang**************************************************/
/*********************************************************************************************************************/

.list-tin-bai-tieudiem-ngang img {
    border-radius: 10px;
    width: 100%;
    object-fit: cover
}

.list-tin-bai-tieudiem-ngang .TieuDiem {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #ced8eb
}

.list-tin-bai-tieudiem-ngang .TieuDiem img {
    aspect-ratio: 2.02;
    margin-bottom: 15px
}

.list-tin-bai-tieudiem-ngang .List_news .news_title,
.list-tin-bai-tieudiem-ngang .TieuDiem .news_title {
    margin-bottom: 5px
}

.list-tin-bai-tieudiem-ngang .TieuDiem .news_title a {
    color: var(--body);
    font-family: var(--font-family-inter);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.33
}

.list-tin-bai-tieudiem-ngang .TieuDiem .news_title a:hover,
.list-tin-bai-tieudiem-ngang .List_news .news_title a:hover {
  color: var(--primary);
}

.list-tin-bai-tieudiem-ngang .List_news img {
    aspect-ratio: 1.58
}

.list-tin-bai-tieudiem-ngang .news_info {
    display: flex;
    flex-direction: row
}

.list-tin-bai-tieudiem-ngang .news_info .news_info_left {
    width: 60%;
    flex-shrink: 0;
    margin-right: 20px;
    padding-right: 20px;
    border-right: 1px solid #ced8eb;
}

.list-tin-bai-tieudiem-ngang .news_info .news_info_right .news_summary {
    font-family: var(--font-family-inter);
    color: var(--text-gray-dark);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4
}

.list-tin-bai-tieudiem-ngang .List_news .item_img_wrapper {
    display: block;
    margin-bottom: 10px
}

.list-tin-bai-tieudiem-ngang .List_news .news_title a {
    color: var(--body);
    font-family: var(--font-family-inter);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.5;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.list-tin-bai-tieudiem-ngang .List_news .news_info {
    flex-direction: column;
    margin-top: 10px
}

.list-tin-bai-tieudiem-ngang .news_date {
    font-size: 14px;
    line-height: 20px;
    position: relative;
    display: flex;
    align-items: center;
    gap: 4px;
    color: var(--text-tertiary);
    font-style: normal;
    font-weight: 400
}

.list-tin-bai-tieudiem-ngang .news_date:before {
    content: "";
    width: 16px;
    height: 16px;
    display: block;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M14.878 3.94861C14.7895 2.47707 13.5608 1.3242 12.0808 1.3242H11.3603V0.764153C11.3603 0.615618 11.3013 0.473167 11.1963 0.368137C11.0913 0.263107 10.9488 0.204102 10.8003 0.204102C10.6517 0.204102 10.5093 0.263107 10.4043 0.368137C10.2992 0.473167 10.2402 0.615618 10.2402 0.764153V1.3242H5.75981V0.764153C5.75981 0.615618 5.70081 0.473167 5.59578 0.368137C5.49075 0.263107 5.3483 0.204102 5.19976 0.204102C5.05123 0.204102 4.90878 0.263107 4.80375 0.368137C4.69872 0.473167 4.63971 0.615618 4.63971 0.764153V1.3242H3.91921C2.43899 1.3242 1.21024 2.47707 1.12203 3.94861C0.955974 6.71638 0.959054 9.52392 1.13127 12.2931C1.21864 13.6994 2.34518 14.8259 3.75147 14.9133C5.16084 15.0009 6.58029 15.0446 7.99974 15.0446C9.41891 15.0446 10.8386 15.0009 12.248 14.9133C13.6543 14.8259 14.7808 13.6994 14.8682 12.2931C15.0407 9.52532 15.0438 6.71806 14.878 3.94861ZM13.7506 12.2236C13.7247 12.632 13.5507 13.0169 13.2614 13.3062C12.9721 13.5955 12.5872 13.7695 12.1788 13.7954C9.40603 13.9676 6.59401 13.9676 3.8212 13.7954C3.41284 13.7695 3.02796 13.5955 2.73862 13.3062C2.44929 13.0169 2.27536 12.632 2.24941 12.2236C2.11814 10.0866 2.08852 7.94449 2.16064 5.80462H13.8397C13.9102 7.94401 13.8831 10.0954 13.7506 12.2236ZM5.19976 3.56441C5.3483 3.56441 5.49075 3.5054 5.59578 3.40037C5.70081 3.29534 5.75981 3.15289 5.75981 3.00436V2.44431H10.2402V3.00436C10.2402 3.15289 10.2992 3.29534 10.4043 3.40037C10.5093 3.5054 10.6517 3.56441 10.8003 3.56441C10.9488 3.56441 11.0913 3.5054 11.1963 3.40037C11.3013 3.29534 11.3603 3.15289 11.3603 3.00436V2.44431H12.0808C12.9694 2.44431 13.7069 3.13457 13.7599 4.01553C13.773 4.23787 13.7786 4.46161 13.7896 4.68451H2.21049C2.22169 4.46161 2.22701 4.23787 2.24017 4.01553C2.2931 3.13457 3.0304 2.44431 3.91921 2.44431H4.63971V3.00436C4.63971 3.15289 4.69872 3.29534 4.80375 3.40037C4.90878 3.5054 5.05123 3.56441 5.19976 3.56441Z" fill="%230765E3"/><path d="M5.19976 9.16551C5.66372 9.16551 6.03983 8.78939 6.03983 8.32543C6.03983 7.86147 5.66372 7.48535 5.19976 7.48535C4.7358 7.48535 4.35968 7.86147 4.35968 8.32543C4.35968 8.78939 4.7358 9.16551 5.19976 9.16551Z" fill="%230765E3"/><path d="M8.00002 9.16551C8.46398 9.16551 8.8401 8.78939 8.8401 8.32543C8.8401 7.86147 8.46398 7.48535 8.00002 7.48535C7.53606 7.48535 7.15994 7.86147 7.15994 8.32543C7.15994 8.78939 7.53606 9.16551 8.00002 9.16551Z" fill="%230765E3"/><path d="M5.19976 11.9653C5.66372 11.9653 6.03983 11.5892 6.03983 11.1252C6.03983 10.6613 5.66372 10.2852 5.19976 10.2852C4.7358 10.2852 4.35968 10.6613 4.35968 11.1252C4.35968 11.5892 4.7358 11.9653 5.19976 11.9653Z" fill="%230765E3"/><path d="M10.8003 9.16551C11.2642 9.16551 11.6404 8.78939 11.6404 8.32543C11.6404 7.86147 11.2642 7.48535 10.8003 7.48535C10.3363 7.48535 9.96021 7.86147 9.96021 8.32543C9.96021 8.78939 10.3363 9.16551 10.8003 9.16551Z" fill="%230765E3"/><path d="M10.8003 11.9653C11.2642 11.9653 11.6404 11.5892 11.6404 11.1252C11.6404 10.6613 11.2642 10.2852 10.8003 10.2852C10.3363 10.2852 9.96021 10.6613 9.96021 11.1252C9.96021 11.5892 10.3363 11.9653 10.8003 11.9653Z" fill="%230765E3"/><path d="M8.00002 11.9653C8.46398 11.9653 8.8401 11.5892 8.8401 11.1252C8.8401 10.6613 8.46398 10.2852 8.00002 10.2852C7.53606 10.2852 7.15994 10.6613 7.15994 11.1252C7.15994 11.5892 7.53606 11.9653 8.00002 11.9653Z" fill="%230765E3"/></svg>')
}

.having_sideline_flexrow .TinBai_SideBar_Wrapper .TinBai_SideBar_Item .news_info .news_title a {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.list-tin-bai-tieudiem-ngang .TieuDiem .news_date {
    font-size: 16px;
    line-height: 1.5
}

.list-tin-bai-tieudiem-ngang .List_news .news_date {
    font-size: 14px;
    line-height: 1.57
}

.layout-5Media .DanhSachTinBai .list_news {
  display:grid;
  grid-template-columns:50% repeat(2,calc(25% - 20px));
  grid-template-rows:repeat(2,calc(50% - 10px));
  grid-column-gap:20px;
  grid-row-gap:20px
}
.layout-5Media .DanhSachTinBai .list_news li:first-child {
  grid-area:1/1/3/2
}
.layout-5Media .DanhSachTinBai .list_news li:nth-child(2) {
  grid-area:1/2/2/3
}
.layout-5Media .DanhSachTinBai .list_news li:nth-child(3) {
  grid-area:1/3/2/4
}
.layout-5Media .DanhSachTinBai .list_news li:nth-child(4) {
  grid-area:2/2/3/3
}
.layout-5Media .DanhSachTinBai .list_news li:nth-child(5) {
  grid-area:2/3/3/4
}
.layout-5Media .DanhSachTinBai .list_news li {
  position:relative;
  border-radius:10px;
  overflow:hidden
}
.layout-5Media .DanhSachTinBai .list_news li:not(:last-of-type) {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}
.layout-5Media .DanhSachTinBai .list_news li:hover img {
  transform:scale(1.1)
}
.layout-5Media .DanhSachTinBai .list_news li:before {
  position:absolute;
  content:'';
  top:0;
  left:0;
  right:0;
  bottom:0;
  border-radius:10px;
  background:linear-gradient(180deg,rgba(0,0,0,0) 60%,#000 110%);
  z-index:1
}
.layout-5Media .DanhSachTinBai .list_news li .item_img_link {
    display: block;
    width: 100%;
    margin-right: 0;
}
.layout-5Media .DanhSachTinBai .list_news li .item_img_link img {
  border-radius:10px;
  width:100%;
  height:100% !important;
  object-fit:cover;
  transition:.3s ease-in-out
}
.layout-5Media .DanhSachTinBai .list_news li .news_info {
  position:absolute;
  z-index:2
}
.layout-5Media .DanhSachTinBai .list_news li:first-child .news_info,
.layout-5Media .DanhSachTinBai .list_news li:not(:first-child) .news_info {
  top:0;
  bottom:0;
  left:0;
  right:0
}
.layout-5Media .DanhSachTinBai .list_news li .news_info .news_title {
  height:100%
}
.layout-5Media .DanhSachTinBai .list_news li .news_info .news_title a {
  margin-bottom:0;
  display:flex;
  justify-content:flex-start;
  align-items:end;
  height:100%
}
.layout-5Media .DanhSachTinBai .list_news li:first-child .news_info .news_title a .news_title_inner {
  color:#fff!important;
  text-overflow:ellipsis;
  font-family:var(--font-family-inter);
  font-size:18px;
  font-style:normal;
  font-weight:600;
  line-height:1.5;
  display:-webkit-box;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  text-align:left;
  position:relative;
  /* padding-left:40px; */
  margin:0 15px 10px
}
.layout-5Media .DanhSachTinBai .list_news li:first-child .news_info .news_title a .news_title_inner:before {
  content:'';
  position:absolute;
  top:50%;
  left:0;
  transform:translateY(-50%);
  width:27px;
  height:27px;
  background-image:url('../images/button-play.svg');
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain
}
.layout-5Media .DanhSachTinBai .list_news li:not(:first-child) .news_info .news_title a .news_title_inner {
  color:#fff!important;
  text-overflow:ellipsis;
  font-family:var(--font-family-inter);
  font-size:16px;
  font-style:normal;
  font-weight:600;
  line-height:1.37;
  display:-webkit-box;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  margin:0 10px 10px;
  text-align:left
}
.layout-5Media .pagination {
  display:none!important
}

.TinBaiKhongAnh.DanhSachTinBai_KhongAnh_ChiTiet .list_news {
  padding: 1.5rem;
  border: 1px solid var(--template-border-4);
  border-radius: 0.5rem;
}

.TinBaiKhongAnh.DanhSachTinBai_KhongAnh_ChiTiet .list_news .news_title a {
    cursor: pointer;
}

.TinBaiKhongAnh.DanhSachTinBai_KhongAnh_ChiTiet .content-container .news_title {
  position:relative;
  color:var(--body);
  font-family:var(--font-family-inter);
  font-size:1.5rem;
  font-style:normal;
  font-weight:600;
  line-height:1.5;
  margin-bottom:0.75rem;
}
.TinBaiKhongAnh.DanhSachTinBai_KhongAnh_ChiTiet .content-container table tbody tr td img {
  width:106px;
  aspect-ratio:0.75;
  border-radius:10px;
  border:1px solid #ececec;
  background:var(--Primary-Blue-25,#eaefff);
  box-shadow:5px 5px 0 0 #dfdfdf;
  margin-bottom:20px!important;
  object-fit: cover;
  object-position: top center;
  /* object-fit:contain */
}
.TinBaiKhongAnh.DanhSachTinBai_KhongAnh_ChiTiet .content-container table tbody tr td p {
  padding:0!important;
  margin:0!important
}
.TinBaiKhongAnh.DanhSachTinBai_KhongAnh_ChiTiet .content-container table tbody tr td p:nth-child(2) {
  color:var(--primary);
  text-align:center;
  font-family:"Roboto Slab";
  font-size:14px;
  font-style:normal;
  font-weight:500;
  line-height:1.57
}
.TinBaiKhongAnh.DanhSachTinBai_KhongAnh_ChiTiet .content-container table tbody tr font,
.TinBaiKhongAnh.DanhSachTinBai_KhongAnh_ChiTiet .content-container table tbody tr strong,
.TinBaiKhongAnh.DanhSachTinBai_KhongAnh_ChiTiet .content-container table tbody tr td p:nth-child(3) {
  color:var(--body);
  text-align:center;
  font-family:var(--font-family-inter);
  font-size:1rem;
  font-style:normal;
  font-weight:600;
  line-height:1.5;
}
.TinBaiKhongAnh.DanhSachTinBai_KhongAnh_ChiTiet .content-container table tbody tr td p:nth-child(4) {
  color:var(--body);
  text-align:center;
  font-family:var(--font-family-inter);
  font-size:0.875rem;
  font-style:normal;
  font-weight:400;
  line-height:1.25rem;
}
.TinBaiKhongAnh.DanhSachTinBai_KhongAnh_ChiTiet .content-container table tbody tr td p:last-of-type {
  margin-bottom:50px!important
}

/* .DanhSachTinBai-Image .count-image {
  display:inline-block;
  position:absolute;
  right:0;
  top:0
}
.DanhSachTinBai-Image .count-image span {
  display:inline-block;
  color:#fff;
  font-family:var(--font-family-inter);
  font-size:1rem;
  font-style:normal;
  font-weight:500;
  line-height:1.5;
  padding:5px 8px 5px 31px;
  border-radius:0 10px;
  background:rgba(0,0,0,.6);
  position:relative
}
.DanhSachTinBai-Image .count-image span:before {
  content:'';
  position:absolute;
  top:6px;
  left:8px;
  width:18px;
  height:18px;
  background-image:url('../images/icon-image-media.svg');
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain
} */

.duration-hide div[class*="videoDuration"] {
    display: none;
}