.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%;
}

.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Ủ - BẢN ĐỒ HÀNH CHÍNH***********************************************************/
/************************************************************************************************************************************************/
/* .Map_Hanhchinh {
    border-radius: 10px;
    border: 1px solid var(--border-table, #CED8EB);
    background: var(--white);
    padding: 15px;
    margin-bottom: 15px;
} */

.Map_Hanhchinh .item_img {
    border-radius: 10px;
    width: 100%;
    object-fit: cover;
    margin-bottom: 15px;
}

.Map_Hanhchinh .Thongtin_hanhchinh {
    display: flex;
    gap: 5px;
    flex-direction: column;
}

.Map_Hanhchinh .Thongtin_hanhchinh li {
    gap: 0px 8px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.Map_Hanhchinh .Thongtin_hanhchinh li span {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;
    /* 150% */
}

.Map_Hanhchinh .Thongtin_hanhchinh li span:nth-child(1) {
    color: var(--body)
}

.Map_Hanhchinh .Thongtin_hanhchinh li span:nth-child(2) {
    color: var(--danger)
}

.Map_Hanhchinh .Thongtin_hanhchinh li::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--danger);
    flex-shrink: 0;
}

.bannerMain_1 {
    margin-top: 20px;
}

.bannerside_1 {
    margin-bottom: 15px;
}

.qtip-default {
    border: none;
    border-radius: 10px;
    background: var(--white) !important;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.20);
}

.qtip-default .qtip-content {
    border: none;
    padding: 10px;
}

.qtip-default .qtip-content table tbody tr,
.qtip-default .qtip-content table tbody tr td {
    border: 0 !important;
    padding: 0 !important;
}

.qtip-default .qtip-content table tbody tr td.header {
    text-align: left;
    padding-bottom: 0.5rem !important;
}

.qtip-default .qtip-content table tbody tr td p {
    margin-bottom: 0.5rem;
}

.qtip-default .qtip-content table tbody tr td p:last-child {
    margin-bottom: 0;
}

/************************************************************************************************************************************************/
/*****************************************************TRANG CHỦ - TRANG TIN PHÓ CHỦ TỊCH***********************************************************/
/************************************************************************************************************************************************/
.TrangTinCanBo {
    padding: 15px 0;
    background: #F6F6F6;
}

.TinCanBo .main>h4 {
    text-align: center;
}

.TinCanBo .list_PCT {
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 20px;
}

.TinCanBo .list_PCT li a {
    display: flex;
    align-items: center;
    gap: 20px;
}

.TinCanBo .list_PCT li .item_img {
    width: 106px;
    height: 140px;
    object-fit: cover;
    border-radius: 10px;
    border: 1px solid #ECECEC;
    background: var(--Primary-Blue-25, #EAEFFF);
    box-shadow: 5px 5px 0px 0px #DFDFDF;
}

.TinCanBo .list_PCT li .pct_info {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.TinCanBo .list_PCT li .pct_info .ChucVu {
    color: var(--blue);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;
    /* 150% */
}

.TinCanBo .list_PCT li .pct_info .TenCanBo {
    color: var(--body);
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.55;
    /* 155.556% */
    text-transform: uppercase;
}

/************************************************************************************************************************************************/
/*****************************************************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;
}

.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; */
}

/************************************************************************************************************************************************/
/*****************************************************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Ủ - ĐÁNH GIÁ PHỤC VỤ***********************************************************/
/************************************************************************************************************************************************/
.sidebar section {
    margin-bottom: 15px;
}

.contain_DanhGia {
    padding: 15px;
    border-radius: 10px;
    background: url(../images/bg-side.png) lightgray 50% / cover no-repeat;
}

.contain_DanhGia .title {
    color: var(--white);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.4;
    /* 140% */
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
}

.contain_DanhGia .content {
    color: var(--white);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;
    /* 150% */
    margin-bottom: 15px
}

.contain_DanhGia .link a {
    border-radius: 6px;
    background: var(--blue, #26A6FE);
    display: inline-flex;
    padding: 8px 20px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    color: var(--Content-text-white, var(--white)) !important;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;
    /* 150% */
}

/************************************************************************************************************************************************/
/*****************************************************TRANG CHỦ - THÔNG TIN QUAN TÂM***********************************************************/
/************************************************************************************************************************************************/
.QnA_ThongTinQuanTam {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
}

.QnA_ThongTinQuanTam .title {
    color: var(--primary);
    font-size: 18px;
    font-weight: 600;
    line-height: 1.4444;
    /* 144.444% */
}

.QnA_ThongTinQuanTam .list_choice {
    display: flex;
    gap: 15px;
    flex-direction: column;
}

.QnA_ThongTinQuanTam .group-button {
    display: flex;
    gap: 10px;
    justify-content: space-between;
    width: 100%;
}

.QnA_ThongTinQuanTam .group-button>a {
    flex: 1;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.25rem;
    padding: 0.5rem 1rem;
    transition: all 0.3s ease-in-out;
}

.QnA_ThongTinQuanTam .group-button .btn-red,
.QnA_ThongTinQuanTam .group-button .btn-black:hover {
    background-color: var(--primary);
    border-color: var(--primary);
    color: var(--white);
}

.QnA_ThongTinQuanTam .group-button .btn-black,
.QnA_ThongTinQuanTam .group-button .btn-red:hover {
    background-color: var(--white);
    color: var(--primary);
    border-color: var(--primary);
}

.QnA_ThongTinQuanTam label {
    line-height: 1.5 !important;
    font-size: 16px !important;
}

.QnA_ThongTinQuanTam table.listthamdo tbody tr {
    border: none !important;
}

.QnA_ThongTinQuanTam table.listthamdo tbody tr td {
    border: none !important;
    padding: 0 0 15px 0 !important;
}

.QnA_ThongTinQuanTam table.listthamdo tbody tr:last-child td {
    padding: 0 !important
}

.QnA_ThongTinQuanTam .group-button>a:hover {
    background-color: inherit;
}

/************************************************************************************************************************************************/
/*****************************************************TRANG CHỦ - DANH SÁCH CHUYÊN TRANG***********************************************************/
/************************************************************************************************************************************************/
.mini-maincontent section {
    margin-bottom: 30px;
}

#ui-datepicker-div:not(:empty) {
    --white: #FFFFFF;
    --main-background: #FFFFFF;
    --month-nav: #001533;
    --weekday: #5E718F;
    --highlight-today: #162664;
    --highlight-picked-day: #253EA7;
    --day-in-month: #001533;
    --day-not-in-month: #5E718F;
    --month-title: #001533;
    --day-hover: rgba(55, 93, 251, 0.2);
    --box-shadow: #C2D6FF;
    background: var(--main-background);
    border-radius: 8px;
    -webkit-box-shadow: 0 0 4px 0.1rem var(--box-shadow);
    -moz-box-shadow: 0 0 4px 0.1rem var(--box-shadow);
    box-shadow: 0 0 4px 0.1rem var(--box-shadow);
    z-index: 999 !important;
}

.ui-datepicker-prev,
.ui-datepicker-next {
    position: absolute;
    font-size: 24px;
    color: var(--month-nav) !important;
    top: 0;
    opacity: 1;
    cursor: pointer;
}

.ui-datepicker-prev {
    left: 0;
}

.ui-datepicker-next {
    right: 0;
}

.ui-datepicker-header {
    text-transform: uppercase;
    text-align: center;
    margin: 16px 24px;
    position: relative;
}

.ui-datepicker-calendar {
    text-align: center;
    margin: 16px 24px;
    width: auto !important;
    border-collapse: separate;
    border-spacing: 0;
}

.ui-datepicker-calendar tr {
    background-color: transparent;
}

.ui-datepicker-calendar tr th {
    font-family: inherit;
    font-style: normal;
    font-weight: 500 !important;
    letter-spacing: 0.5px;
    color: var(--weekday) !important;
}

.ui-datepicker-calendar tr th,
.ui-datepicker-calendar tr td {
    padding-bottom: 8px;
    border: none !important;
    padding: 0 !important;
    padding-bottom: 8px !important;
}

.ui-datepicker-calendar tr td a {
    font-family: inherit;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.5px;
    color: var(--day-in-month) !important;
}

.ui-datepicker-calendar a {
    text-decoration: none;
    display: block;
    margin: 0 auto;
    width: 35px;
    height: 35px;
    line-height: 35px;
    border-radius: 50%;
    border: 1px solid transparent;
    cursor: pointer;
}

.ui-datepicker-calendar thead tr th {
    font-family: inherit;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0.5px;
    color: var(--weekday);
}

.ui-datepicker-calendar tbody tr td:hover a {
    background-color: var(--day-hover);
    border-radius: 50%;
}

.ui-datepicker-calendar .ui-state-highlight,
.ui-datepicker-calendar tbody tr td a.ui-state-active {
    border-color: var(--highlight-today) !important;
    color: var(--highlight-today) !important;
    background-color: #fff;
}

.ui-datepicker-calendar tbody tr td:hover a.ui-state-highlight {
    border-color: var(--highlight-today);
    color: var(--highlight-today);
}

.ui-datepicker-calendar tbody tr td a.ui-state-active {
    border-color: var(--highlight-today) !important;
    color: var(--white) !important;
    background-color: var(--highlight-today) !important;
}

.ui-datepicker-calendar tbody tr td a {
    font-family: inherit;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.5px;
    color: var(--day-in-month);
}

.ui-datepicker-calendar tbody tr td.ui-datepicker-other-month a {
    color: var(--day-not-in-month);
    opacity: 0.5;
}

.ui-datepicker-title {
    font-family: inherit;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.5px;
    color: var(--month-title);
}

.ui-icon,
.ui-icon>i {
    width: 24px;
    height: 24px;
    display: block;
}

.ui-icon {
    font-size: 0;
}

.ui-datepicker-prev .ui-icon,
.ui-datepicker-prev .ui-icon>i::before {
    content: "" !important;
    display: block;
    width: 24px;
    height: 24px;
    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_813_5172" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24"><rect x="24" y="24" width="24" height="24" transform="rotate(-180 24 24)" fill="%23D9D9D9"/></mask><g mask="url(%23mask0_813_5172)"><path d="M11.0538 12.0001L15.1269 16.0732C15.2654 16.2117 15.3362 16.3857 15.3394 16.5953C15.3426 16.8049 15.2718 16.9822 15.1269 17.127C14.982 17.2719 14.8064 17.3444 14.6 17.3444C14.3936 17.3444 14.218 17.2719 14.0731 17.127L9.57889 12.6328C9.48529 12.5392 9.41926 12.4405 9.38081 12.3367C9.34235 12.2328 9.32311 12.1207 9.32311 12.0001C9.32311 11.8796 9.34235 11.7674 9.38081 11.6636C9.41926 11.5598 9.48529 11.461 9.57889 11.3675L14.0731 6.87324C14.2116 6.73477 14.3856 6.66394 14.5952 6.66074C14.8048 6.65752 14.982 6.72835 15.1269 6.87324C15.2718 7.0181 15.3442 7.19374 15.3442 7.40014C15.3442 7.60654 15.2718 7.78217 15.1269 7.92704L11.0538 12.0001Z" fill="%231C1B1F"/></g></svg>');
}

.ui-datepicker-next .ui-icon,
.ui-datepicker-next .ui-icon>i::before {
    content: "" !important;
    display: block;
    width: 24px;
    height: 24px;
    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_813_5169" 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_813_5169)"><path d="M12.9462 11.9999L8.87309 7.92676C8.73462 7.78831 8.66379 7.61428 8.66059 7.40466C8.65737 7.19506 8.7282 7.01783 8.87309 6.87296C9.01795 6.72808 9.19359 6.65564 9.39999 6.65564C9.60639 6.65564 9.78202 6.72808 9.92689 6.87296L14.4211 11.3672C14.5147 11.4608 14.5807 11.5595 14.6192 11.6633C14.6577 11.7672 14.6769 11.8793 14.6769 11.9999C14.6769 12.1204 14.6577 12.2326 14.6192 12.3364C14.5807 12.4402 14.5147 12.539 14.4211 12.6325L9.92689 17.1268C9.78844 17.2652 9.6144 17.3361 9.40479 17.3393C9.19519 17.3425 9.01795 17.2716 8.87309 17.1268C8.7282 16.9819 8.65576 16.8063 8.65576 16.5999C8.65576 16.3935 8.7282 16.2178 8.87309 16.073L12.9462 11.9999Z" fill="%231C1B1F"/></g></svg>');
}

/************************************************************************************************************************************************/
/*****************************************************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Ủ - GÓP Ý DỰ THẢO***********************************************************/
/************************************************************************************************************************************************/
div[class*="ModGopYDuThaoVBPL"] .title_head3 {
    display: none;
}

div[class*="ModGopYDuThaoVBPL"] div[class*="title_head"] {
    background: none;
    padding: 0;
    margin-bottom: 10px;
    display: none;
}

div[class*="ModGopYDuThaoVBPL"] div[class*="title_head"]>* {
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.3;
    /* 130% */
}

div[class*="ModGopYDuThaoVBPL"] div[class*="title_head"] a {
    color: var(--body);
    /* Roboto slab */
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.3;
    /* 130% */
    text-transform: none;
}

div[class*="ModGopYDuThaoVBPL"] table thead tr th,
div[class*="ModGopYDuThaoVBPL"] table tbody tr td,
div[class*="ModThongTinDuAn"] table thead tr th,
div[class*="ModThongTinDuAn"] table tbody tr td {
    border: 1px solid var(--border-tertiary) !important;
}

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

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

div[class*="ModThongTinDuAn"] #dnnBidList > .dnnClear > div {
	margin-bottom: 16px;
}

div[class*="ModGopYDuThaoVBPL"] .countGopY {
    flex: 1;
    display: block;
    text-align: center;
}

/************************************************************************************************************************************************/
/*****************************************************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-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: 500;
    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: -45px;
    cursor: pointer;
    left: unset;
}

.slick-prev.slick-arrow {
    right: 35px;
}

.slick-next.slick-arrow {}

.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 - DANH SÁCH KHIẾU NẠI***********************************************************/
/************************************************************************************************************************************************/
.GiaiquyetKNTC {
    border: none;
    background: none;
}

.search_KNTC {
    padding: 20px;
    border-radius: 6px;
    border: 1px solid var(--border-table, #CED8EB);
    background: #F6F6F6;
}

.search_KNTC .boxsearch {
    display: flex;
    gap: 15px;
    width: 100%;
    flex-direction: column;
}

.search_KNTC .boxsearch .group-search {
    display: flex;
    flex: 0 0 100%;
    gap: 15px;
}

.search_KNTC .boxsearch .group-search input {
    color: var(--xam-ndung, #5F6A79);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    /* 150% */
    border-radius: 4px;
    border: 1px solid var(--border-table, #CED8EB);
    background: var(--white);
    padding: 8px 20px;
    outline: none;
}

.search_KNTC .boxsearch .group-search .btn {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    width: 148px;
}

.search_KNTC .boxsearch .group-search .btn::before {
    content: "";
    width: 20px;
    height: 20px;
    display: block;
    flex-shrink: 0;
    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>');
}

.list_KNTC {
    padding: 0;
}

.list_KNTC .title_list_KNTC {
    text-align: left;
}

.list_KNTC .title_list_KNTC h2 {
    color: var(--vng-m, #EA8F00);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.44;
    /* 144.444% */
    padding-bottom: 10px;
    border-bottom: 1px solid #E0E0E0;
    text-transform: none;
    margin-top: 30px;
}

.list_KNTC .view_list_KNTC ul {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;

}

.list_KNTC .view_list_KNTC ul li {
    margin: 0;
    width: calc(50% - 10px);
    height: auto;
    margin-bottom: 10px;
    border-bottom: 1px solid #E0E0E0;
    border-radius: 10px;
    border: 1px solid var(--border-table, #CED8EB);
    background: var(--white);
    box-shadow: 3px 0px 0px 0px #97C0FF inset;
    display: flex;
    padding: 15px 20px;
    flex-direction: column;
    gap: 8px;
}

.list_KNTC .view_list_KNTC ul li .row {
    margin-right: -5px;
    margin-left: -5px;
}

.list_KNTC .view_list_KNTC ul li .row>*[class*="col"] {
    padding-right: 5px;
    padding-left: 5px;
}

.list_KNTC .view_list_KNTC ul li:hover {
    background: none;
}

.list_KNTC .view_list_KNTC ul li>div>span:first-child {
    color: var(--body);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.5;
    /* 150% */
}

.list_KNTC .view_list_KNTC ul li>div>span {
    color: var(--body);
    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: 3;
}

.list_KNTC .view_list_KNTC ul li .content {
    height: auto;
    max-height: unset;
}

.list_KNTC .view_list_KNTC ul li .detail {
    position: unset;
}

.list_KNTC .view_list_KNTC ul li .detail a {
    color: var(--blue) !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;
    /* 150% */
    text-decoration-line: underline;
}

.pager span[id*="totalRecordsPanel"] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.pager span[id*="totalRecordsPanel"]>span:first-child {
    color: var(--body);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    /* 150% */
}

.pager span[id*="totalRecordsPanel"]>span.Total {
    color: var(--white);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;
    /* 150% */
    border-radius: 4px;
    background: var(--primary);
    display: flex;
    padding: 4px 8px;
    justify-content: center;
    align-items: center;
    min-width: 30px;
}

.pager {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 15px;
}

.GiaiquyetKNTC_detail {
    position: relative;
    border-radius: 10px;
    border: 1px solid var(--border-table, #CED8EB);
    background: var(--white);
    display: flex;
    padding: 20px;
}

.GiaiquyetKNTC_detail .btn-back {
    position: absolute;
    float: unset;
    right: 12px;
    top: 12px;
}

.GiaiquyetKNTC_detail .title_detail_KNTC {
    margin-bottom: 0;
}

.GiaiquyetKNTC_detail .view_detail_KNTC div {
    margin-bottom: 15px !important;
}

.GiaiquyetKNTC_detail .view_detail_KNTC>div>span:first-child {
    color: var(--body);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.5;
    /* 150% */
}

.GiaiquyetKNTC_detail .view_detail_KNTC>div>span {
    color: var(--body);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
}

.GiaiquyetKNTC_detail .view_detail_KNTC>div>span p,
.GiaiquyetKNTC_detail .view_detail_KNTC>div>span span {
    color: var(--body) !important;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    background: none !important;
    margin: 0 !important;
    padding-bottom: 4px !important
}

/************************************************************************************************************************************************/
/*****************************************************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% - 70px);
}

.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: 12px;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.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-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;
}

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

.MXH_share svg {
    cursor: pointer;
}

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

/************************************************************************************************************************************************/
/*****************************************************TRANG THÀNH PHẦN - TRA CỨU GIÁ ĐẤT***********************************************************/
/************************************************************************************************************************************************/
.DanhSachHuyen .menu-m2 {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.DanhSachHuyen .menu-m2 li {
    position: relative;
}

.DanhSachHuyen .menu-m2 li a {
    color: var(--body) !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;
    /* 150% */
    text-transform: uppercase;
    background: none;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    position: relative;
    padding-left: 12px;
    padding-right: 20px;
}

.DanhSachHuyen .menu-m2>li.active>a {
    color: var(--danger) !important;
}

.DanhSachHuyen .menu-m2>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;
}

.DanhSachHuyen .menu-m2>li>svg {
    position: absolute;
    top: 6px;
    right: 0;
    z-index: 1;
    cursor: pointer;
    transition: ease-in-out 0.5s all;
}

/* .DanhSachHuyen .menu-m2 > li.hasChild::after {
    content: "";
    width: 12px;
    height: 12px;
    display: block;
    position: absolute;
    top: 6px;
    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"><g clip-path="url(%23clip0_3440_616)"><path d="M6.3293 9.10387L11.8643 3.55352C12.0455 3.37166 12.0452 3.07724 11.8634 2.8957C11.6815 2.71429 11.3869 2.71476 11.2055 2.89663L5.99998 8.11662L0.794437 2.89645C0.613032 2.7146 0.318634 2.71413 0.13676 2.89551C0.0933599 2.93869 0.0589323 2.99003 0.0354614 3.04657C0.0119896 3.10312 -6.10528e-05 3.16375 2.84069e-06 3.22497C-7.34559e-05 3.28597 0.0118837 3.34639 0.0351896 3.40276C0.0584955 3.45913 0.0926923 3.51035 0.135822 3.55349L5.67068 9.10387C5.75782 9.19145 5.87642 9.2406 5.99998 9.2406C6.12354 9.2406 6.24199 9.19131 6.3293 9.10387Z" fill="%23182940"/></g><defs><clipPath id="clip0_3440_616"><rect width="12" height="12" fill="white" transform="translate(12) rotate(90)"/></clipPath></defs></svg>');
    z-index: 1;
    cursor: pointer;
    transition: ease-in-out 0.5s all;
} */

.DanhSachHuyen .menu-m2>li.open>svg {
    transform: rotate(-180deg);
}

.DanhSachHuyen .menu-m2>li>ul {
    margin: 0;
    border-radius: 6px;
    background: #E8E8E8;
    display: flex;
    padding: 15px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    margin-top: 5px
}

.DanhSachHuyen .menu-m2>li>ul>li>a {
    padding: 0;
    color: var(--body) !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;
    /* 150% */
    text-transform: none;
}

.DanhSachHuyen .menu-m2>li>ul>li.active>a {
    color: var(--danger) !important;
}

.ListTraCuu .box_content {
    border-radius: 10px;
    border: 1px solid #E7E7E7;
    background: #F6F6F6;
    display: flex;
    padding: 20px 30px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 15px;
}

.ListTraCuu .box_content label {
    color: var(--body);
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.44;
    /* 144.444% */
    margin: 0;
}

.ListTraCuu .ListABC {
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
}

.ListTraCuu .ListABC a {
    border-radius: 4px;
    border: 1px solid var(--border-table, #CED8EB);
    background: var(--white);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    padding: 6px 12px;
    color: var(--body);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.5;
    /* 150% */
    text-transform: uppercase;
    flex-shrink: 0;
}

.ListTraCuu .form-group label {
    color: var(--body);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.71429;
    /* 171.429% */
}

.ListTraCuu .form-group {
    display: flex;
    flex-direction: column;
}

.ListTraCuu .form-group input {
    border-radius: 4px;
    border: 1px solid var(--border-table, #CED8EB);
    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;
}

.ListTraCuu .form-group input::placeholder {
    color: var(--xam-ndung, #5F6A79);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    /* 150% */
}

.ListTraCuu .form-group .btn {
    display: flex;
    gap: 8px;
    align-items: center;
}

.ListTraCuu .form-group .btn::before {
    content: "";
    width: 20px;
    height: 20px;
    display: block;
    flex-shrink: 0;
    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>');
}

.box_content .row {
    margin-right: -7.5px;
    margin-left: -7.5px;
}

.box_content .row div[class*="col"] {
    padding-right: 7.5px;
    padding-left: 7.5px;
}

.ListTraCuu .box_content .collapse {
    width: 100%;
}

.ListTraCuu .select2-container .select2-choice {
    border-radius: 4px;
    border: 1px solid var(--border-table, #CED8EB);
    background: var(--white);
    padding: 8px 16px;
    height: 42px;
    color: var(--body);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    /* 150% */
}

.ListTraCuu .select2-container .select2-choice div {
    height: 24px;
    background: none;
    border: none;
    top: 50%;
    transform: translateY(-50%);
}

.DanhSach_Result .noted {
    color: var(--body);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    /* 150% */
}

.DanhSach_Result .noted a {
    color: var(--blue) !important;
}

/************************************************************************************************************************************************/
/*****************************************************TRANG THÀNH PHẦN - TỔ CHỨC HÀNH CHÍNH***********************************************************/
/************************************************************************************************************************************************/
.content_tchc .nav.nav-tabs {
    display: flex;
    justify-content: center;
    border-bottom: none
}

.content_tchc .nav.nav-tabs li a {
    color: var(--body) !important;
    font-size: 18px !important;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    cursor: pointer;
}

.content_tchc .nav.nav-tabs li a {
    /* font-family: var(--font-family-literata); */
    font-family: var(--font-family-inter);
    border-right: 1px solid #ACB7C9 !important;
    border: 0;
}

.content_tchc .nav.nav-tabs li:last-child a {
    border-right: 0 !important;
}

.content_tchc .nav.nav-tabs li a:hover,
.content_tchc .nav.nav-tabs li.active a,
.content_tchc .nav.nav-tabs li a.active {
    color: var(--primary) !important;
}

#ttc .content_ttc {
    border-radius: 10px;
    border: 1px solid #E7E7E7;
    background: #F6F6F6;
    display: flex;
    padding: 15px;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 20px;
}

#ttc .content_ttc li {
    padding: 0;
    color: var(--body);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;
    /* 150% */
    display: flex;
    align-items: center;
}

#ttc .content_ttc li::before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    margin-right: 8px;
    flex: none;
}

#ttc .content_ttc li:first-child::before {
    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"><rect width="24" height="24" rx="12" fill="%23F0727F"/><path d="M8.9375 15.9375H10.6875V18.125H8.9375V15.9375ZM15.5 12.4375C14.9198 12.4375 14.3634 12.668 13.9532 13.0782C13.543 13.4884 13.3125 14.0448 13.3125 14.625C13.3125 16.5719 15.1588 17.9806 15.2375 18.0375C15.3132 18.0943 15.4053 18.125 15.5 18.125C15.5947 18.125 15.6868 18.0943 15.7625 18.0375C15.8412 17.9806 17.6875 16.5719 17.6875 14.625C17.6875 14.0448 17.457 13.4884 17.0468 13.0782C16.6366 12.668 16.0802 12.4375 15.5 12.4375ZM15.5 15.5C15.2679 15.5 15.0454 15.4078 14.8813 15.2437C14.7172 15.0796 14.625 14.8571 14.625 14.625C14.625 14.3929 14.7172 14.1704 14.8813 14.0063C15.0454 13.8422 15.2679 13.75 15.5 13.75C15.7321 13.75 15.9546 13.8422 16.1187 14.0063C16.2828 14.1704 16.375 14.3929 16.375 14.625C16.375 14.8571 16.2828 15.0796 16.1187 15.2437C15.9546 15.4078 15.7321 15.5 15.5 15.5Z" fill="white"/><path d="M13.3125 12.4856V6.75C13.3125 6.51794 13.2203 6.29538 13.0562 6.13128C12.8921 5.96719 12.6696 5.875 12.4375 5.875H7.1875C6.95544 5.875 6.73288 5.96719 6.56878 6.13128C6.40469 6.29538 6.3125 6.51794 6.3125 6.75V17.6875C6.3125 17.8035 6.35859 17.9148 6.44064 17.9969C6.52269 18.0789 6.63397 18.125 6.75 18.125H8.0625V15.5C8.0625 15.384 8.10859 15.2727 8.19064 15.1906C8.27269 15.1086 8.38397 15.0625 8.5 15.0625H11.125C11.241 15.0625 11.3523 15.1086 11.4344 15.1906C11.5164 15.2727 11.5625 15.384 11.5625 15.5V18.125H12.875C12.991 18.125 13.1023 18.0789 13.1844 17.9969C13.2664 17.9148 13.3125 17.8035 13.3125 17.6875V17.25C12.7623 16.4835 12.4572 15.5683 12.4375 14.625C12.4385 13.825 12.7526 13.0571 13.3125 12.4856ZM8.9375 13.75H8.5C8.38397 13.75 8.27269 13.7039 8.19064 13.6219C8.10859 13.5398 8.0625 13.4285 8.0625 13.3125C8.0625 13.1965 8.10859 13.0852 8.19064 13.0031C8.27269 12.9211 8.38397 12.875 8.5 12.875H8.9375C9.05353 12.875 9.16481 12.9211 9.24686 13.0031C9.32891 13.0852 9.375 13.1965 9.375 13.3125C9.375 13.4285 9.32891 13.5398 9.24686 13.6219C9.16481 13.7039 9.05353 13.75 8.9375 13.75ZM8.9375 12H8.5C8.38397 12 8.27269 11.9539 8.19064 11.8719C8.10859 11.7898 8.0625 11.6785 8.0625 11.5625C8.0625 11.4465 8.10859 11.3352 8.19064 11.2531C8.27269 11.1711 8.38397 11.125 8.5 11.125H8.9375C9.05353 11.125 9.16481 11.1711 9.24686 11.2531C9.32891 11.3352 9.375 11.4465 9.375 11.5625C9.375 11.6785 9.32891 11.7898 9.24686 11.8719C9.16481 11.9539 9.05353 12 8.9375 12ZM8.9375 10.25H8.5C8.38397 10.25 8.27269 10.2039 8.19064 10.1219C8.10859 10.0398 8.0625 9.92853 8.0625 9.8125C8.0625 9.69647 8.10859 9.58519 8.19064 9.50314C8.27269 9.42109 8.38397 9.375 8.5 9.375H8.9375C9.05353 9.375 9.16481 9.42109 9.24686 9.50314C9.32891 9.58519 9.375 9.69647 9.375 9.8125C9.375 9.92853 9.32891 10.0398 9.24686 10.1219C9.16481 10.2039 9.05353 10.25 8.9375 10.25ZM8.9375 8.5H8.5C8.38397 8.5 8.27269 8.45391 8.19064 8.37186C8.10859 8.28981 8.0625 8.17853 8.0625 8.0625C8.0625 7.94647 8.10859 7.83519 8.19064 7.75314C8.27269 7.67109 8.38397 7.625 8.5 7.625H8.9375C9.05353 7.625 9.16481 7.67109 9.24686 7.75314C9.32891 7.83519 9.375 7.94647 9.375 8.0625C9.375 8.17853 9.32891 8.28981 9.24686 8.37186C9.16481 8.45391 9.05353 8.5 8.9375 8.5ZM11.125 13.75H10.6875C10.5715 13.75 10.4602 13.7039 10.3781 13.6219C10.2961 13.5398 10.25 13.4285 10.25 13.3125C10.25 13.1965 10.2961 13.0852 10.3781 13.0031C10.4602 12.9211 10.5715 12.875 10.6875 12.875H11.125C11.241 12.875 11.3523 12.9211 11.4344 13.0031C11.5164 13.0852 11.5625 13.1965 11.5625 13.3125C11.5625 13.4285 11.5164 13.5398 11.4344 13.6219C11.3523 13.7039 11.241 13.75 11.125 13.75ZM11.125 12H10.6875C10.5715 12 10.4602 11.9539 10.3781 11.8719C10.2961 11.7898 10.25 11.6785 10.25 11.5625C10.25 11.4465 10.2961 11.3352 10.3781 11.2531C10.4602 11.1711 10.5715 11.125 10.6875 11.125H11.125C11.241 11.125 11.3523 11.1711 11.4344 11.2531C11.5164 11.3352 11.5625 11.4465 11.5625 11.5625C11.5625 11.6785 11.5164 11.7898 11.4344 11.8719C11.3523 11.9539 11.241 12 11.125 12ZM11.125 10.25H10.6875C10.5715 10.25 10.4602 10.2039 10.3781 10.1219C10.2961 10.0398 10.25 9.92853 10.25 9.8125C10.25 9.69647 10.2961 9.58519 10.3781 9.50314C10.4602 9.42109 10.5715 9.375 10.6875 9.375H11.125C11.241 9.375 11.3523 9.42109 11.4344 9.50314C11.5164 9.58519 11.5625 9.69647 11.5625 9.8125C11.5625 9.92853 11.5164 10.0398 11.4344 10.1219C11.3523 10.2039 11.241 10.25 11.125 10.25ZM11.125 8.5H10.6875C10.5715 8.5 10.4602 8.45391 10.3781 8.37186C10.2961 8.28981 10.25 8.17853 10.25 8.0625C10.25 7.94647 10.2961 7.83519 10.3781 7.75314C10.4602 7.67109 10.5715 7.625 10.6875 7.625H11.125C11.241 7.625 11.3523 7.67109 11.4344 7.75314C11.5164 7.83519 11.5625 7.94647 11.5625 8.0625C11.5625 8.17853 11.5164 8.28981 11.4344 8.37186C11.3523 8.45391 11.241 8.5 11.125 8.5Z" fill="white"/></svg>');
}

#ttc .content_ttc li#liOfficePhone::before {
    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"><rect width="24" height="24" rx="12" fill="%235EC62E"/><g clip-path="url(%23clip0_2495_21398)"><path d="M5.71462 10.9747C5.48012 10.34 5.31464 9.69185 5.35594 9.00207C5.38352 8.57451 5.54914 8.21597 5.86638 7.91245C6.19734 7.59521 6.52844 7.25025 6.85954 6.93315C7.2871 6.50559 7.83884 6.50559 8.26654 6.93315L9.0665 7.73311C9.32858 7.99519 9.59052 8.24355 9.83888 8.50563C10.294 8.96077 10.294 9.49865 9.83888 9.95393C9.52164 10.2849 9.19068 10.6021 8.85958 10.9195C8.77684 11.0021 8.76298 11.0711 8.80442 11.1814C9.02506 11.7056 9.32858 12.1609 9.68712 12.6023C10.3906 13.4713 11.2044 14.2437 12.1562 14.8507C12.3631 14.9747 12.5837 15.0712 12.8044 15.1817C12.9148 15.2368 12.9838 15.223 13.0803 15.1265C13.3975 14.7954 13.7285 14.4643 14.0597 14.1333C14.4873 13.7058 15.039 13.7058 15.4667 14.1333C15.9908 14.6575 16.5286 15.1817 17.0529 15.7195C17.4942 16.161 17.4942 16.7127 17.0529 17.1541C16.7494 17.4575 16.4322 17.7472 16.1562 18.0644C15.7425 18.5197 15.2322 18.6713 14.6391 18.6437C13.7838 18.6024 12.9838 18.3128 12.2252 17.9404C10.5285 17.1127 9.0665 15.9678 7.85256 14.5195C6.94228 13.4574 6.19734 12.2851 5.71462 10.9747ZM18.6464 11.2654C18.3318 8.15815 15.8662 5.68421 12.7628 5.35619C12.3881 5.31657 12.0596 5.60441 12.0596 5.98115V5.99319C12.0596 6.31589 12.3043 6.58399 12.6252 6.61787C15.1263 6.88149 17.1283 8.87229 17.395 11.3819C17.4294 11.7053 17.7014 11.9509 18.0266 11.9474C18.392 11.9433 18.6832 11.629 18.6464 11.2654ZM12.0596 8.36241V8.37123C12.0596 8.67195 12.2703 8.93921 12.5668 8.99003C13.1758 9.09433 13.7394 9.38539 14.1838 9.82975C14.6281 10.2741 14.9192 10.8377 15.0236 11.4467C15.0743 11.7433 15.3416 11.954 15.6424 11.954H15.648C16.0358 11.954 16.3371 11.6051 16.2692 11.2232C15.9542 9.44965 14.5527 8.04755 12.788 7.74067C12.4068 7.67431 12.0596 7.97559 12.0596 8.36241Z" fill="white"/></g><defs><clipPath id="clip0_2495_21398"><rect width="14" height="14" fill="white" transform="translate(5 5)"/></clipPath></defs></svg>');
}

#ttc .content_ttc li#liFax::before {
    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"><rect width="24" height="24" rx="12" fill="%235EC62E"/><g clip-path="url(%23clip0_2495_21398)"><path d="M5.71462 10.9747C5.48012 10.34 5.31464 9.69185 5.35594 9.00207C5.38352 8.57451 5.54914 8.21597 5.86638 7.91245C6.19734 7.59521 6.52844 7.25025 6.85954 6.93315C7.2871 6.50559 7.83884 6.50559 8.26654 6.93315L9.0665 7.73311C9.32858 7.99519 9.59052 8.24355 9.83888 8.50563C10.294 8.96077 10.294 9.49865 9.83888 9.95393C9.52164 10.2849 9.19068 10.6021 8.85958 10.9195C8.77684 11.0021 8.76298 11.0711 8.80442 11.1814C9.02506 11.7056 9.32858 12.1609 9.68712 12.6023C10.3906 13.4713 11.2044 14.2437 12.1562 14.8507C12.3631 14.9747 12.5837 15.0712 12.8044 15.1817C12.9148 15.2368 12.9838 15.223 13.0803 15.1265C13.3975 14.7954 13.7285 14.4643 14.0597 14.1333C14.4873 13.7058 15.039 13.7058 15.4667 14.1333C15.9908 14.6575 16.5286 15.1817 17.0529 15.7195C17.4942 16.161 17.4942 16.7127 17.0529 17.1541C16.7494 17.4575 16.4322 17.7472 16.1562 18.0644C15.7425 18.5197 15.2322 18.6713 14.6391 18.6437C13.7838 18.6024 12.9838 18.3128 12.2252 17.9404C10.5285 17.1127 9.0665 15.9678 7.85256 14.5195C6.94228 13.4574 6.19734 12.2851 5.71462 10.9747ZM18.6464 11.2654C18.3318 8.15815 15.8662 5.68421 12.7628 5.35619C12.3881 5.31657 12.0596 5.60441 12.0596 5.98115V5.99319C12.0596 6.31589 12.3043 6.58399 12.6252 6.61787C15.1263 6.88149 17.1283 8.87229 17.395 11.3819C17.4294 11.7053 17.7014 11.9509 18.0266 11.9474C18.392 11.9433 18.6832 11.629 18.6464 11.2654ZM12.0596 8.36241V8.37123C12.0596 8.67195 12.2703 8.93921 12.5668 8.99003C13.1758 9.09433 13.7394 9.38539 14.1838 9.82975C14.6281 10.2741 14.9192 10.8377 15.0236 11.4467C15.0743 11.7433 15.3416 11.954 15.6424 11.954H15.648C16.0358 11.954 16.3371 11.6051 16.2692 11.2232C15.9542 9.44965 14.5527 8.04755 12.788 7.74067C12.4068 7.67431 12.0596 7.97559 12.0596 8.36241Z" fill="white"/></g><defs><clipPath id="clip0_2495_21398"><rect width="14" height="14" fill="white" transform="translate(5 5)"/></clipPath></defs></svg>');
}

#ttc .content_ttc li#liEmail::before {
    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"><rect width="24" height="24" rx="12" fill="%23F5A12D"/><path d="M18.8767 7.78143L14.6308 12L18.8767 16.2186C18.9534 16.0581 19 15.8808 19 15.6914V8.30859C19 8.11918 18.9534 7.94186 18.8767 7.78143ZM17.7695 7.07812H6.23047C6.04106 7.07812 5.86373 7.12469 5.70331 7.20145L11.13 12.6008C11.6099 13.0807 12.3901 13.0807 12.87 12.6008L18.2967 7.20145C18.1363 7.12469 17.9589 7.07812 17.7695 7.07812ZM5.12332 7.78143C5.04657 7.94186 5 8.11918 5 8.30859V15.6914C5 15.8808 5.04657 16.0582 5.12332 16.2186L9.36923 12L5.12332 7.78143Z" fill="white"/><path d="M14.0506 12.5811L13.4498 13.1819C12.6503 13.9814 11.3493 13.9814 10.5498 13.1819L9.94904 12.5811L5.70312 16.7996C5.86355 16.8764 6.04088 16.9229 6.23029 16.9229H17.7693C17.9588 16.9229 18.1361 16.8764 18.2965 16.7996L14.0506 12.5811Z" fill="white"/></svg>');
}

#ttc .content_ttc li#liWebsite::before {
    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"><rect width="24" height="24" rx="12" fill="%2326A6FE"/><g clip-path="url(%23clip0_2495_21386)"><path d="M9.35259 11.0426L8.45659 13.0769C8.44396 13.1026 8.42418 13.1241 8.39963 13.1388C8.37508 13.1535 8.34681 13.1608 8.31821 13.1598H7.85944C7.79859 13.1598 7.74313 13.127 7.72159 13.0769L7.29621 12.1061C7.2563 12.014 7.21806 11.9212 7.18152 11.8277C7.14221 11.9278 7.10182 12.021 7.06144 12.1104L6.6129 13.0796C6.59991 13.1046 6.58013 13.1254 6.55583 13.1396C6.53153 13.1538 6.50372 13.1608 6.47559 13.1598H6.01682C5.98781 13.1608 5.95914 13.1533 5.93435 13.1382C5.90957 13.1231 5.88976 13.101 5.87736 13.0748L5.03898 11.0399C5.02282 11.0001 5.02928 10.9559 5.05728 10.9209C5.08528 10.8859 5.12998 10.8655 5.17844 10.8655H5.69482C5.75998 10.8655 5.81705 10.9026 5.83644 10.9565L6.20475 11.9903C6.23544 12.0775 6.26398 12.1599 6.29036 12.2385C6.32267 12.1599 6.35767 12.077 6.39482 11.9892L6.84821 10.9489C6.86078 10.9233 6.88045 10.9018 6.90489 10.887C6.92933 10.8722 6.9575 10.8647 6.98605 10.8655H7.41252C7.47444 10.8655 7.52936 10.8994 7.55144 10.95L7.98113 11.9677C8.0199 12.0592 8.05436 12.1448 8.08613 12.2256C8.11252 12.1492 8.14321 12.0662 8.17821 11.9752L8.57505 10.9532C8.58694 10.9262 8.60662 10.9034 8.63156 10.8877C8.65651 10.872 8.68558 10.864 8.71505 10.8649H9.21367C9.23693 10.8646 9.25997 10.8694 9.28112 10.8791C9.30227 10.8888 9.32098 10.9031 9.3359 10.9209C9.34954 10.9377 9.35831 10.958 9.36125 10.9794C9.36419 11.0009 9.3612 11.0227 9.35259 11.0426ZM14.1567 11.0426L13.2607 13.0769C13.2482 13.1025 13.2285 13.1239 13.204 13.1386C13.1796 13.1534 13.1514 13.1607 13.1229 13.1598H12.6631C12.6345 13.1607 12.6064 13.1534 12.5819 13.1386C12.5575 13.1239 12.5378 13.1025 12.5252 13.0769L12.1004 12.1061C12.0601 12.0141 12.0216 11.9213 11.9851 11.8277C11.9458 11.9278 11.9054 12.021 11.8651 12.1104L11.4165 13.0796C11.4036 13.1046 11.3838 13.1254 11.3595 13.1396C11.3352 13.1538 11.3073 13.1609 11.2792 13.1598H10.8199C10.7909 13.1608 10.7623 13.1532 10.7375 13.1381C10.7127 13.123 10.6929 13.101 10.6804 13.0748L9.84205 11.0399C9.83408 11.0203 9.83157 10.9988 9.83479 10.9779C9.83801 10.9569 9.84685 10.9373 9.86036 10.9209C9.87524 10.9033 9.89381 10.8893 9.91475 10.8797C9.93569 10.8701 9.95849 10.8652 9.98152 10.8655H10.4979C10.5631 10.8655 10.6201 10.9026 10.6395 10.9565L11.0073 11.9903L11.094 12.2385C11.1257 12.1599 11.1602 12.077 11.1974 11.9892L11.6513 10.9489C11.6637 10.9232 11.6834 10.9016 11.7079 10.8868C11.7323 10.872 11.7605 10.8646 11.7891 10.8655H12.2156C12.2775 10.8655 12.333 10.8994 12.3545 10.95L12.7847 11.9677C12.823 12.0592 12.8574 12.1448 12.8887 12.2256C12.9161 12.1492 12.9457 12.0662 12.9813 11.9752L13.3781 10.9532C13.3986 10.9005 13.4557 10.8649 13.5187 10.8649H14.0173C14.0668 10.8649 14.1126 10.8859 14.1395 10.9209C14.1534 10.9376 14.1623 10.9579 14.1653 10.9793C14.1684 11.0008 14.1654 11.0227 14.1567 11.0426ZM18.9604 11.0426L18.0649 13.0769C18.0522 13.1026 18.0324 13.124 18.0079 13.1387C17.9834 13.1534 17.9551 13.1607 17.9265 13.1598H17.4672C17.4064 13.1598 17.3509 13.127 17.3294 13.0769L16.9045 12.1061C16.8642 12.0141 16.8258 11.9213 16.7893 11.8277C16.75 11.9278 16.7091 12.021 16.6687 12.1104L16.2201 13.0796C16.2071 13.1046 16.1874 13.1254 16.1631 13.1396C16.1388 13.1538 16.1109 13.1608 16.0828 13.1598H15.6241C15.595 13.1609 15.5662 13.1534 15.5413 13.1382C15.5165 13.1231 15.4965 13.1011 15.4841 13.0748L14.6457 11.0399C14.6301 11.0001 14.6354 10.9559 14.6634 10.9209C14.6914 10.8859 14.7367 10.8655 14.7851 10.8655H15.3021C15.3672 10.8655 15.4243 10.9026 15.4431 10.9565L15.8114 11.9903L15.8976 12.2385C15.9294 12.1599 15.9638 12.077 16.001 11.9892L16.4549 10.9489C16.4676 10.9232 16.4873 10.9017 16.5119 10.8869C16.5364 10.8721 16.5647 10.8647 16.5933 10.8655H17.0192C17.0811 10.8655 17.1366 10.8994 17.1581 10.95L17.5878 11.9677C17.6266 12.0592 17.6616 12.1448 17.6934 12.2256C17.7197 12.1492 17.7504 12.0662 17.7854 11.9752L18.1828 10.9532C18.2027 10.9005 18.2593 10.8649 18.3228 10.8649H18.8214C18.871 10.8649 18.9162 10.8859 18.9437 10.9209C18.9571 10.9379 18.9657 10.9581 18.9687 10.9795C18.9716 11.0009 18.9687 11.0227 18.9604 11.0426ZM6.45944 9.84615C6.61182 9.45954 6.80244 9.09177 7.02859 8.74931C7.06198 8.75577 7.09321 8.76923 7.12821 8.76923H8.14052C8.03283 9.12308 7.94475 9.4826 7.87667 9.84615H8.98321C9.06667 9.46977 9.16359 9.10523 9.28582 8.76923H14.6629C14.7851 9.10523 14.8821 9.46977 14.9655 9.84615H16.0721C16.004 9.4826 15.9159 9.12308 15.8082 8.76923H16.8205C16.8555 8.76923 16.8867 8.75577 16.9207 8.74931C17.1457 9.09177 17.3369 9.45954 17.4893 9.84615H18.6314C17.7208 7.03754 15.0824 5 11.9744 5C8.86636 5 6.2279 7.03754 5.31682 9.84615H6.45944ZM16.0268 7.69231H15.3871C15.2535 7.40938 15.1004 7.13608 14.9289 6.87438C15.3274 7.10485 15.6946 7.37946 16.0268 7.69231ZM11.9744 6.07692C12.8095 6.07692 13.5806 6.69831 14.1616 7.69231H9.78713C10.3681 6.69831 11.1392 6.07692 11.9744 6.07692ZM9.01875 6.87438C8.8529 7.12692 8.69998 7.39992 8.56105 7.69231H7.9219C8.25492 7.37848 8.62296 7.10404 9.01875 6.87438ZM17.4893 14.1538C17.3369 14.541 17.1457 14.9077 16.9201 15.2507C16.8867 15.2442 16.8555 15.2308 16.8205 15.2308H15.8077C15.9148 14.8894 15.9988 14.5259 16.0715 14.1538H14.965C14.8878 14.5191 14.7867 14.8788 14.6624 15.2308H9.28582C9.16175 14.8787 9.06067 14.519 8.98321 14.1538H7.87721C7.9499 14.5259 8.0339 14.8894 8.14105 15.2308H7.12821C7.09321 15.2308 7.06198 15.2442 7.02859 15.2507C6.80151 14.9057 6.61077 14.5381 6.45944 14.1538H5.31682C6.2279 16.9625 8.86636 19 11.9744 19C15.0824 19 17.7208 16.9625 18.6314 14.1538H17.4893ZM7.9219 16.3077H8.56159C8.70052 16.6001 8.85344 16.8736 9.01928 17.1256C8.62324 16.8961 8.25501 16.6216 7.9219 16.3077ZM11.9744 17.9231C11.1392 17.9231 10.3681 17.3017 9.78713 16.3077H14.1611C13.5806 17.3017 12.8095 17.9231 11.9744 17.9231ZM14.9294 17.1256C15.0958 16.8736 15.2487 16.6001 15.3877 16.3077H16.0274C15.6946 16.6205 15.3274 16.8952 14.9294 17.1256Z" fill="white"/></g><defs><clipPath id="clip0_2495_21386"><rect width="14" height="14" fill="white" transform="translate(5 5)"/></clipPath></defs></svg>');
}

#ttc .content_ttc_other p,
#ttc .content_ttc_other span {
    color: var(--body) !important;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5 !important;
    /* 150% */
    letter-spacing: unset !important;
}

.menu_tchc ul {
    border-radius: 10px;
    border: 1px solid var(--border-table, #CED8EB);
    background: #F6F6F6;
    display: flex;
    padding: 15px;
    flex-direction: column;
    gap: 15px;
}

.menu_tchc .menu-m3>ul>li {
    border: none;
    position: relative;
}

.menu_tchc .menu-m3>ul>li>svg {
    position: absolute;
    top: 6px;
    right: 0;
    cursor: pointer;
}

.menu_tchc .menu-m3>ul>li>a {
    background-color: unset;
    color: var(--body);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;
    /* 150% */
    text-transform: uppercase;
    /* padding: 0 20px 0 12px; */
    padding: 0 0 0 12px;
    display: flex;
    align-items: center;
    gap: 8px;
    position: relative;
}

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

.menu_tchc .menu-m3>ul>li ul {
    border-radius: 6px;
    background: #E8E8E8;
    display: flex;
    padding: 15px;
    flex-direction: column;
    gap: 10px;
    border: none;
    margin-top: 5px;
}

.menu_tchc .menu-m3>ul>li ul>li {
    padding: 0;
}

.menu_tchc .menu-m3>ul>li ul>li>a {
    color: var(--body) !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;
    /* 150% */
}

.menu_tchc .menu-m3>ul>li.active>a,
.menu_tchc .menu-m3>ul>li ul>li.active>a {
    color: var(--danger) !important;
}

#sdtc ul {
    display: flex;
    gap: 1rem;
    flex-direction: column;
}

#sdtc ul li {
    border-radius: 10px;
    border: 1px solid var(--border-tertiary);
    background: var(--bg-blue-gray-lighter);
    padding: 20px;
    display: flex;
    gap: 50px;
}

#sdtc ul li .NhanSu img {
    border-radius: 10px;
    box-shadow: 5px 5px 0px 0px #DFDFDF;
    flex-shrink: 0;
    width: 116px;
    height: 168px;
    object-fit: cover;
}

#sdtc ul li .ThongTinNhanSu {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

#sdtc ul li .ThongTinNhanSu>div>label {
    color: var(--body);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.625;
    /* 162.5% */
    width: 115px;
}

#sdtc ul li .ThongTinNhanSu>div>span {
    color: var(--body);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.5;
    /* 144.444% */
}

#sdtc ul li .ThongTinNhanSu>.TenNhanSu>span {
    font-size: 18px;
}

#dvtt ul>span,
#dvhc ul>span,
#ListOrgOnGroup ul>span {
    color: var(--body);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.44;
    /* 144.444% */
    display: block;
    margin-bottom: 10px;
    margin-top: 20px;
}

#dvtt ul>li,
#dvhc ul>li,
#ListOrgOnGroup ul>li {
    background-position: 0 10px;
    padding: 7.5px 10px;
}

#dvtt ul>li a,
#dvhc ul>li a,
#ListOrgOnGroup ul>li a {
    color: var(--body) !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;
    /* 150% */
    margin-left: 0;
    display: block;
}

#dvtt ul>li:hover a,
#dvhc ul>li:hover a,
#ListOrgOnGroup ul > li:hover a,
#ListOrgOnGroup ul li:hover a {
    color: var(--primary) !important;
}

#dvtt ul>li,
#dvhc ul>li,
.dvhc_tabs ul li,
#ListOrgOnGroup ul li {
    background: none !important;
    padding-left: 0 !important;
    position: relative;
}

.dvhc_tabs ul li a::before,
#ListOrgOnGroup ul li a::before {
    content: "\e3e8";
    font-family: FluentSystemIcons;
    font-size: 1.25rem;
    line-height: 1.5rem;
    margin-right: 0.25rem;
    vertical-align: top;
}


.dvhc_tabs ul li a,
#ListOrgOnGroup ul li a {
    display: flex !important;
}

#sdtc ul li .ThongTinNhanSu .NhiemVu .modal-body .name_sdtc p {
    margin-top: 0 !important;
    margin-bottom: 1rem !important;
}

#sdtc ul li .ThongTinNhanSu .NhiemVu .modal-body .name_sdtc span,
#sdtc ul li .ThongTinNhanSu .NhiemVu .modal-body .name_sdtc p,
#sdtc ul li .ThongTinNhanSu .NhiemVu .modal-body .name_sdtc p span {
    font-size: 1rem;
    line-height: 1.5;
}

#sdtc ul li .ThongTinNhanSu .NhiemVu .modal-body .name_sdtc p span {
    display: block;
}

.modal-header .btn-close:focus {
    box-shadow: none;
}


/*********************************************************************************************************************/
/***************************************************THỐNG KÊ CHI TIẾT HỒ SƠ*******************************************/
/*********************************************************************************************************************/

.DnnModule-ThongKeHoSoChiTietThongKe .filter-form .form-row > .col {
    padding-left: 0;
    padding-right: 0;
}

.DnnModule-ThongKeHoSoChiTietThongKe .filter-form .form-row > .col > .row > div:nth-child(3),
.DnnModule-ThongKeHoSoChiTietThongKe .filter-form .form-row > .col > .row > div:nth-child(4) {
    display: none;
}

.DnnModule-ThongKeHoSoChiTietThongKe .filter-form .form-group {
    margin-bottom: 1rem;
}

.DnnModule-ThongKeHoSoChiTietThongKe table thead tr th {
    vertical-align: middle;
}

.DnnModule-ThongKeHoSoChiTietThongKe table thead tr,
.DnnModule-ThongKeHoSoChiTietThongKe table thead th {
    border: 1px solid var(--border-tertiary);
}

/************************************************************************************************************************************************/
/*****************************************************TRANG THÀNH PHẦN - GIẢI TRÌNH Ý KIẾN CỬ TRI***********************************************************/
/************************************************************************************************************************************************/
.YKienCuTri .titleHead {
    padding: 0;
    margin-bottom: 15px;
}

.YKienCuTri .titleHead .TitleH4 {
    color: var(--body);
    text-align: justify;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.33;
    /* 133.333% */
}

.YKienCuTri .tm_tl {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.YKienCuTri .tm_tl .tm_t {
    padding-bottom: 10px;
    padding-top: 0;
    border-bottom: 1px solid #E0E0E0;
    display: flex;
    gap: 10px;
    position: relative;
}

.YKienCuTri .tm_tl .tm_t:last-child {
    border-bottom: none;
}

.YKienCuTri .YKien_Info .YKien_details {
    display: flex;
    gap: 10px;
}

.YKienCuTri .tm_tl .tm_t .information span,
.YKienCuTri .YKien_Info .news_detail {
    color: var(--body);
    font-size: 16px !important;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;
    /* 150% */
    text-align: justify !important;
}

.YKienCuTri .tm_tl .tm_t .information .YKienCuTri .YKien_Info .info {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.YKienCuTri .news_date {
    color: var(--blue) !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    /* 150% */
    display: flex;
    align-items: center;
    gap: 4px;
}

.YKienCuTri .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>');
}

.YKienCuTri .tm_tl .tm_t .information .detail_link {
    color: var(--blue) !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;
    /* 150% */
    text-decoration-line: underline;
}

.YKienCuTri .TraLoiYKien {
    display: flex;
    gap: 10px;
}

.YKienCuTri .TraLoiYKien p {
    margin: 0 !important;
    color: var(--body);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
}

.YKienCuTri .news_list_related .Title {
    color: var(--vng-m, #EA8F00);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.44;
    /* 144.444% */
    margin-bottom: 15px;
}

.YKienCuTri .news_list_related .tm_tl .tm_t {
    border-bottom: none;
}

.YKienCuTri .news_list_related .tm_tl .tm_t .news_link {
    color: var(--body) !important;
    text-align: justify;
    font-size: 16px;
    font-style: normal;
    font-weight: 500 !important;
    line-height: 1.5;
    padding-left: 12px;
}

.YKienCuTri .news_list_related .tm_tl .tm_t .news_link span {
    color: var(--blue);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    padding-left: 5px;
}

.YKienCuTri .news_list_related .tm_tl li:before {
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: var(--body);
    display: block;
    flex-shrink: 0;
    position: absolute;
    top: 9px;
    left: 0;
}

/************************************************************************************************************************************************/
/*****************************************************TRANG THÀNH PHẦN - DÂN HỎI CƠ QUAN CHỨC NĂNG TRẢ LỜI***********************************************************/
/************************************************************************************************************************************************/

.DanHoi .content-body .box-content,
.DnnModule-HuePortal_PhananhKiennghi [id*="TDGuiPhananhKiennghi_udpRecommends"] {
    border-radius: 0.5rem;
    border: 1px solid var(--border-tertiary);
    background: var(--bg-blue-gray-lighter);
    padding: 1.5rem;
    margin-bottom: 30px;
}

.DanHoi .page-title {
    padding: 0;
}

.DanHoi .page-title-box,
.DnnModule-HuePortal_PhananhKiennghi [id*="TDGuiPhananhKiennghi_udpRecommends"] .title-table p {
    color: var(--primary);
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.6;
    /* 160% */
    /* text-transform: uppercase; */
    margin-bottom: 15px;
}

.DnnModule-HuePortal_PhananhKiennghi [id*="TDGuiPhananhKiennghi_udpRecommends"] .title-table p {
    /* font-family: var(--font-family-literata); */
    font-family: var(--font-family-inter);
}

.DanHoi .form-group label,
.DnnModule-HuePortal_PhananhKiennghi .form-send .form-label {
    color: var(--body);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px
}

.DnnModule-HuePortal_PhananhKiennghi .form-send .form-label {
    margin: 0 0 0.25rem 0;
}

.DanHoi .form-group {
    display: flex;
    flex-direction: column;
    margin-bottom: 1rem;
}

.DnnModule-HuePortal_PhananhKiennghi .form-send .row>div:not(:last-child) {
    margin-bottom: 1rem;
}

.DnnModule-HuePortal_PhananhKiennghi .form-send .row>div:nth-last-child(2) {
    width: 100%;
}

.DnnModule-HuePortal_PhananhKiennghi .form-send table {
    width: auto !important;
    margin-left: 50px;
}

.DnnModule-HuePortal_PhananhKiennghi .form-send table tr td {
    padding: 0 2rem !important;
    border: 0 !important;
}

.DnnModule-HuePortal_PhananhKiennghi .form-send table tr td label {
    margin: 0;
}

.DanHoi .form-group input,
.DanHoi .form-group textarea,
.DnnModule-HuePortal_PhananhKiennghi .form-send .form-control {
    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;
}

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

.DnnModule-HuePortal_PhananhKiennghi .form-send .fupFile {
    max-width: 100%;
}

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

.DanHoi .btn.btn-primary,
.DanHoi .btn.btn-orange,
.DanHoi_Main .btn.btn-primary,
.DanHoi_Main .btn.btn-orange,
.DanHoi_DanhSach .btn.btn-orange,
.DanHoi_DanhSach .group-filter a,
.DnnModule-HuePortal_PhananhKiennghi .form-send .btn.btn-primary {
    color: var(--white);
    background-color: var(--primary);
    border-color: var(--primary);
    font-weight: 500;
    min-width: 120px;
    font-size: 0.875rem;
    line-height: 1.25rem;
    padding: 0.5rem 1rem;
}

.DnnModule-HuePortal_PhananhKiennghi .form-send .btn.btn-primary {
    margin-bottom: 0;
}

.DanHoi_Main .group-button-action .btn:not(:last-child) {
    margin-right: 0.5rem;
}

.DanHoi .btn.btn-outline-primary,
.DanHoi .btn.btn-outline-primary:hover,
.DanHoi .btn.btn-outline-primary:focus,
.DanHoi_Main .btn.btn-outline-primary,
.DanHoi_Main .btn.btn-outline-primary:hover,
.DanHoi_Main .btn.btn-outline-primary:focus {
    border-color: var(--primary);
    color: var(--primary);
    background-color: var(--white);
    font-weight: 500;
    min-width: 120px;
    font-size: 0.875rem;
    line-height: 1.25rem;
    padding: 0.5rem 1rem;
}

#listCauHoiKhac .listTitle {
    /* 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;
    border-top: 1px solid var(--border-tertiary);
}

#listCauHoiKhac #listFAQ {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 1.5rem;
}

#listCauHoiKhac #listFAQ li {
    display: flex;
    gap: 10px;
}

#listCauHoiKhac #listFAQ li svg {
    flex-shrink: 0;
    margin-top: 2px;
}

#listCauHoiKhac #listFAQ li a {
    color: var(--body);
}

.DanHoi_Main #detailFAQ .faq-news__content {
    display: flex;
    gap: 10px;
}

.DanHoi_Main #detailFAQ .faq-news__content svg {
    flex-shrink: 0;
    margin-top: 2px;
}

.DanHoi_Main #detailFAQ .faq-news__details .title-box,
.DanHoi_Main #detailFAQ .faq-news__details span.text-bold {
    font-weight: 600;
}

.DanHoi_Main #detailFAQ .faq-news__details .faq-news__name {
    color: var(--blue);
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-style: italic;
    display: block;
    margin-top: 0.25rem;
}

/* .DanHoi_Main #detailFAQ .FAQ_Details {
    padding-bottom: 15px;
    border-bottom: 1px solid #E0E0E0;
    margin-bottom: 15px;
} */

.DanHoi_DanhSach .content-body #navFAQ {
    display: flex;
    justify-content: center;
    border-bottom: none;
    margin-bottom: 20px;
}

.DanHoi_DanhSach .content-body #navFAQ li.active a,
.DanHoi_DanhSach .content-body #navFAQ li:hover a {
    border: none;
    color: var(--primary);
}

.DanHoi_DanhSach .content-body #navFAQ li a {
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;
    outline: none;
    border: none !important;
    position: relative;
    transition: all 0.3s ease-in-out;
}

.DanHoi_DanhSach .content-body #navFAQ li a.active {
    color: var(--primary);
}

.DanHoi_DanhSach .content-body #navFAQ li a::after {
    content: "";
    position: absolute;
    left: 2rem;
    right: 2rem;
    border-top: 2px solid var(--primary);
    bottom: 0;
    opacity: 0;
    transition: all 0.3s ease-in-out;
}

.DanHoi_DanhSach .content-body #navFAQ li a:hover::after,
.DanHoi_DanhSach .content-body #navFAQ li a.active::after {
    opacity: 1;
}

.DanHoi_DanhSach .group-filter {
    border-radius: 6px;
    border: 1px solid var(--border-tertiary);
    background: var(--bg-blue-gray-lighter);
    display: flex;
    padding: 20px;
    gap: 1rem;
    margin-bottom: 20px;
}

.DanHoi_DanhSach .group-filter a {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    width: 145px;
}

.DanHoi_DanhSach .group-table-head {
    position: relative;
}

.DanHoi_DanhSach .group-table-head .filterResult span {
    /* 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;
    margin-bottom: 1rem;
    border-bottom: 1px solid var(--border-tertiary);
}

.DanHoi_DanhSach .group-table-head .group-button-action {
    position: absolute;
    top: 0;
    right: 0;
}

/* .DanHoi_DanhSach .group-table-head .group-button-action button {
    padding: 10px 30px !important;
    color: var(--white);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.375;
} */

.DanHoi_DanhSach #listFAQ .faq-news__content {
    display: flex;
    gap: 10px;
}

.DanHoi_DanhSach #listFAQ .faq-news__content:not(:last-of-type) {
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid var(--border-tertiary);
}

.DanHoi_DanhSach #listFAQ .faq-news__content svg {
    flex-shrink: 0;
    margin-top: 2px;
}

.DanHoi_DanhSach #listFAQ .faq-news__details .title-box {
    font-weight: 600;
}

.DanHoi_DanhSach #listFAQ .faq-news__details .faq-news__name {
    color: var(--blue);
    font-size: 14px;
    font-style: italic;
    font-weight: 400;
    line-height: 1.57;
    /* 157.143% */
    display: block;
    margin-top: 2px;
    margin-bottom: 2px;
}

.DanHoi_DanhSach #listFAQ .faq-news__details .faq-detail__link {
    color: var(--blue);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;
    /* 150% */
    text-decoration-line: underline;
}

.DanHoi .content-header,
.DanHoi_Main .content-header,
.DanHoi_DanhSach .content-header {
    display: none;
}

.NhomChucNangSidebar {
    gap: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.NhomChucNangSidebar>a,
.NhomChucNangSidebar>a>img {
    width: auto;
}

/************************************************************************************************************************************************/
/*****************************************************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 THÀNH PHẦN - MENU PHÓ CHỦ TỊCH***********************************************************/
/************************************************************************************************************************************************/
.TrangTinPhoChuTich .Title {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}

.TrangTinPhoChuTich .Title span:first-child {
    color: var(--blue);
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.44;
    /* 144.444% */
}

.TrangTinPhoChuTich .Title span:last-child {
    color: var(--body);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.5;
    /* 150% */
    text-transform: uppercase;
}

.TrangTinPhoChuTich ul {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.TrangTinPhoChuTich ul li>a {
    display: flex;
    gap: 12px;
    align-items: center;
}

.TrangTinPhoChuTich ul li>a img {
    border-radius: 6px;
    border: 1px solid #ECECEC;
    background: var(--Primary-Blue-25, #EAEFFF);
    box-shadow: 2px 2px 0px 0px #DFDFDF;
    display: flex;
    width: 68px;
    height: 90px;
    justify-content: center;
    align-items: center;
    object-fit: cover;
}

.TrangTinPhoChuTich ul li .ChucVu {
    color: var(--blue);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.57;
    /* 157.143% */
}

.TrangTinPhoChuTich ul li .Ten {
    color: var(--body);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.75;
    /* 175% */
}

/************************************************************************************************************************************************/
/*****************************************************TRANG THÀNH PHẦN - TIẾP NHẬN, XỬ LÝ PHẢN ẢNH, KIẾN NGHỊ***********************************************************/
/************************************************************************************************************************************************/
.PhanAnhKienNghi {
    border: none;
    background: none;
}

.PhanAnhKienNghi .search_PAKN,
.box-gray-search {
    padding: 1.5rem;
    border-radius: 0.25rem;
    border: 1px solid var(--border-tertiary);
    background: var(--bg-blue-gray-lighter);
    margin-bottom: 30px;
}

.search_PAKN .boxsearch {
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.search_PAKN .boxsearch .group-search {
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
}

.search_PAKN .boxsearch .group-search:last-child {
    flex: 0;
}

.search_PAKN .boxsearch .group-search label {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    margin: 0;
    margin-bottom: 0.5rem;
}

.search_PAKN .boxsearch .group-search input {
    color: var(--body);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    /* 150% */
    border-radius: 4px;
    border: 1px solid var(--border-tertiary);
    background: var(--white);
    padding: 7px 16px;
    outline: none;
    margin: 0;
}

.search_PAKN .boxsearch .group-search .select2-choice {
    color: var(--body);
    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: 7px 16px;
    outline: none;
    margin: 0;
    height: auto;
}

.search_PAKN .boxsearch .group-search .select2-choice>div {
    border: none;
    background: none;
    top: 6px;
}

.search_PAKN .boxsearch .group-search .btn {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    min-width: 130px;
    border-radius: 0.25rem;
    line-height: 1.375rem;
}

.search_PAKN .boxsearch .group-search .btn img {
    display: none;
}

.search_PAKN .boxsearch .group-search .btn::before {
    content: "";
    width: 20px;
    height: 20px;
    display: block;
    flex-shrink: 0;
    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>');
}

.list_KNTC {
    padding: 0;
}

.list_PKAN {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
}

.list_PKAN li {
    margin: 0;
    width: calc(50% - 0.75rem);
    height: auto;
    border-radius: 0.25rem;
    border: 1px solid var(--template-border-1);
    background: var(--white);
    box-shadow: 3px 0px 0px 0px #97C0FF inset;
    display: flex;
    padding: 1rem 1.25rem;
    flex-direction: column;
    gap: 0.5rem;
}

.list_PKAN li .row {
    margin-right: -5px;
    margin-left: -5px;
}

.list_PKAN li .row>*[class*="col"] {
    padding-right: 5px;
    padding-left: 5px;
}

.list_PKAN li .row>strong {
    font-weight: 600;
    width: 30%;
}

.list_PKAN li .row>span {
    width: 70%;
}

.list_PKAN li:hover {
    background: none;
}

.list_PKAN li>div>span:first-child {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    /* 150% */
}

.list_PKAN li>div>span {
    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: 3;
}

.list_PKAN li .content {
    height: auto;
    max-height: unset;
}

.list_PKAN li .detail {
    position: unset;
    text-align: right;
}

.list_PKAN li .detail a {
    color: var(--primary-dark) !important;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-style: normal;
    font-weight: 500;
    display: inline-block;
    /* text-decoration-line: underline; */
}

.list_PKAN li .detail a::after {
    content: "\e111";
    font-family: FluentSystemIcons;
    color: var(--primary-dark);
    margin-left: 4px;
    font-size: 20px;
    line-height: 1;
    vertical-align: top;
}

.Menu-PAKN .group-search input:first-child {
    color: var(--body);
    border-radius: 0.25rem;
    border: 1px solid var(--border-tertiary);
    background: var(--white);
    padding: 8px 16px;
    outline: none;
    margin: 0;
    flex: 1;
    width: 10%;
}

.Menu-PAKN .group-search {
    display: flex;
    flex: 0 0 100%;
    gap: 0.5rem;
}

/* .Menu-PAKN .group-search .btn {
    width: 48px;
    flex-shrink: 0;
    min-width: 48px;
    padding: 6px 10px !important;
} */

.DnnModule-HuePortal_Menu_PhananhKiennghi .Menu-PAKN .guide-use a {
    display: flex;
    align-items: center;
}

.Menu-PAKN .guide-use a span {
    text-transform: none !important;
}

.Menu-PAKN .guide-use a::before {
    content: "\e1fa";
    font-family: FluentSystemIcons;
    color: var(--primary);
    font-size: 2rem;
    line-height: 1;
}

.Menu-PAKN .guide-use img {
    display: none;
}

.GiaiquyetPAKN_detail table tbody tr td {
    border: none !important;
    padding: 7.5px 0 !important;
}

.GiaiquyetPAKN_detail table tbody tr td:first-child {
    width: 20% !important;
}

.GiaiquyetPAKN_detail table tbody tr td:last-child {
    width: 80% !important;
}

div[id*="TDChiTietPhanAnh_divContent"] {
    border-radius: 10px;
    border: 1px solid var(--border-table, #CED8EB) !important;
    background: var(--white);
    overflow: hidden;
    padding: 12.5px 20px;
}

.GiaiquyetPAKN_detail .panel-body h3 {
    color: var(--blue);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.5;
    /* 150% */
    margin-bottom: 15px;
}

/************************************************************************************************************************************************/
/*****************************************************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;
}

.DeTaiKhoaHoc .news_link span {
    color: var(--body);
    text-align: justify;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.33;
    /* 133.333% */
    margin-bottom: 15px;
    display: block;
}

.DeTaiKhoaHoc .news_content {
    border-radius: 10px;
    border: 1px solid var(--border-table, #CED8EB);
    background: var(--white);
    padding: 20px;
}

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

.DeTaiKhoaHoc .news_list_related .news_other li .news_title {
    display: flex;
    gap: 4px;
}

.DeTaiKhoaHoc .news_list_related .news_other li .news_title a {
    color: var(--blue) !important;
    text-align: justify;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    /* 150% */
}

.DeTaiKhoaHoc .news_list_related .news_other .list_news {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.DeTaiKhoaHoc .news_list_related .news_other .list_news li {
    display: list-item;
    list-style: disc;
    margin-left: 15px;
    position: relative;
}

.DeTaiKhoaHoc .news_list_related .news_other .list_news li::marker {
    font-size: 16px;
    color: var(--blue);
}

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

/************************************************************************************************************************************************/
/*****************************************************TRANG THÀNH PHẦN - LỊCH CÔNG TÁC***********************************************************/
/************************************************************************************************************************************************/

.title-calendar {
    text-align: center;
    margin-bottom: 1.5rem;
}

.title-calendar p {
    margin-bottom: 0;
}

/* .title-calendar p:last-child {
    margin-bottom: 0;
} */

.title-calendar p.title-calendar-top {
    /* font-family: var(--font-family-literata); */
    font-family: var(--font-family-inter);
    font-size: 1.75rem !important;
    line-height: 2.5rem;
    font-weight: 600;
    color: var(--template-title-1);
}

.title-calendar p.title-calendar-bottom {
    text-align: center;
    font-size: 1.25rem !important;
    line-height: 1.75rem;
    font-weight: 600;
    /* text-transform: uppercase; */
    display: none;
}

table.table-calendar {
    border-collapse: separate;
    /* spacing*/
    /* border-spacing: 9px; */
}

.table-responsive>table.table-calendar>tbody>tr.dayofweek>td {
    white-space: nowrap !important;
    padding: 0 !important;
    /* border-radius: 4px; */
    border: 0 !important;
}

.table-responsive>table.table-calendar>tbody>tr.dayofweek>td:first-child {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.table-responsive>table.table-calendar>tbody>tr.dayofweek>td:last-child {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.table-responsive>table.table-calendar>tbody>tr.dayofweek>td.redtab {}

.table-responsive>table.table-calendar>tbody>tr.dayofweek>td a {
    padding: 8px 16px !important;
    display: block;
    border-radius: 0.5rem;
    color: var(--body) !important;
    font-weight: 600;
    transition: all 0.3s ease-in-out;
}

.table-responsive>table.table-calendar>tbody>tr.dayofweek>td.redtab a,
.table-responsive>table.table-calendar>tbody>tr.dayofweek>td:hover a {
    background-color: var(--template-button-1);
    color: var(--white) !important;
}

/* .table-responsive-calendar {
    overflow-x: unset;
} */

/* .table-responsive-calendar .table-calendar {
    margin: 0 -10px;
    width: calc(100% + 20px) !important;
    margin-bottom: 20px;
}
 */
.list-table-LCT>table:not(:last-child),
#lichCTT .tableCalendar-wrapper>table.tableCalendar:not(:last-child) {
    margin-bottom: 1.5rem;
}

table.lichTD {
    border-collapse: separate;
    border-spacing: 0;
}

table.lichTD tbody tr {
    border: none;
}

table.lichTD tbody table {
    margin-bottom: 0;
    border-collapse: separate;
    border-spacing: 0;
}

.list-table-LCT table:first-child tbody tr:first-child td,
#lichCTT .tableCalendar-wrapper>table.tableCalendar tbody tr:first-child td {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border: 1px solid var(--template-border-2) !important;
    background-color: var(--template-border-1) !important;
}

table.lichTD tbody table tbody tr:first-child td:first-child,
#lichCTT .tableCalendar-wrapper>table.tableCalendar tbody tr:first-child td:first-child {
    border-top-left-radius: 8px;
    border-top: 1px solid var(--template-border-2) !important;
}

table.lichTD tbody table tbody tr:first-child td:last-child,
#lichCTT .tableCalendar-wrapper>table.tableCalendar tbody tr:first-child td:last-child {
    border-top-right-radius: 8px;
}

table.lichTD tbody table tbody tr:last-child td:first-child,
#lichCTT .tableCalendar-wrapper>table.tableCalendar tbody tr:last-child td[rowspan]:first-child,
#lichCTT .tableCalendar-wrapper>table.tableCalendar tbody tr:last-child td.nodata {
    border-bottom-left-radius: 8px;
}

table.lichTD tbody table tbody tr:last-child td:last-child,
#lichCTT .tableCalendar-wrapper>table.tableCalendar tbody tr:last-child td:last-child {
    border-bottom-right-radius: 8px;
}

.list-table-LCT table tbody tr:first-child td,
#lichCTT .tableCalendar-wrapper>table.tableCalendar tbody tr:first-child td {
    background-color: var(--template-border-1) !important;
}

.list-table-LCT table tbody tr:first-child td,
#lichCTT .tableCalendar-wrapper>table.tableCalendar tbody tr:first-child td {
    padding: 7px !important;
}

.list-table-LCT table tbody tr:first-child td,
.list-table-LCT table tbody tr:first-child td b {
    color: var(--body) !important;
    font-size: 18px !important;
    font-style: normal;
    font-weight: 600;
    line-height: 1.44;
    --bs-table-bg-type: #BDDFFF !important;
}

.list-table-LCT table tbody tr td {
    border-bottom: 1px solid var(--template-background-5) !important;
    border-top: none !important;
    border-left: none !important;
}

.list-table-LCT table tbody tr td,
#lichCTT .tableCalendar-wrapper>table.tableCalendar tbody tr td {
    border-right: 1px solid var(--template-border-2) !important;
}

.list-table-LCT table tbody tr td:first-child,
#lichCTT .tableCalendar-wrapper>table.tableCalendar tbody tr td:first-child,
#lichCTT .tableCalendar-wrapper>table {
    border-left: 1px solid var(--template-border-2) !important;
}

#lichCTT .tableCalendar-wrapper>table {
    border-radius: 8px;
    overflow: hidden;
}

#lichCTT .tableCalendar-wrapper>table.tableCalendar tbody tr td:first-child {
    border-left: 0 !important;
}

table.table-calendar>tbody>tr.dayofweek {
    background-color: var(--template-background-8);
}

.list-table-LCT .table-hover>tbody>tr:hover>* {
    --bs-table-bg-state: unset;
}

.list-table-LCT .table-striped>tbody>tr:nth-of-type(odd)>* {
    --bs-table-bg-type: unset;
}

.list-table-LCT table tr.titleHead {
    background-color: var(--template-background-5);
}

.list-table-LCT table tr.titleHead td {
    padding: 11px 12px !important;
    color: var(--body) !important;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 600;
    line-height: 1.5;
    background-color: var(--white) !important;
}

.list-table-LCT table tr.titleHead td:first-child {
    width: 200px !important;
}

.list-table-LCT table tr.titleHead td:nth-child(3) {
    width: 45% !important;
}

.list-table-LCT table tr.titleHead td:not(:last-child),
table.lichTD tbody table tr td:not(:last-child) {
    border-right: 0 !important;
}

.list-table-LCT table tr.titleHead td:not(:first-child),
table.lichTD tbody table tr td:not(:first-child) {
    border-left: 0 !important;
}

.list-table-LCT table tr:not(.titleMonth):not(.titleHead) td {
    padding: 11px 12px !important;
    color: var(--body) !important;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.list-table-LCT .table> :not(caption)>*>* {
    box-shadow: none !important;
}

.formCMS-calendar {
    /* margin-top: -15px; */
    margin-bottom: 20px;
}

.group-button-export .imageExport {
    padding: 9px 120px 9px 16px;
    border-radius: 6px;
    vertical-align: top;
}

.group-button-export {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 15px;
}

.group-button-export .imageExportWrapper {
    display: inline-block;
    position: relative;
    min-width: 160px;
    vertical-align: top;
}

.group-button-export .imageExportWrapper:before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 1rem;
    display: inline-block;
    color: var(--blue);
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.25rem;
    z-index: -1;
}

.group-button-export .imageExportWrapper.imageExportWrapper-word:before {
    content: 'Xuất file Word';
    color: var(--blue);
}

.group-button-export .imageExportWrapper.imageExportWrapper-excel:before {
    content: 'Xuất file Excel';
    color: var(--success);
}

.group-button-export .imageExportWrapper:not(:last-of-type) {
    /*margin-right: 15px;*/
}

.group-button-export .imageExport.imageExport-word {
    border: 1px solid var(--blue);
}

.group-button-export .imageExport.imageExport-excel {
    border: 1px solid var(--success);
}


.tableCalendar-wrapper table.tableCalendar {
    margin-bottom: 0;
    border-collapse: separate;
    border-spacing: 0;
}

.tableCalendar-wrapper table:first-child tbody tr.titleHead td {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border: 1px solid var(--template-border-2) !important;
    background-color: var(--template-border-1) !important;
}

.table-responsive-calendar table tbody tr {
    border: none !important;
}

.tableCalendar-wrapper table tbody tr:not(.titleHead) td {
    padding: 11px !important;
    border-right: 1px solid #E0E0E0 !important;
    border-bottom: 1px solid var(--template-background-5) !important;
    border-top: none !important;
    border-left: none !important;
    vertical-align: middle !important;
}

.tableCalendar-wrapper table tbody tr:not(.titleHead) td:first-child {
    border-left: 1px solid #E0E0E0 !important;
}

.tableCalendar-wrapper.tableCalendar-wrapper-LCTT table tbody tr:not(.titleHead) td:first-child {
    border-left: none !important;
}

.tableCalendar-wrapper.tableCalendar-wrapper-LCTT table tbody tr:not(.titleHead) td[rowspan]:first-child,
.tableCalendar-wrapper.tableCalendar-wrapper-LCTT table tbody tr:not(.titleHead) td.nodata {
    border-left: 1px solid #E0E0E0 !important;
}

.tableCalendar-wrapper.tableCalendar-wrapper-LCTT table tbody tr:not(.titleHead) td[rowspan]:first-child:not(.nodata) {
    width: 30% !important;
}

.tableCalendar-wrapper.tableCalendar-wrapper-LCTT table tbody tr:not(.titleHead) td[width]:not([rowspan]):not(.nodata) {
    width: 10% !important;
}

.tableCalendar-wrapper table tbody tr:not(.titleHead) td.nodata {}

.tableCalendar-wrapper table tbody tr.titleHead td {
    border-bottom: 1px solid var(--template-border-2) !important;
    border-top: none !important;
    background-color: var(--template-border-1) !important;
    padding: 7px !important;
    color: var(--body) !important;
    font-size: 18px !important;
    font-weight: 600;
    line-height: 1.44;
}

.tableCalendar-wrapper table tbody tr.titleHead td b {
    color: var(--body) !important;
    font-size: 18px !important;
    line-height: 1.44;
    font-weight: 600 !important;
}

.tableCalendar-wrapper .table-hover>tbody>tr:hover>* {
    --bs-table-bg-state: unset;
}

.table-calendar-lichTitle {}

.table-calendar-lichTitle .titleHead,
.table-calendar-lichTitle .titleHead:hover>td,
.table-calendar-lichTitle .titleHead:hover>th {
    background-color: var(--white) !important;
    padding: 0 !important;
}

.table-calendar-lichTitle .titleHead>td {
    padding: 0 !important;
    border-right: none !important;
}

.table-calendar-lichTitle .titleHead>td:first-child {
    color: var(--body) !important;
    font-size: 1rem !important;
    font-weight: 600;
}

.week-button-wrapper {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
    margin-bottom: 9px;
}

.week-button-wrapper span {
    font-weight: 600;
}

/****************************************************************************************************************/
/***********************************************************************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;
}

/************************************************************************************************************************************************/
/*****************************************************************GIỚI THIỆU TCHC****************************************************************/
/************************************************************************************************************************************************/

.list-title .title-task {
    color: var(--primary-dark) !important;
}

.boxed__item .list-title:not(.noboder__bottom),
.list-title:not(.noboder__bottom) {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 1.5rem;
}

.organization-layout .boxed__item {
    border-color: var(--template-border-2);
}

.boxed__item .list-title .title-task,
.leader_info__title__name {
    font-family: var(--font-family-inter);
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 600;
    color: var(--body) !important;
}

.organization-layout .leader_avar__img {
    flex: 0 0 120px;
    max-width: 120px;
    margin-right: 1.5rem;
}

.organization-layout .leader_avar__img img,
.organization-layout .leader_avar.list__user .leader_avar__img img.img_sdtc {
    width: 100%;
    height: auto;
    border-radius: 0.5rem;
    box-shadow: 2px 2px 2px 0px rgba(7, 18, 37, 0.2);
}

.organization-layout .leader_avar.list__user .leader_avar__img {
    flex-basis: 64px;
    max-width: 64px;
    margin-right: 1rem;
}

.organization-layout .leader_avar.list__user .leader_info__title__name,
.organization-layout .leader_avar.list__user .leader_info__title__job {
    font-size: 1rem;
    line-height: 1.5;
}

.organization-layout .leader_avar.list__user .leader_info__title__job {
    color: var(--text-gray-dark);
    margin-bottom: 0;
}

.organization-layout .leader_info__title__name {
    /* font-family: var(--font-family-literata); */
    font-family: var(--font-family-inter);
    margin-bottom: 0.25rem;
}

.organization-layout .leader_info__title__job {
    color: var(--text-tertiary);
    font-size: 1rem;
    line-height: 1.5;
    display: inline-block;
    margin-bottom: 1rem;
}

.organization-layout .leader_info p i,
.organization-layout .leader_info p i::before {
    font-size: 1.25rem;
    line-height: 1.5rem;
}

.organization-layout .leader_info p {
    font-size: 1rem;
    line-height: 1.5;
    color: var(--text-gray-dark);
    display: flex;
    align-items: center;
    margin-bottom: 0.75rem;
}

.organization-layout .leader_info p span:first-child {
    width: 150px;
    flex-shrink: 0;
    margin-right: 0.5rem;
}

.organization-layout .leader_info p span:not(:first-child) {
    font-weight: 600;
    color: var(--body);
    word-break: break-word;
}

.organization-layout .contact_content .contact_content-item,
.organization-layout .employee_detail_info .employee_detail_info-item {
    display: flex;
}

.organization-layout .contact_content .contact_content-item:not(:last-child),
.organization-layout .employee_detail_info .employee_detail_info-item:not(:last-child),
.organization-layout .contact_content .leader_avar.list__user:not(:last-child) {
    margin-bottom: 1rem;
}

.organization-layout .contact_content .leader_avar.list__user:last-child {
    margin-bottom: 0;
}

.organization-layout .contact_content .contact_content-item .leader_icon,
.organization-layout .employee_detail_info .employee_detail_info-item .info-icon {
    margin-right: 0.5rem;
}

.organization-layout .leader_info__title__position {
    color: var(--primary);
    font-size: 1rem;
    line-height: 1.5;
}

.organization-layout .leader_title .fa {
    color: var(--text-gray-dark);
    font-size: 1.25rem;
    width: auto;
    top: 2px;
    position: relative;
    margin-right: 0.5rem;
}

.organization-layout .leader_title {
    font-family: var(--font-family-inter);
    font-size: 1rem;
    color: var(--text-gray-dark);
    display: block;
    margin-bottom: 0.5rem;
}

.organization-layout .leader_title~span {
    padding-left: 0;
    font-size: 1rem;
    font-weight: 600;
    color: var(--body);
}

.organization-layout .contact_content .contact_content-item:last-of-type .leader_title~span,
.organization-layout .contact_content .contact_content-item:nth-last-of-type(2) .leader_title~span,
.organization-layout .employee_detail_info .employee_detail_info-item .leader_title~span {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-word;
}

.organization-layout .employee_content_text *,
.organization-layout .leader_organizational ul ul li a {
    font-size: 1rem;
    line-height: 1.5;
    color: var(--body);
}

.organization-layout .employee_content_text span {
    font-size: 1rem !important;
}

.organization-layout .leader_organizational ul ul li a {
    display: inline-block;
}

.organization-layout .leader_organizational ul li.lic1>span {
    font-family: var(--font-family-inter);
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 600;
    display: block;
    margin-bottom: 0.75rem;
}

.organization-layout .leader_organizational ul ul li:not(:last-child) {
    margin-bottom: 0.75rem;
}

.organization-layout .leader_organizational ul ul li i {
    line-height: 24px;
}

.organization-layout .leader_organizational ul ul li i::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: var(--text-tertiary);
    display: inline-block;
    vertical-align: top;
    margin-top: 7px;
}

/************************************************************************************************************************************************/
/*********************************************************************SỰ KIỆN********************************************************************/
/************************************************************************************************************************************************/

.EventOrther .Orther-H2,
.EventOrther #datePastSearch {
    display: none;
}

.EventOrther .event-other {
    display: flex;
    flex-wrap: wrap;
    margin-left: -12px;
    margin-right: -12px;
}

.EventOrther .event-other .item {
    flex: 0 0 25%;
    max-width: 25%;
    padding-left: 12px;
    padding-right: 12px;
    margin-bottom: 24px;
}

.sidebar-container .EventOrther .event-other .item {
    flex: 0 0 100%;
    max-width: 100%;
}

.sidebar-container .EventOrther .event-other .item:last-child {
    margin-bottom: 0;
}

.EventOrther .event-other .item .other-container .Orther-content {
    display: flex;
    flex-direction: column;
}

.EventOrther .event-other .item .Orther-link span {
    -webkit-line-clamp: 3;
}

.EventOrther .event-other .item .Orther-location {
    display: none;
}

.EventOrther .event-other .item .Orther-date,
.EventOrther .event-other .item .DateTookplace {
    order: 1;
    margin-top: 0.25rem;
}

.EventOrther .event-other .item .Orther-img {
    width: 100%;
    aspect-ratio: 1.56;
    border-radius: 0.5rem;
    overflow: hidden;
    position: relative;
    margin-bottom: 0.5rem;
    display: block;
}

.EventOrther .event-other .item .Event-img-thumbnail {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    display: block;
}

.EventOrther .event-other .item .Orther-img span[id*='lbltype'] {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    padding: 0.5rem;
    border-radius: 0px 0px 10px 10px;
    background: rgba(0, 0, 0, 0.6);
    text-align: center;
    font-weight: 600;
    color: var(--white);
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.EventOrther .event-other .item .Orther-img span[id*='lbltype'].otherHTE-red {
    color: #FFC52D;
}

.DnnModule-HueTourisEventViewDetail .detail_content {
    margin-bottom: 30px;
}

.DnnModule-HueTourisEventViewDetail .detail_content .detail1 {
    padding: 1.5rem;
    border-radius: 0.5rem;
    background: var(--template-background-1);
    margin-bottom: 1.5rem;
}

.DnnModule-HueTourisEventViewDetail .detail_content .bn-lblTen {
    /* font-family: var(--font-family-literata); */
    font-family: var(--font-family-inter);
    color: var(--primary);
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.75rem;
    margin-bottom: 1rem;
    display: block;
}

.DnnModule-HueTourisEventViewDetail .detail_content .information-content {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    gap: 1.5rem;
}

.DnnModule-HueTourisEventViewDetail .detail_content .information-content>* {
    width: calc(50% - 0.875rem);
}

.DnnModule-HueTourisEventViewDetail .detail_content .div-img {
    margin-bottom: 1.5rem;
}

.DnnModule-HueTourisEventViewDetail .detail_content .div-img>a {
    display: block;
    width: 100%;
    border-radius: 0.5rem 0.5rem 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    aspect-ratio: 2.02;
}

.DnnModule-HueTourisEventViewDetail .detail_content .nf-div-content .title {
    display: block;
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.DnnModule-HueTourisEventViewDetail .detail_content .inf-content-warpper .inf-content-item {
    padding-left: 34px;
    font-weight: 500;
    position: relative;
    display: block;
}

.DnnModule-HueTourisEventViewDetail .detail_content .inf-content-warpper .inf-content-item span {
    display: inline-block;
}

.DnnModule-HueTourisEventViewDetail .detail_content .inf-content-warpper .inf-content-item:before {
    content: '';
    width: 24px;
    height: 24px;
    left: 0;
    top: 0;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.DnnModule-HueTourisEventViewDetail .detail_content .inf-content-warpper .inf-content-item.nf-content-date:before {
    background-image: url("../images/icon-calendar-24.svg");
}

.DnnModule-HueTourisEventViewDetail .detail_content .inf-content-warpper .inf-content-item.nf-content-address:before {
    background-image: url("../images/icon-location-24.svg");
}

.DnnModule-HueTourisEventViewDetail .detail_content .inf-content-warpper .inf-content-item.nf-content-thongTinThem:before {
    background-image: url("../images/icon-info-24.svg");
}

.DnnModule-HueTourisEventViewDetail .detail_content .inf-content-warpper .inf-content-item:not(:last-child) {
    margin-bottom: 10px;
}

.DnnModule-HueTourisEventViewDetail .detail_content .inf-content-warpper .inf-content-item .nf-content-basic,
.DnnModule-HueTourisEventViewDetail .detail_content .contanner-main {
    display: block;
    font-weight: 400;
}

.DnnModule-HueTourisEventViewDetail .detail_content .inf-content-warpper .inf-content-item .inf-content-item-title {
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.DnnModule-HueTourisEventViewDetail .detail_content .inf-content-warpper .inf-content-item .inf-content-item-title .nf-content-title {
    display: block;
    margin-bottom: 0.25rem;
}

.DnnModule-HueTourisEventViewDetail .detail_content .inf-content-warpper .inf-content-item .nf-content-basic:not(:last-child) {
    margin-bottom: 0.5rem;
}

.DnnModule-HueTourisEventViewDetail .detail_content .inf-content-warpper .inf-content-item .nf-content-basic a {
    color: var(--primary);
}

/*****************************************************************************************************************/
/*****************************************************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;
    }
}


/************************************************************************************************************************************************/
/*****************************************************CHUYÊN TRANG - SỰ KIỆN NỔI BẬT HÀNG NĂM***********************************************************/
/************************************************************************************************************************************************/
.extraoption #currentTime {
    color: var(--white);
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;
    margin-right: 0;
    position: relative;
    padding-right: 0;
}

.sk_noibat {
    background: url(../images/bg_sknoibat.png);
    min-height: 100vh;
    background-size: cover;
    background-position: center;
}

.pagename {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    margin-bottom: 50px;
}

.pagename span:first-child {
    color: var(--white);
    text-shadow: 0px 5px 5px rgba(0, 0, 0, 0.40);
    /* font-family: var(--font-family-literata); */
    font-family: var(--font-family-inter);
    font-size: 100px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2;
    /* 26.563% */
}

.pagename span:last-child {
    color: #FFD23B;
    text-shadow: 0px 5px 5px rgba(0, 0, 0, 0.40);
    font-family: var(--font-family-inter);
    font-size: 50px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.2;
    /* 42.5% */
    text-transform: uppercase;
}

.subbg {
    position: absolute;
    right: 0;
    top: -10%;
}

.CM_year {
    position: relative;
    z-index: 1;
    width: 50%
}

.list_CM_Slide {
    position: relative;
}

.list_CM_Slide .slick-itemCM {
    position: relative;
    padding-bottom: 15px;
}

.list_CM_Slide .slick-itemCM>a {
    border-radius: 180px;
    background: linear-gradient(180deg, #9D37FF 0%, #7B00F0 100%);
    display: flex;
    padding: 12px 20px;
    justify-content: center;
    align-items: center;
    color: var(--white);
    font-family: var(--font-family-inter);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.44;
    /* 144.444% */
    margin: 0 7.5px;
}

.list_CM_Slide .slick-arrow {
    position: absolute;
    top: 0;
    border-radius: 180px;
    background: linear-gradient(180deg, #9D37FF 0%, #7B00F0 100%);
    display: flex;
    height: 50px;
    padding: 10px 15px;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.list_CM_Slide .slick-arrow.prevArrow {
    left: 0;
    right: unset;
}

.list_CM_Slide .slick-arrow.nextArrow {
    right: 0;
    left: unset;
}

.list_CM_Slide .slick-list {
    margin: 0 60px;
    height: 45vh;
}

.list_CM_Slide .CM_hover {
    border-radius: 10px;
    background: rgba(43, 0, 83, 0.80);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.20);
    display: flex;
    padding: 10px 0px;
    flex-direction: column;
    align-items: flex-start;
    width: 270px;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
}

.list_CM_Slide .CM_hover li {
    padding: 6px 20px;
    width: 100%
}

.list_CM_Slide .CM_hover li:hover {
    background: #4C0390;
}

.list_CM_Slide .CM_hover li a {
    color: var(--white);
    font-family: var(--font-family-inter);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;
    /* 150% */
}

/************************************************************************************************************************************************/
/*****************************************************Focus-news-bg***********************************************************/
/************************************************************************************************************************************************/
.focus-news-bg .contentpane {
    background-color: var(--delicate-yellow);
    padding: 16px 24px;
    border: 1px solid #FFEBCC;
    border-radius: 8px;
    margin-bottom: 40px;
}

/************************************************************************************************************************************************/
/*****************************************************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;
}

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

.ward-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***********************************************************/
/*******************************************************************************************************************************/

.DnnModule-OrganizationLookupPhonebook h4,
.DnnModule-Organization_PhoneBook .contact_info .contact_title {
    display: none;
}

.DnnModule-OrganizationLookupPhonebook .box-gray-search .group-button {
    margin-top: 1rem;
}

.DnnModule-Organization_PhoneBook .filter-box {
    padding: 0 0 24px;
    margin-bottom: 24px !important;
    border-bottom: 1px solid var(--border-tertiary);
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    background-color: transparent;
}

.DnnModule-Organization_PhoneBook .filter-box .form-group label {
    display: none;
}

.DnnModule-Organization_PhoneBook .filter-box .group-button-action .btn {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    padding: 8px 16px;
    min-width: 120px;
    /* margin-left: 0.5rem; */
    border-radius: 0.25rem;
}

.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);
}

.DnnModule-Organization_PhoneBook .filter-box .group-button-action .btn.btn-black,
.DnnModule-Organization_PhoneBook .filter-box .group-button-action .btn.btn-black:hover,
.DnnModule-Organization_PhoneBook .filter-box .group-button-action .btn.btn-black:focus {
    background-color: var(--white) !important;
    border-color: var(--primary) !important;
    color: var(--primary) !important;
}

.DnnModule-Organization_PhoneBook .contact_content>ul>li:not(:last-of-type) {
    margin-bottom: 1.5rem;
}

.DnnModule-Organization_PhoneBook .contact_content>ul>li>span {
    font-family: var(--font-family-inter);
    color: var(--body);
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
    display: inline-block;
}

.DnnModule-Organization_PhoneBook .contact_content>ul>li table.table-VPUBND {
    border-collapse: separate;
}

.DnnModule-Organization_PhoneBook .contact_content>ul>li table.table-VPUBND tr th {
    padding: 12px 16px !important;
}

.DnnModule-Organization_PhoneBook .contact_content>ul>li table.table-VPUBND tr:first-of-type th:first-of-type {
    border-top-left-radius: 0.5rem;
}

.DnnModule-Organization_PhoneBook .contact_content>ul>li table.table-VPUBND tr:first-of-type th:last-of-type {
    border-top-right-radius: 0.5rem;
}

.DnnModule-Organization_PhoneBook .contact_content>ul>li table.table-VPUBND tr:last-of-type td:first-of-type {
    border-bottom-left-radius: 0.5rem;
}

.DnnModule-Organization_PhoneBook .contact_content>ul>li table.table-VPUBND tr:last-of-type td:last-of-type {
    border-bottom-right-radius: 0.5rem;
}

.DnnModule-Organization_PhoneBook .contact_content>ul>li table.table-VPUBND tr:first-of-type th:first-of-type {
    width: 5%;
}

.DnnModule-Organization_PhoneBook .contact_content>ul>li table.table-VPUBND tr:first-of-type th:nth-of-type(2) {
    width: 25%;
}

.DnnModule-Organization_PhoneBook .contact_content>ul>li table.table-VPUBND tr:first-of-type th:nth-of-type(3) {
    width: 20%;
}

.DnnModule-Organization_PhoneBook .contact_content>ul>li table.table-VPUBND tr:first-of-type th:nth-of-type(4) {
    width: 15%;
}

.DnnModule-Organization_PhoneBook .contact_content>ul>li table.table-VPUBND tr:first-of-type th:nth-of-type(5) {
    width: 35%;
}

.DnnModule-Organization_PhoneBook .contact_content>ul>li table.table-VPUBND tr:first-of-type th {
    border-top-color: var(--template-border-2) !important;
}

.DnnModule-Organization_PhoneBook .contact_content>ul>li table.table-VPUBND tr:last-of-type td {
    border-bottom-color: var(--template-border-2) !important;
}

.DnnModule-Organization_PhoneBook .contact_content>ul>li table.table-VPUBND tr th:first-of-type,
.DnnModule-Organization_PhoneBook .contact_content>ul>li table.table-VPUBND tr td:first-of-type {
    border-left-color: var(--template-border-2) !important;
}

.DnnModule-Organization_PhoneBook .contact_content>ul>li table.table-VPUBND tr th:last-of-type,
.DnnModule-Organization_PhoneBook .contact_content>ul>li table.table-VPUBND tr td:last-of-type {
    border-right-color: var(--template-border-2) !important;
}

.DnnModule-Organization_PhoneBook .contact_content>ul>li table.table-VPUBND tr:first-of-type th {
    border-bottom: 0 !important;
}

.DnnModule-Organization_PhoneBook .contact_content>ul>li table.table-VPUBND tr td {
    border-top: 0 !important;
    border-color: var(--border-tertiary);
}

.DnnModule-Organization_PhoneBook .contact_content>ul>li table.table-VPUBND tr th:not(:last-of-type),
.DnnModule-Organization_PhoneBook .contact_content>ul>li table.table-VPUBND tr td:not(:last-of-type) {
    border-right: 0 !important;
}

.DnnModule-Organization_PhoneBook .contact_content>ul>li table.table-VPUBND tr th:not(:first-of-type),
.DnnModule-Organization_PhoneBook .contact_content>ul>li table.table-VPUBND tr td:not(:first-of-type) {
    border-left: 0 !important;
}

.DnnModule-Organization_PhoneBook .contact_content>ul>li table.table-VPUBND tr th {
    font-family: var(--font-family-inter);
    font-size: 1rem !important;
    line-height: 1.5 !important;
    border: 1px solid #E0E0E0 !important;
    background-color: var(--template-border-1) !important;
    font-weight: 500 !important;
    color: var(--body) !important;
}

.DnnModule-Organization_PhoneBook .contact_content>ul>li table.table-VPUBND tr td a {
    color: var(--text-primary) !important;
}

/* .DnnModule-Organization_PhoneBook .contact_content>ul>li:last-child {
    display: none;
  } */

@media (max-width: 600px) {
    .filter-table .search-container .search-input {
        width: 100%;
        margin-bottom: 0.5rem;
    }

    .filter-table .search-container .group-button-action {
        width: 100%;
        justify-content: flex-end;
    }

    .filter-table .search-container .group-button-action .btn:first-child {
        margin-left: 0;
    }

    .DnnModule-Organization_PhoneBook .contact_content>ul>li table.table-VPUBND {
        min-width: 800px;
    }

    .DnnModule-Organization_PhoneBook .contact_content>ul>li table.table-VPUBND tr th,
    .DnnModule-Organization_PhoneBook .contact_content>ul>li table.table-VPUBND tr td {
        white-space: nowrap;
    }
}

/*******************************************************************************************************************************/
/*****************************************************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;
}

/*********************************************************************************************************************/
/*****************************************************MyBot***********************************************************/
/*********************************************************************************************************************/

body mybot .profile_div {
    width: auto;
    bottom: 75px;
    right: 15px;
    z-index: 10;
}

body mybot .profile_div .row {
    margin: 0;
}

body mybot .col-hgt {
    padding: 0;
    margin: 0;
}

/*********************************************************************************************************************/
/*****************************************************English*********************************************************/
/*********************************************************************************************************************/

html[lang="en-US"] .section-notification {
    display: none;
}

html[lang="en-US"] .home-panels-wrapper {
    padding-top: 40px;
}