body { font-family: var(--font-family-inter); font-weight: 400; font-size: 16px; line-height: 1.5rem; color: var(--body); position: relative; } body:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); -webkit-transition: .3s all ease; -o-transition: .3s all ease; transition: .3s all ease; opacity: 0; visibility: hidden; z-index: 999; } body.offcanvas-menu { overflow: hidden; } body.offcanvas-menu:before { opacity: 1; visibility: visible; } .container, .container-sm, .container-md, .container-lg, .container-xl { max-width: 1320px; padding-left: 12px; padding-right: 12px; } .row { margin-right: -12px; margin-left: -12px; } .col, [class*="col-"] { padding-left: 12px; padding-right: 12px; } i[class^="icon-fluent"], i[class^="icon_fluent"]:before, i[class*=" icon_fluent"]:before { font-size: 24px; } .text-primary { color: var(--primary) !important; } .text-body { color: var(--body) !important; } .text-success { color: var(--success) !important; } .text-blue { color: var(--blue) !important; } .text-warning { color: var(--warning) !important; } .text-danger { color: var(--danger) !important; } ul, ol { padding: 0; margin: 0; } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, a, a:active, a:link, a:visited, a:focus { color: var(--body); } .contraC h1.circle a, .contraC h2.circle a, .contraC h3.circle a, .contraC h4.circle a, .contraC h5.circle a, .contraC h6.circle a { color: var(--body) !important; } .border-right { border-right: 1px solid var(--border-tertiary) !important; } .bg-yellow { background-color: var(--delicate-yellow); } .cursor-pointer { cursor: pointer; } .word-break-all { word-break: break-all; } .white-space-break-spaces { white-space: break-spaces; } .btn { font-size: 0.875rem; line-height: 1.25rem; padding: 0.5rem 1rem; font-weight: 500; } .btn.btn-primary, .btn.btn-primary:hover, .btn.btn-primary:focus { color: var(--white); background-color: var(--primary); border-color: var(--primary); } .btn.btn-outline-primary, .btn.btn-outline-primary:hover, .btn.btn-outline-primary:focus { color: var(--primary); background-color: var(--white); border-color: var(--primary); } /***************************************/ /* .ward-layout .header.header-bg .nav-brand { background-image: url("../images/bg-header-02.png"); background-color: var(--white); background-repeat: no-repeat; background-size: cover; } */ .ward-layout .header.header-bg .nav-brand { position: relative; background-color: var(--white); } .ward-layout .header.header-bg .nav-brand::before, .ward-layout .header.header-bg .nav-brand::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .dnnEditState .ward-layout .header.header-bg .nav-brand::before, .dnnEditState .ward-layout .header.header-bg .nav-brand::after{ position:static } /*.ward-layout .header.header-bg .nav-brand::before { -webkit-mask: url("../images/bg-header-02.png") no-repeat center / cover; mask: url("../images/bg-header-02.png") no-repeat center / cover; background-color: var(--template-background-9); z-index: 1; } .ward-layout .header.header-bg .nav-brand::after { background: linear-gradient(90deg, #FFFFFF 0%, rgba(234, 239, 255, 0) 50%, #FFFFFF 100%); z-index: 2; }*/ .ward-layout .header.header-bg .nav-brand .container { position: relative; z-index: 3; } .ward-layout .nav-brand { padding: 2rem 0; } .ward-layout .nav-brand .logo { display: flex; align-items: center; } .ward-layout .nav-brand img { padding: 0; } .ward-layout .nav-brand .logo .div_link { margin-left: 0.5rem; } .ward-layout .nav-brand .logo .div_link .language-object a { /* 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; } .ward-layout .nav-brand .logo .brand-name {} .ward-layout .nav-brand .brand-name h1 { font-family: var(--font-family-inter); font-weight: 600; font-size: 1.25rem; line-height: 1.4; margin-bottom: 0; text-transform: uppercase; } .ward-layout .nav-brand .brand-name h2 { font-family: var(--font-family-literata); font-weight: 700; font-size: 2.125rem; line-height: 2.5rem; color: var(--template-title-4); margin-bottom: 0; text-transform: capitalize; } .ward-layout .contra-nav { background: var(--template-background-1); border-bottom: 1px solid var(--template-border-6); box-shadow: 0px 1px 0px 0px var(--template-shadow-2) inset; } .navbar-container > label { display: none; } .ward-layout .home-panels-wrapper { min-height: calc(100vh - 471px); /* padding-top: 40px; */ } /* .ward-layout .content-panels-wrapper { padding-top: 1.5rem; } .ward-layout .page-title ~ .content-panels-wrapper { padding-top: 0; } */ .content-layout .content-sidebar { padding-top: 1.5rem; padding-bottom: 1.5rem; } .content-layout .content-sidebar .page-title { padding-top: 0; } .ward-layout.main-loading { opacity: 0; height: 100vh; overflow: hidden; } .loading-page { position: fixed; top: 0; left: 0; width: 100%; height: 100svh; display: flex; align-items: center; justify-content: center; background-color: var(--white); z-index: 999; } .loading-page .loading-inner { width: 32px; height: 32px; border-radius: 50%; border: 3px solid var(--primary); border-top-color: var(--white); } .personabar-visible .loading-page:not(.loading-inner) { left: 80px; width: calc(100% - 80px); } .content-full-layout .content-panels-wrapper { padding-top: 1.5rem; padding-bottom: 1.5rem; } /* .content-title .content-panels-wrapper { padding-top: 1.5rem; } */ .content-title .main-content-container .contraC h4.titleH, .content-title .main-content-container .contraC h4.titleH span, .content-title .main-content-container .contraC h4.modTitle { font-size: 1.5rem; line-height: 2rem; } .content-title .main-content-container .contraC h4.titleH, .content-title .main-content-container .contraC h4.modTitle { padding: 0 !important; margin-bottom: 1.5rem; border-bottom: 0 !important; } .content-title .main-content-container .contraC h4.titleH::before, .content-title .main-content-container .contraC h4.modTitle::before { content: none; } /* .content-title .sidebar-container { padding-top: 56px; } */ /*********************Search Top***********************/ .action-nav { width: 100%; } .wrapper-search {} .search-box { /* width: 386px; */ height: 30px; position: relative; } .wrapper-search input { position: absolute; top: -17px; right: 36px; box-sizing: border-box; width: 0px; height: 30px; padding: 0 !important; outline: none; font-size: 16px; border-radius: 0; color: var(--body); border: none; background-color: transparent; border-bottom: 1px solid var(--body); transition: all 0.8s ease; font-family: var(--font-family-inter); } .wrapper-search input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: var(--body); } .wrapper-search input::-moz-placeholder { /* Firefox 19+ */ color: var(--body); } .wrapper-search input:-ms-input-placeholder { /* IE 10+ */ color: var(--body); } .wrapper-search input:-moz-placeholder { /* Firefox 18- */ color: var(--body); } .wrapper-search .btn-search-bar { position: absolute; right: 0; top: 3px; transition: all 0.8s ease; text-decoration: none; } .wrapper-search input.active { width: 100%; right: 36px; padding: 0 26px 0 0 !important; } .wrapper-search .btn-search-bar.animate { transform: rotate(-360deg); right: 0; } .wrapper-search .searchInputContainer { width: 100%; border: 0; } .wrapper-search .SearchButton { display: none; } .wrapper-search .searchInputContainer a.dnnSearchBoxClearText { right: 36px; margin: 0; top: -12px; } .wrapper-search ul.searchSkinObjectPreview { top: calc(100% + 20px); right: 36px; border: none; border-radius: 8px; max-height: 500px; overflow-y: auto; padding: 0; box-shadow: 0 2px 4px 0 rgb(0, 0, 0, 0.3); z-index: 1005; /* scrollbar-color: var(--template-scrollbar-1) var(--white); scrollbar-width: thin; */ } @-moz-document url-prefix() { .wrapper-search ul.searchSkinObjectPreview { scrollbar-color: var(--template-scrollbar-1) var(--white); scrollbar-width: thin; } } .wrapper-search ul.searchSkinObjectPreview::-webkit-scrollbar { width: 4px; border-radius: 999px; } .wrapper-search ul.searchSkinObjectPreview::-webkit-scrollbar-thumb { background-color: var(--template-scrollbar-1); border-radius: 999px; } .wrapper-search ul.searchSkinObjectPreview::-webkit-scrollbar-track { background: var(--white); border-radius: 999px; padding: 10px 0; } .action-nav .link-icn.search-mobile { display: none; } /************************Search Modal*************************/ .wrapper-search .search-box ul.searchSkinObjectPreview>li { border: none; padding: 15px; text-align: left; } .wrapper-search .search-box ul.searchSkinObjectPreview>li:hover { background-color: var(--template-background-1); color: var(--body); } .wrapper-search .search-box ul.searchSkinObjectPreview>li.searchSkinObjectPreview_group, .wrapper-search .search-box ul.searchSkinObjectPreview>li:last-child { background-color: var(--template-background-1); font-weight: 600; font-size: 16px; line-height: 20px; color: var(--body); padding: 10px 15px; } .wrapper-search .search-box ul.searchSkinObjectPreview>li:last-child a { color: var(--primary); } .wrapper-search .search-box ul.searchSkinObjectPreview>li p { padding: 0; font-size: 14px; line-height: 20px; color: var(--body); margin-top: 5px; font-style: normal; } .wrapper-search .search-box ul.searchSkinObjectPreview>li>span { /* font-family: var(--font-family-literata); */ font-family: var(--font-family-inter); font-weight: 600; font-size: 16px; line-height: 20px; color: var(--body); } .wrapper-search .search-box input:focus { outline: none; } .wrapper-search .search-box ul.searchSkinObjectPreview>li.searchSkinObjectPreview_group:not(:last-child) { display: none; } /* */ .dnnSearchBoxPanel .dnnSearchBox, .dnnSearchBoxPanel, .dnnSearchResultPanel { border-color: var(--template-border-6); } .dnnSearchResultPager, .dnnSearchResultPager.dnnSearchResultPagerTop, .dnnSearchResultContainer > .dnnSearchResultItem:not(:last-child) { border-color: var(--border-tertiary); } .dnnSearchResultPanel .dnnSearchResultSortOptions > li, .dnnSearchResultPanel .dnnSearchResultSortOptions > li.active, .dnnSearchResultPager .dnnLeft > span::before, .dnnSearchResultPager a.dnnPager-prev, .dnnSearchResultPager a.dnnPager-next { background-color: var(--primary-dark); } .dnnSearchResultPanel .dnnSearchResultSortOptions > li:not(.active) { opacity: 0.7; } .dnnSearchResultAdvancedTip, .dnnSearchResultAdvancedTip:hover, .dnnSearchResultAdvancedTip:focus { color: var(--blue) !important; } .dnnSearchBoxPanel .dnnTableDisplay th { background-color: var(--template-border-1); border-color: var(--template-border-6); } .dnnSearchBoxPanel .dnnTableDisplay td { border-color: var(--template-border-6) !important; } .dnnSearchResultPager .dnnLeft span { color: var(--primary-dark); } .dnnSearchResultContainer > .dnnSearchResultItem > .dnnSearchResultItem-Title, .dnnSearchResultContainer > .dnnSearchResultItem > .dnnSearchResultItem-Title a { color: var(--body) !important; font-weight: 600; } .dnnSearchResultContainer > .dnnSearchResultItem > .dnnSearchResultItem-Link a { color: var(--primary) !important; } .dnnSearchBoxPanel .dnnSearchBox_advanced .dnnForm .dnnFormItem .dnnLabel > .dnnBoxLabel, .dnnSearchBoxPanel .dnnSearchBox_advanced .dnnForm .dnnFormItem:not(:last-of-type) .dnnLabel > label > span, .dnnSearchBoxPanel div.dnnTagsInput > div > input, .dnnSearchBoxPanel .selectize-input .item, .dnnSearchBoxPanel .selectize-control.show-checkbox .items .summary, .dnnSearchResultPager .dnnRight span, .dnnSearchResultContainer > .dnnSearchResultItem-Subset > .dnnSearchResultItem-Title a, .dnnSearchResultContainer > .dnnSearchResultItem-Subset > .dnnSearchResultItem-Description, .dnnSearchResultContainer > .dnnSearchResultItem-Subset > .dnnSearchResultItem-Description b, .dnnSearchResultContainer > .dnnSearchResultItem-Subset > .dnnSearchResultItem-Others span, .dnnSearchResultContainer > .dnnSearchResultItem-Subset > .dnnSearchResultItem-Others a { color: var(--body); } .dnnSearchBoxPanel .dnnSearchBox > .dnnSearchBox_advanced > .dnnSearchBox_advanced_label, .dnnSearchResultContainer > .dnnSearchResultItem > .dnnSearchResultItem-Link a { font-weight: 500; } .dnnSearchBox > .dnnSearchBox_advanced > .dnnSearchBox_advanced_label.dnnExpanded { color: var(--body) !important; } .dnnSearchBoxPanel #dnnSearchResultAdvancedForm .dnnActions li:first-child a { background-color: var(--primary); border-color: var(--primary); } .dnnSearchBoxPanel #dnnSearchResultAdvancedForm .dnnActions li:last-child a { border-color: var(--primary); color: var(--primary); } /* .dnnSearchResultContainer > .dnnSearchResultItem > .dnnSearchResultItem-Description, .dnnSearchResultContainer > .dnnSearchResultItem > .dnnSearchResultItem-Description b { color: var(--body); } */ /***************Notification****************/ .section-notification { padding-top: 0.5rem; padding-bottom: 1.5rem; } .section-notification.section-empty { padding-top: 0; } .section-notification:not(.section-empty) .header-pane { display: flex; padding: 0.5rem 1rem; background-color: var(--bg-blue-gray-lighter); } .section-notification.section-empty .notification:not(.DNNEmptyPane) .DnnModule, .section-notification.section-empty .extension:not(.DNNEmptyPane) .DnnModule { margin-top: 1.5rem; } .marquee { width: 100%; overflow: hidden; } .section-notification .js-marquee .item { position: relative; padding-left: 1rem; margin-right: 0.5rem; display: inline-block; } .section-notification .js-marquee .item::before { content: ""; position: absolute; top: 8px; left: 0; width: 8px; height: 8px; border-radius: 50%; background-color: var(--template-background-2); } .section-notification .js-marquee .news_title a { font-family: var(--font-family-inter); font-weight: 400; display: inline-block; } .section-notification .js-marquee .news_title a:hover { color: var(--primary); } .section-notification:not(.section-empty) .notification { width: 10%; flex-grow: 1; position: relative; } .section-notification:not(.section-empty) .header-pane-date .notification { margin-left: 32px; } .section-notification .header-pane-date .notification::before, .section-notification .DanhSachChuyenMuc_ListIcon ul li::before { content: ""; position: absolute; left: -1rem; top: 50%; transform: translateY(-50%); width: 0; height: 1rem; border-right: 1px solid var(--template-border-3); } .section-notification .DanhSachChuyenMuc_ListIcon ul { display: flex; } .section-notification .DanhSachChuyenMuc_ListIcon ul li { display: flex; align-items: center; margin-left: 32px; position: relative; } .section-notification .DanhSachChuyenMuc_ListIcon ul li img { width: 24px; height: 24px; vertical-align: top; } .section-notification .DanhSachChuyenMuc_ListIcon ul li > a { margin-left: 4px; padding-bottom: 0; transition: all 0.5s ease-in-out; } .section-notification .DanhSachChuyenMuc_ListIcon ul li:hover a { color: var(--primary); } /***************News No Image****************/ .home-layout .dstinbaikhonganh, .home-layout .documents .DnnModule { margin-bottom: 40px; } .ward-layout .contraC h5.circle, .ward-layout .contraC h4.titleH, .ward-layout .contraC h4.modTitle, .ward-layout .contraC .menu-m8-group h2, .ChiTietTinBai .TinBai_Khac .Title, .DnnModule-VanBanQuyPhamPhapLuat_TrinhDienVanBanQuyPhamPhapLuat .list-title { padding: 0 0 0 1rem; margin-bottom: 1.5rem; position: relative; text-transform: none; background: none; } .contraC h5.circle span, .contraC h4.titleH span { margin-bottom: 0; } .ChiTietTinBai .TinBai_Khac .Title { margin-bottom: 1rem; } .ward-layout .title-line .contraC h5.circle, .ward-layout .title-line .contraC h4.titleH, .ward-layout .title-line .contraC h4.modTitle, .ward-layout .title-line .contraC .menu-m8-group h2, .ChiTietTinBai .TinBai_Khac .Title, .DnnModule-VanBanQuyPhamPhapLuat_TrinhDienVanBanQuyPhamPhapLuat .list-title { padding-bottom: 1rem; border-bottom: 1px solid var(--template-line-2); } .ward-layout .contraC h5.circle::before, .ward-layout .contraC h4.titleH::before, .ward-layout .contraC h4.modTitle::before, .ward-layout .contraC .menu-m8-group h2::before, .ChiTietTinBai .TinBai_Khac .Title::before, .DnnModule-VanBanQuyPhamPhapLuat_TrinhDienVanBanQuyPhamPhapLuat .list-title::before { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 0; border-left: 4px solid var(--template-line-1); } .ward-layout .title-line .contraC h5.circle::before, .ward-layout .title-line .contraC h4.titleH::before, .ward-layout .title-line .contraC h4.modTitle::before, .ward-layout .title-line .contraC .menu-m8-group h2::before, .ChiTietTinBai .TinBai_Khac .Title::before, .DnnModule-VanBanQuyPhamPhapLuat_TrinhDienVanBanQuyPhamPhapLuat .list-title::before { height: calc(100% - 1rem); } .ward-layout .contraC h5.circle, .ward-layout .contraC h5.circle a, .ward-layout .contraC h4.titleH, .ward-layout .contraC h4.titleH span, .ward-layout .contraC h4.titleH a, .ward-layout .contraC h4.modTitle, .ward-layout .contraC h4.modTitle a, .ward-layout .contraC .menu-m8-group h2, .ward-layout .contraC .menu-m8-group h2 a, .ChiTietTinBai .TinBai_Khac .Title, .DnnModule-VanBanQuyPhamPhapLuat_TrinhDienVanBanQuyPhamPhapLuat .list-title, .DnnModule-VanBanQuyPhamPhapLuat_TrinhDienVanBanQuyPhamPhapLuat .list-title span { /* font-family: var(--font-family-literata); */ font-family: var(--font-family-inter); font-weight: 600; /* font-size: 20px; line-height: 28px; */ font-size: 18px; line-height: 26px; text-transform: uppercase; color: var(--template-title-1) !important; } .ward-layout .contraC h5.circle a, .ward-layout .contraC h4.titleH span, .ward-layout .contraC h4.titleH a, .ward-layout .contraC h4.modTitle a, .ward-layout .contraC .circle.no_img:before { display: inline-block; } .ward-layout .news-noimage { margin-bottom: 40px; } .ward-layout .news-noimage .dstinbaikhonganh { margin-bottom: 0; } .ward-layout .TinBaiKhongAnh ul.list_news li, .DnnModule-VanBanQuyPhamPhapLuat_DanhMuc .list_chuyenmuc:not(.sub-menu, .collapse, .collapsing) > li > a, .Menu-PAKN .list-menu-PAKN li { padding-left: 20px; position: relative; } .ward-layout .TinBaiKhongAnh ul.list_news li::before, .menu-m8-group ul li::before, .sidebar-content ul.list_chuyenmuc.list_child li::before, .DanhSachChuyenMucNhieuCap ul.list_chuyenmuc.list_child li::before, .DanhSachChuyenMucCapDoc ul.list_chuyenmuc li::before, .DnnModule-VanBanQuyPhamPhapLuat_DanhMuc .list_chuyenmuc:not(.sub-menu, .collapse, .collapsing) > li > a::before, .Menu-PAKN .list-menu-PAKN li::before { content: ""; position: absolute; top: 8px; left: 0; width: 8px; height: 8px; border-radius: 50%; background-color: var(--template-background-2); } .ward-layout .TinBaiKhongAnh ul.list_news li .news_date { display: block; margin-top: 4px; font-size: 14px; line-height: 20px; color: var(--text-tertiary); } .ward-layout .TinBaiKhongAnh ul.list_news li:not(:last-of-type), .Menu-PAKN .list-menu-PAKN li:not(:last-of-type) { padding-bottom: 12px; margin-bottom: 12px; border-bottom: 1px solid var(--border-tertiary); } a.news_link, .content_scrollnews__titlenews a.news_link_bold, .img_right_list ul li .group_scoll .content_scrollnews .TitleNews a, a.slide_bglnk, .event .div-right .title-event a, .multi-media .list_media ul li .info-img, .multi-media .list_media ul li .info-img p, .multi-media .list_media ul li .info-img a, #owl-dsTinBaiAnh .item .news_link a, .DsTinBaiLietKeAnh #dstinbailietkeanh ul li .news_link a, .news_list_chuyenmuc .listcategory .news_link_bold, .item-main .item .image-title span, .Image-bg-lg ul li .album-lg .imagetitle, .videogallery .item .videos-title a, .lightgallery-video-html5 .videos-title a, .tin-bai-slide-ngang .group_content .news_title a, .TinBaiDanhSach_TieuDiem .news_info .news_title a, .TinBaiDanhSach_TieuDiem .news_info .news_title span, .TinBaiDanhSach_TieuDiem .news_info_short .news_title a, .tin-bai-anh-slide .item .news_title a, .tin-bai-anh-slide-ngang .item .news_title a, .tin-bai-anh-slide-ngang-cm .item .news_title a, .tin-bai-anh-slide-ngang-cm .item .news_title span, .DanhSachTinBai .list_news li .news_title a, .TinBai_SideBar_Wrapper .TinBai_SideBar_Item .news_title a, .TinBaiAnhDangBang .news_title a, .multi-media .Image-bg-lg ul li .album-lg .imagetitle, .multi-media .lightgallery-video-html5 .videos-title a, .category-media_list .category-list .category-item .category-link a, .media-wrapper .item-main .item .image-title span, .media-wrapper .item-main .item .videos-title a, .EventOrther .event-other .item .Orther-link, .EventOrther .event-other .item .Orther-link span { /* 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; } a.news_link:hover, .content_scrollnews__titlenews a.news_link_bold:hover, .img_right_list ul li .group_scoll .content_scrollnews .TitleNews a:hover, a.slide_bglnk:hover, .event .div-right .title-event a:hover, .multi-media .list_media ul li .info-img a:hover, .DsTinBaiLietKeAnh #dstinbailietkeanh ul li .news_link a:hover, .news_list_chuyenmuc .listcategory .news_link_bold:hover, .tin-bai-slide-ngang .group_content .news_title a:hover, .TinBaiDanhSach_TieuDiem .news_info .news_title a:hover, .TinBaiDanhSach_TieuDiem .news_info_short .news_title a:hover, .tin-bai-anh-slide .item .news_title a:hover, .tin-bai-anh-slide-ngang .item .news_title a:hover, .tin-bai-anh-slide-ngang-cm .item .news_title a:hover, .DanhSachTinBai .list_news li .news_title a:hover, .TinBai_SideBar_Wrapper .TinBai_SideBar_Item .news_title a:hover, .category-media_list .category-list .category-inner:hover .category-link a, .TinBaiAnhDangBang .news_title a:hover, .media-wrapper .item-main .album-lg:hover .image-title span, .media-wrapper .item-main .videosAlbum:hover .videos-title a, .EventOrther .event-other .item .other-container:hover .Orther-link, .video-list .list_video .caption .Title:hover a { color: var(--template-title-2); } a.news_link:not(.dstinbailietkeanh), .content_scrollnews__titlenews a.news_link_bold, .img_right_list ul li .group_scoll .content_scrollnews .TitleNews a, a.slide_bglnk, span.news_summary, #owl-dsTinBaiAnh .item .news_link a, .DsTinBaiLietKeAnh #dstinbailietkeanh ul li .news_link a, .news_list_chuyenmuc .listcategory .news_link_bold, .tinbai_slide_bg .news_category a, .tinbai_slide_bg .item .news_bglnk a, .title-event a, .item-main .item .image-title span, .videogallery .item .videos-title a, .tin-bai-slide-ngang .group_content .news_title a, .TinBaiDanhSach_TieuDiem .news_info .news_title a, .TinBaiDanhSach_TieuDiem .news_info .news_title span, .TinBaiDanhSach_TieuDiem .news_info_short .news_title a, .TinBaiDanhSach_TieuDiem .news_info .news_summary, .Image-bg-lg ul li .album-lg .imagetitle, .lightgallery-video-html5 .videos-title a, .tin-bai-anh-slide .item .news_title a, .tin-bai-anh-slide .item .news_summary, .tin-bai-anh-slide-ngang .item .news_title a, .tin-bai-anh-slide-ngang .item .news_summary, .tin-bai-anh-slide-ngang-cm .item .news_title span, .tin-bai-anh-slide-ngang-cm .item .news_title a, .tin-bai-anh-slide-ngang-cm .item .news_summary, .DanhSachTinBai .list_news li .news_title a, .DanhSachTinBai .list_news li .news_summary, .TinBai_SideBar_Wrapper .TinBai_SideBar_Item .news_title a, .TinBai_SideBar_Wrapper .TinBai_SideBar_Item .news_summary, .category-media_list .category-list .category-item .category-link a, .media-wrapper .item-main .item .image-title span, .media-wrapper .item-main .item .videos-title a, .EventOrther .event-other .item .Orther-link span, .video-list .list_video .caption .Title a { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; } span.news_date, .img_right_list ul li .group_scoll .content_scrollnews .news_date, #owl-dsTinBaiAnh .item .news_date, .DsTinBaiLietKeAnh #dstinbailietkeanh ul li .news_date, .DsTinBaiLietKeAnh #dstinbailietkeanh ul li .news_date span, .news_list_chuyenmuc .listcategory .news_date, .news_list_chuyenmuc .listcategory .news_date span, .tin-bai-slide-ngang .group_content .news_date, .TinBaiDanhSach_TieuDiem .news_info .news_date, .tin-bai-anh-slide .item .news_date, .tin-bai-anh-slide-ngang .item .news_date, .tin-bai-anh-slide-ngang-cm .item .news_date, .DanhSachTinBai .list_news li .news_date, .TinBai_SideBar_Wrapper .TinBai_SideBar_Item .news_date, .EventOrther .event-other .item .Orther-date, .EventOrther .event-other .item .DateTookplace { /* display: inline-block; */ display: block; font-size: 14px; line-height: 20px; color: var(--text-tertiary); } span.news_summary, #owl-dsTinBaiAnh .item .news_summary, .news_list_chuyenmuc .listcategory .news_summary, .TinBaiDanhSach_TieuDiem .news_info .news_summary, .tin-bai-anh-slide .item .news_summary, .tin-bai-anh-slide-ngang .item .news_summary, .tin-bai-anh-slide-ngang-cm .item .news_summary, .DanhSachTinBai .list_news li .news_summary, .TinBai_SideBar_Wrapper .TinBai_SideBar_Item .news_summary { /* font-size: 14px; line-height: 20px; */ color: var(--text-gray-dark); } /*****************News Two Column****************/ .ward-layout .DsTinBaiLietKeAnh_TieudeCM2Cot { margin-bottom: 0; } .ward-layout .DsTinBaiLietKeAnh_TieudeCM2Cot .group_scoll .img_scrollnews .img_bg, .sidebar-content .DsTinBaiLietKeAnh #dstinbailietkeanh ul li .img_bg { width: 100%; background-image: none !important; } .ward-layout .DsTinBaiLietKeAnh_TieudeCM2Cot .group_scoll .img_scrollnews .img_bg, .ward-layout .DsTinBaiLietKeAnh_TieudeCM2Cot .group_scoll .img_scrollnews .img_bg img, .sidebar-content .DsTinBaiLietKeAnh #dstinbailietkeanh ul li .img_bg, .sidebar-content .DsTinBaiLietKeAnh #dstinbailietkeanh ul li .img_bg img { display: inline-block; height: auto; } .ward-layout .DsTinBaiLietKeAnh_TieudeCM2Cot .group_scoll .img_scrollnews .img_bg img, #owl-dsTinBaiAnh .item .img_bg img, .sidebar-content .DsTinBaiLietKeAnh #dstinbailietkeanh ul li .img_bg img { width: 100%; height: 100%; object-fit: cover; } .ward-layout .img_left_large .group_scoll .content_scrollnews span.news_summary { height: auto; } .home-layout .DsTinBaiLietKeAnh_TieudeCM2Cot .module_container_news3img { display: flex; } .ward-layout .DsTinBaiLietKeAnh_TieudeCM2Cot .img_left_large .group_scoll, .ward-layout .img_right_list ul { display: block; } .DsTinBaiLietKeAnh_TieudeCM2Cot .content_scrollnews_short { display: none; } .ward-layout .img_right_list ul li .group_scoll .content_scrollnews .news_summary { display: none; } .ward-layout .img_left_large .group_scoll .img_scrollnews, .ward-layout .img_left_large .group_scoll .content_scrollnews { max-width: 100%; } .home-layout .breaking-news .TinBai2Cot_TieuDiem .left-pane { order: 1; flex: 0 0 65%; max-width: 65%; } .home-layout .breaking-news-style .TinBai2Cot_TieuDiem .left-pane { order: 0; } .home-layout .breaking-news .TinBai2Cot_TieuDiem .right-pane { flex: 0 0 35%; max-width: 35%; padding-right: 0.5rem; } .home-layout .breaking-news-style .TinBai2Cot_TieuDiem .right-pane { padding-right: 0; padding-left: 1.5rem; } .home-layout .breaking-news .TinBai2Cot_TieuDiem .left-pane .item_img_link { aspect-ratio: 1.8; display: block; width: 100%; } .breaking-news.breaking-news-style .TinBai2Cot_TieuDiem .left-pane .item_img_link { margin-bottom: 0.5rem; } .breaking-news:not(.breaking-news-style) .TinBai2Cot_TieuDiem .left-pane .news_info { padding: 12px 24px; background-color: var(--template-background-1); } .home-layout .breaking-news.no-image .TinBai2Cot_TieuDiem .right-pane ul li>a, .home-layout .breaking-news-style .TinBai2Cot_TieuDiem .right-pane ul li>a { display: none; } .breaking-news.breaking-news-style .DnnModule, .breaking-news.breaking-news-style + .handbook .DnnModule:last-of-type { margin-bottom: 40px; } .breaking-news .TinBai2Cot_TieuDiem .left-pane .news_title a { margin-bottom: 0.5rem; -webkit-line-clamp: 3; font-weight: 600; font-size: 1.25rem; line-height: 1.75rem; } .breaking-news .TinBai2Cot_TieuDiem .left-pane .news_date { margin-bottom: 0.5rem; font-size: 1rem; line-height: 1.5; } .breaking-news .TinBai2Cot_TieuDiem .left-pane .news_summary { font-size: 1rem; line-height: 1.5; color: var(--text-gray-dark); -webkit-line-clamp: 3; } .img_right_list { margin-top: 0; } .img_right_list ul li { max-width: 100%; margin-right: 0; } .ward-layout .img_right_list ul li .group_scoll, .TinBai_SideBar_Wrapper .TinBai_SideBar_Item { display: flex; } .ward-layout .img_right_list ul li .group_scoll .img_scrollnews, .TinBai_SideBar_Wrapper .TinBai_SideBar_Item .item_img_wrapper { flex: 0 0 100px; max-width: 100px; margin-right: 1rem; } .ward-layout .img_right_list ul li .group_scoll .img_scrollnews .img_bg, .TinBai_SideBar_Wrapper .TinBai_SideBar_Item .item_img_wrapper { vertical-align: top; height: 100px; } .TinBai_SideBar_Wrapper .TinBai_SideBar_Item .item_img_wrapper img { width: 100%; height: 100%; object-fit: cover; } .ward-layout .img_right_list ul li .group_scoll .content_scrollnews, .TinBai_SideBar_Wrapper .TinBai_SideBar_Item .news_info { flex-grow: 1; } .TinBai_SideBar_Wrapper .TinBai_SideBar_Item .news_info { display: flex; flex-direction: column; } .TinBai_SideBar_Wrapper .TinBai_SideBar_Item .news_category { font-size: 0.75rem; line-height: 1rem; font-weight: 500; color: #CC7B00; } .list-tin-bai-sidebar-cm .TinBai_SideBar_Wrapper .TinBai_SideBar_Item .news_title a { -webkit-line-clamp: 2; } .ward-layout .img_right_list ul li .group_scoll .content_scrollnews .TitleNews, .TinBai_SideBar_Wrapper .TinBai_SideBar_Item .news_title { margin-bottom: 4px; } .ward-layout .img_right_list ul li .group_scoll .content_scrollnews .TitleNews a, .TinBai_SideBar_Wrapper .TinBai_SideBar_Item .news_title a { -webkit-line-clamp: 3; } .ward-layout .img_right_list ul li .group_scoll .content_scrollnews .news_date, .TinBai_SideBar_Wrapper .TinBai_SideBar_Item .news_date { font-size: 14px; margin-bottom: 0; } .TinBai_SideBar_Wrapper .TinBai_SideBar_Item .news_date { order: 1; } .ward-layout .img_right_list ul > li:not(:last-of-type), .TinBai_SideBar_Wrapper .TinBai_SideBar_Item:not(:last-of-type) { padding-bottom: 12px; margin-bottom: 12px; border-bottom: 1px solid var(--border-tertiary); } .news-nowrap .TinBai_SideBar_Wrapper { display: flex; flex-flow: row nowrap; margin-left: -12px; margin-right: -12px; } .news-nowrap .TinBai_SideBar_Wrapper .TinBai_SideBar_Item { flex-flow: column wrap; flex: 0 0 25%; max-width: 25%; padding-left: 12px; padding-right: 12px; padding-bottom: 0; margin-bottom: 0; border-bottom: none; } .news-nowrap .TinBai_SideBar_Wrapper .TinBai_SideBar_Item .item_img_wrapper { margin-right: 0; width: 100%; max-width: 100%; height: auto; aspect-ratio: 1.59; } /* .news-nowrap .TinBai_SideBar_Wrapper .TinBai_SideBar_Item .item_img_wrapper .item_img { border-radius: 8px; } */ .news-nowrap .TinBai_SideBar_Wrapper .TinBai_SideBar_Item .news_info { margin-top: 8px; } @-moz-document url-prefix() { .breaking-news .TinBai2Cot_TieuDiem .right-pane ul { scrollbar-color: var(--template-scrollbar-2) transparent; scrollbar-width: thin; } } .breaking-news .TinBai2Cot_TieuDiem .right-pane ul { padding-right: 0.5rem; max-height: 100%; overflow: auto; } .breaking-news .TinBai2Cot_TieuDiem .right-pane ul::-webkit-scrollbar { width: 6px; height: 6px; border-radius: 999px; -webkit-border-radius: 999px; } .breaking-news .TinBai2Cot_TieuDiem .right-pane ul::-webkit-scrollbar-track { background: transparent; border-radius: 999px; -webkit-border-radius: 999px; } .breaking-news .TinBai2Cot_TieuDiem .right-pane ul::-webkit-scrollbar-thumb { background-color: var(--template-scrollbar-2); border-radius: 999px; -webkit-border-radius: 999px; } /*****************Event News******************/ .event-news { margin-bottom: 40px; } .event-news .TinBaiDanhSach_TieuDiem .bottom_pane .news_summary { display: none; } /****************Focus News****************/ .focus-news { margin-top: 56px; } .focus-news .DnnModule, .banner-single .DnnModule, .banner .DnnModule { margin-bottom: 40px; } /* .banner-single.DNNEmptyPane { display: none; } .banner-single.DNNEmptyPane + .banner-single { flex: 0 0 100%; max-width: 100%; } */ .focus-news .DnnModule-TinBaiNew_TrinhDien_TinBai { background-color: var(--bg-blue-gray-lighter); padding: 1.5rem; position: relative; } .focus-news .contraC h5.circle { position: absolute; left: 1.5rem; top: -1rem; text-transform: uppercase; padding: 4px 8px; border-bottom: 0; } .focus-news .contraC h5.circle::before { content: none; } .focus-news .contraC h5.circle, .focus-news .contraC h5.circle a, .focus-news .contraC h5.circle span { font-family: var(--font-family-inter); font-size: 1rem; line-height: 1.5rem; font-weight: 600; background-color: var(--template-background-7); color: var(--white); margin-bottom: 0; } .focus-news .tin-bai-slide-ngang .group_content .news_date { font-size: 14px; line-height: 20px; margin-bottom: 4px; display: block; } .focus-news .tin-bai-slide-ngang .group_content .news_title a { -webkit-line-clamp: 2; } .ward-layout .owl-stage-outer::after { content: none; } .focus-news .owl-carousel .owl-stage { display: flex; } .focus-news .owl-carousel .owl-item { padding-left: 4px; } .focus-news .owl-carousel .owl-item::after { content: ""; position: absolute; top: 0; right: -1.5rem; width: 0; height: 100%; border-right: 1px solid var(--template-border-3); } /***************News Video*************/ .video-list .list_video .video-item .news_video { position: relative; aspect-ratio: 1.59; } .video-list .list_video .video-item .news_video a { display: block; width: 100%; height: 100%; } .video-list .list_video img { border-radius: 0; } .video-list div[class*="videoDuration"], .video-list .list_video .videoDuration-0 { top: auto; right: 0.5rem; bottom: 0.5rem; } .video-list .list_video .video-item .news_video .overlay, .video-list .list_video .video-item .caption svg, .video-list div[class*="videoDuration"]:empty { display: none; } .focus-news-bg .DnnModule { /* background-color: #FFF5E5; padding: 16px 24px; border: 1px solid #FFEBCC; */ background-color: var(--template-background-1); padding: 16px 24px; border: 1px solid var(--template-border-1); border-radius: 8px; margin-bottom: 40px; } .focus-news-bg .contentpane { background-color: transparent; padding: 0; border: 0; border-radius: 0; margin-bottom: 0; } .showmore { text-align: right; } .module-spacing .DnnModule { margin-bottom: 40px; } .module-spacing-small .DnnModule { margin-bottom: 1.5rem; } .module-divider-bottom .DnnModule { padding-bottom: 40px; border-bottom: 4px solid var(--border-tertiary); } .module-divider-top .DnnModule { padding-top: 40px; border-top: 4px solid var(--border-tertiary); } .module-divider-bottom.module-left .DnnModule:last-of-type { padding-bottom: 0; border: 0; } .special-page .TinBai_SideBar_Wrapper .TinBai_SideBar_Item .item_img_wrapper { flex: 0 0 36%; max-width: 36%; aspect-ratio: 1.6; height: auto; } .special-page .TinBai_SideBar_Wrapper .TinBai_SideBar_Item:not(:last-of-type) { padding-bottom: 1rem; margin-bottom: 1rem; } .special-page .TinBai_SideBar_Wrapper .TinBai_SideBar_Item .news_title a { -webkit-line-clamp: 2; } .special-page .TinBai_SideBar_Wrapper .TinBai_SideBar_Item .news_summary { margin-top: 0.25rem; -webkit-line-clamp: 3; order: 2; } /**************Document**************/ .DnnModule-VanBanQuyPhamPhapLuat_VanBanTongQuan { position: relative; } .home-layout .documents .DnnModule-VanBanQuyPhamPhapLuat_VanBanTongQuan { border: 1px solid var(--border-tertiary); margin-bottom: 40px; } .home-layout .documents .DnnModule-VanBanQuyPhamPhapLuat_VanBanTongQuan .contraC h4.titleH { padding: 12px 24px 12px 40px; background-color: var(--bg-blue-gray-lighter); border-bottom: 0 !important; margin-bottom: 0; } .home-layout .documents .DnnModule-VanBanQuyPhamPhapLuat_VanBanTongQuan .contraC h4.titleH::before { top: 12px; left: 24px; height: calc(100% - 1.5rem) !important; } .home-layout .documents .DnnModule-VanBanQuyPhamPhapLuat_VanBanTongQuan .vbcn_more, .content-layout .main-content-container .DnnModule-VanBanQuyPhamPhapLuat_VanBanTongQuan .vbcn_more { position: absolute; top: 1rem; right: 1.5rem; } .content-layout .main-content-container .DnnModule-VanBanQuyPhamPhapLuat_VanBanTongQuan .vbcn_more { top: 0.25rem; right: 0; } .home-layout .documents .DnnModule-VanBanQuyPhamPhapLuat_VanBanTongQuan .vbcn_more, .home-layout .documents .DnnModule-VanBanQuyPhamPhapLuat_VanBanTongQuan .vbcn_more a, .content-layout .main-content-container .DnnModule-VanBanQuyPhamPhapLuat_VanBanTongQuan .vbcn_more, .content-layout .main-content-container .DnnModule-VanBanQuyPhamPhapLuat_VanBanTongQuan .vbcn_more a { font-weight: 500 !important; font-size: 14px; line-height: 20px; color: var(--primary-dark) !important; display: inline-block !important; text-decoration-line: none !important; } .home-layout .documents .DnnModule-VanBanQuyPhamPhapLuat_VanBanTongQuan .vbcn_more a, .content-layout .main-content-container .DnnModule-VanBanQuyPhamPhapLuat_VanBanTongQuan .vbcn_more a { display: flex !important; align-items: center; margin-top: 0; } .home-layout .documents .DnnModule-VanBanQuyPhamPhapLuat_VanBanTongQuan .vbcn_more a::after, .content-layout .main-content-container .DnnModule-VanBanQuyPhamPhapLuat_VanBanTongQuan .vbcn_more a::after { content: "\e111"; font-family: FluentSystemIcons !important; color: var(--primary-dark); margin-left: 4px; font-size: 20px; line-height: 1; } .document-list { padding: 1rem 1.5rem; } .document-list > li:not(:last-of-type) { padding-bottom: 1rem; margin-bottom: 1rem; border-bottom: 1px solid var(--border-tertiary); } .document-list li .document-info { display: flex; align-items: flex-end; justify-content: space-between; } .document-list li .document-info .docnumber { /* font-family: var(--font-family-literata); */ font-family: var(--font-family-inter); font-weight: 600; /* font-size: 1rem; line-height: 1.5; */ margin-right: 1rem; padding-bottom: 0.5rem; } .document-list li .document-info .issue-date { color: var(--text-tertiary); padding-bottom: 0.5rem; } .document-list li a:hover { color: var(--primary); } /*****************VBQPPL****************/ /* .content-layout .title-module-content { display: none; } .main-content-container .DnnModule-VanBanQuyPhamPhapLuat_TrinhDienVanBanQuyPhamPhapLuat .main-right .titleH { display: none; } */ .DnnModule-VanBanQuyPhamPhapLuat_DanhMuc .collapse:not(.show) { display: none; } .DnnModule-VanBanQuyPhamPhapLuat_DanhMuc .list_chuyenmuc > li:not(:last-child) { padding-bottom: 0.5rem; margin-bottom: 0.5rem; border-bottom: 1px solid var(--template-border-1); } .DnnModule-VanBanQuyPhamPhapLuat_DanhMuc .list_chuyenmuc > li > ul.list_chuyenmuc > li { padding: 0; margin: 0; border: none; width: 100%; } .DnnModule-VanBanQuyPhamPhapLuat_DanhMuc .list_chuyenmuc li a { /* font-family: var(--font-family-literata); */ font-family: var(--font-family-inter); color: var(--body) !important; /* font-weight: 500; */ font-weight: 600; display: flex; align-items: center; gap: 8px; position: relative; cursor: pointer; padding-left: 12px; } .DnnModule-VanBanQuyPhamPhapLuat_DanhMuc .list_chuyenmuc li a:hover { color: var(--primary) !important; } .DnnModule-VanBanQuyPhamPhapLuat_DanhMuc .list_chuyenmuc li.has_menu > a { padding-right: 16px; } /* .DnnModule-VanBanQuyPhamPhapLuat_DanhMuc .list_chuyenmuc > li > ul > li a { padding-left: 16px !important; } */ .DnnModule-VanBanQuyPhamPhapLuat_DanhMuc .list_chuyenmuc > li > ul > li > a::before { content: none !important; } .DnnModule-VanBanQuyPhamPhapLuat_DanhMuc .list_chuyenmuc > li.has_menu > a::after { content: ""; width: 12px; height: 12px; display: block; position: absolute; top: 6px; right: 0; background-image: url('data:image/svg+xml,'); } /* .DnnModule-VanBanQuyPhamPhapLuat_DanhMuc .list_chuyenmuc li.has_menu > a:not(.collapsed)::after { transform: rotate(180deg); } */ .DnnModule-VanBanQuyPhamPhapLuat_DanhMuc .list_chuyenmuc:not(.sub-menu, .collapse) > li > a::before { top: 9px; } .DnnModule-VanBanQuyPhamPhapLuat_DanhMuc .list_chuyenmuc > li > ul { margin: 0; border-radius: 0.25rem; background: var(--template-border-1); display: flex; padding: 1rem; flex-direction: column; align-items: flex-start; gap: 1rem; margin-top: 0.5rem; } .DnnModule-VanBanQuyPhamPhapLuat_DanhMuc .list_chuyenmuc > li > ul > li > ul { margin: 0; border-radius: 0.25rem; background: var(--template-background-1); display: flex; padding: 0.5rem 1rem; flex-direction: column; align-items: flex-start; gap: 1rem; margin-top: 0.5rem; } .DnnModule-VanBanQuyPhamPhapLuat_DanhMuc .list_chuyenmuc > li > ul > li > a { padding: 0; /* font-family: var(--font-family-literata); */ font-family: var(--font-family-inter); color: var(--body) !important; /* font-weight: 500; */ font-weight: 600; text-transform: none !important; } .DnnModule-VanBanQuyPhamPhapLuat_DanhMuc .list_chuyenmuc > li > ul > li.active > a { color: var(--danger) !important; } .DnnModule-VanBanQuyPhamPhapLuat_DanhMuc .list_chuyenmuc li.active > a { color: var(--danger) !important; } .main-right .filter-vanban-wrapper { margin-bottom: 1.5rem; } .main-right .filter-vanban-wrapper .item-linhvuc { border-color: var(--border-tertiary); background: var(--bg-blue-gray-lighter); padding: 0.25rem 0.5rem; color: var(--body); font-family: var(--font-family-inter); font-size: 0.875rem; line-height: 1.25rem; } .main-right .vbpl-form { background-color: var(--bg-blue-gray-lighter); border-color: var(--border-tertiary); border-radius: 0.5rem; } .main-right .vbpl-form .row div[class*='col'] { padding: 0 0.5rem; } .main-right .vbpl-form .form-group { margin-bottom: 1rem; } .group-flex-row .group-button-action .btn { line-height: 1.5rem; min-width: 120px; } .group-flex-row .group-button-action .btn:not(:first-child) { margin-left: 0.25rem; } .group-flex-row .group-button-action .btn.btn-black { color: var(--primary) !important; background-color: var(--white); border-color: var(--primary); } .main-right .table-vbpl thead tr { border-bottom: 0; } .main-right .table-vbpl tbody tr { border-top: 0; } .paging-wrapper { display: flex; justify-content: space-between; align-items: center; } .paging-wrapper .page_size { margin-bottom: 0; } .paging-wrapper span[id*='lblTotal'] { display: inline-block; border-radius: 0.25rem; background: var(--primary); padding: 3px 6px; color: var(--white); margin-left: 0.25rem; min-width: 30px; text-align: center; } .paging-wrapper .page_size a:not(:first-of-type):not(:nth-of-type(2)):not(:last-child):not(:nth-last-child(2)).page_selected { background-color: var(--primary) !important; color: var(--white) !important; border-radius: 4px; } .VanBancontent { border-radius: 0.5rem; border: 1px solid var(--border-tertiary); padding: 1rem 1rem 0; } .VanBancontent .form-group { margin-bottom: 1rem; } .VanBancontent .label-detail { font-weight: 600; margin-bottom: 0.5rem; } .VanBancontent ul li:not(:last-of-type) { margin-bottom: 0.5rem; } .VanBancontent .file-download { color: var(--blue); } .main-right .TenVanBan { display: block; color: var(--body) !important; font-size: 1.25rem; line-height: 1.75rem; font-weight: 600; margin-bottom: 1rem; } .main-right .Title_LoaiVanBan { color: var(--primary) !important; font-size: 1.125rem; line-height: 1.25rem; font-weight: 600; display: block; margin-top: 1rem; margin-bottom: 1rem; } .VanBanBack { /* display: flex; align-items: center; gap: 0.5rem; */ display: inline-block; padding: 0.5rem 1rem; border-radius: 0.25rem; border: 1px solid var(--primary); background-color: var(--primary); color: var(--white) !important; font-size: 0.875rem; font-weight: 500; line-height: 1.25rem; margin-top: 1rem; float: none; } .VanBanBack::before { content: "\e5e2"; font-family: FluentSystemIcons !important; color: var(--white); margin-right: 4px; font-size: 1.25rem; line-height: 1; vertical-align: top; } .btn-detail-back { padding: 0; text-align: right; } /*****************Category****************/ .special-page .DanhSachChuyenMuc_ListIcon ul { display: flex; flex-wrap: wrap; margin-bottom: 40px; gap: 1rem; } .special-page .DanhSachChuyenMuc_ListIcon ul li { flex: 0 0 calc(50% - 0.5rem); max-width: calc(50% - 0.5rem); } .handbook .DanhSachChuyenMuc_ListIcon ul { display: block; } .handbook .DanhSachChuyenMuc_ListIcon ul li, .Menu-PAKN .guide-use a { background-color: var(--template-background-1); border: 1px solid var(--template-border-1); border-radius: 4px; padding: 0.5rem 1rem; } .handbook .DanhSachChuyenMuc_ListIcon ul li:not(:last-of-type) { margin-bottom: 0.5rem; } /* .special-page .DanhSachChuyenMuc_ListIcon ul li:nth-child(2n+1) { margin-right: 1rem; } .special-page .DanhSachChuyenMuc_ListIcon ul li:not(:nth-last-child(-n+2)) { margin-bottom: 1rem; } */ .handbook .DanhSachChuyenMuc_ListIcon ul li, .special-page .DanhSachChuyenMuc_ListIcon ul li { display: flex; align-items: center; } .special-page .DanhSachChuyenMuc_ListIcon ul li { background-color: var(--bg-blue-gray-lighter); border: 1px solid var(--border-tertiary); border-radius: 4px; padding: 0.5rem 1rem; } .DanhSachChuyenMuc_ListIcon ul li .icon_chuyenmuc, .Menu-PAKN .guide-use a::before { flex-shrink: 0; } .handbook .DanhSachChuyenMuc_ListIcon ul li img, .special-page .DanhSachChuyenMuc_ListIcon ul li img { width: 32px; height: 32px; } .handbook .DanhSachChuyenMuc_ListIcon ul li > a, .special-page .DanhSachChuyenMuc_ListIcon ul li > a, .Menu-PAKN .guide-use a span { margin-left: 1rem; padding-bottom: 0; } .sidebar-content ul.list_chuyenmuc, .DanhSachChuyenMucNhieuCap ul.list_chuyenmuc .DanhSachChuyenMucCapDoc ul.list_chuyenmuc { list-style-type: none; } .handbook .DanhSachChuyenMuc_ListIcon ul li > a, .special-page .DanhSachChuyenMuc_ListIcon ul li > a, .sidebar-content ul.list_chuyenmuc.list_child li a, .DanhSachChuyenMucNhieuCap ul.list_chuyenmuc.list_child li a, .DanhSachChuyenMucCapDoc ul.list_chuyenmuc li a, .Menu-PAKN .list-menu-PAKN li a, .Menu-PAKN .guide-use a { /* font-family: var(--font-family-literata); font-weight: 500; */ font-family: var(--font-family-inter); font-weight: 600; display: inline-block; color: var(--body); transition: all 0.5s ease-in-out; } .DanhSachChuyenMucNhieuCap ul.list_chuyenmuc.list_child li a { display: block; padding-right: 0.75rem; cursor: pointer; } .DanhSachChuyenMucCapDoc ul.list_chuyenmuc li.active a { color: var(--primary); } .handbook .DanhSachChuyenMuc_ListIcon ul li:hover > a, .special-page .DanhSachChuyenMuc_ListIcon ul li:hover > a, .menu-m8-group ul li a:hover, .sidebar-content ul.list_chuyenmuc.list_child li a:hover, .DanhSachChuyenMucNhieuCap ul.list_chuyenmuc.list_child li a:hover, .DanhSachChuyenMucCapDoc ul.list_chuyenmuc li a:hover, .Menu-PAKN .list-menu-PAKN li a:hover, .Menu-PAKN .guide-use a:hover { color: var(--primary); } .menu-m8-group ul li, .sidebar-content ul.list_chuyenmuc.list_child li, .DanhSachChuyenMucNhieuCap ul.list_chuyenmuc.list_child li, .DanhSachChuyenMucCapDoc ul.list_chuyenmuc li, .Menu-PAKN .list-menu-PAKN li { position: relative; padding-left: 20px; } .menu-m8-group ul li::before, .sidebar-content ul.list_chuyenmuc.list_child li::before, .DanhSachChuyenMucNhieuCap ul.list_chuyenmuc.list_child li::before, .DanhSachChuyenMucCapDoc ul.list_chuyenmuc li::before, .Menu-PAKN .list-menu-PAKN li::before { top: 9px; } .DanhSachChuyenMucNhieuCap > ul > li ul.list_chuyenmuc.list_child li::before { content: none; } .DanhSachChuyenMucNhieuCap > ul > li ul.list_chuyenmuc.list_child > li:not(:last-of-type) { margin-bottom: 0; } .DanhSachChuyenMucNhieuCap > ul > li ul.list_chuyenmuc.list_child { padding: 0 1rem; } .DanhSachChuyenMucNhieuCap > ul > li ul.list_chuyenmuc.list_child li { padding-left: 0; padding-right: 0; } .DanhSachChuyenMucNhieuCap > ul > li ul.list_chuyenmuc.list_child li:first-child { padding-top: 12px } .DanhSachChuyenMucNhieuCap > ul > li ul.list_chuyenmuc.list_child li:last-child { padding-bottom: 12px } .DanhSachChuyenMucCapDoc > ul > li ul.list_chuyenmuc li::before { content: none; } .DanhSachChuyenMucCapDoc > ul > li ul.list_chuyenmuc > li:not(:last-of-type) { margin-bottom: 0; padding-bottom: 8px } .DanhSachChuyenMucCapDoc > ul > li ul.list_chuyenmuc > li:not(:first-child) { padding-top: 8px } .DanhSachChuyenMucCapDoc > ul > li ul.list_chuyenmuc > li { padding-left: 0 } .DanhSachChuyenMucCapDoc > ul > li ul.list_chuyenmuc { padding: 12px; margin: 12px 0 8px -20px; background: var(--template-background-1); border: 1px solid var(--template-border-6); border-radius: 8px; } .list_chuyenmuc > li.has_menu > a::after { content: ""; width: 12px; height: 12px; display: block; position: absolute; top: 6px; right: 0; background-image: url('data:image/svg+xml,'); } .DanhSachChuyenMucCapDoc ul.list_chuyenmuc li { position: relative; } .DanhSachChuyenMucCapDoc ul.list_chuyenmuc li a { margin-right: 0.75rem; } .DanhSachChuyenMucCapDoc ul.list_chuyenmuc li svg { position: absolute; top: 6px; right: 0; cursor: pointer; } .DanhSachChuyenMucCapDoc .list_chuyenmuc > li.has_menu > a::after { content: none; background-image: url('data:image/svg+xml,'); } .DanhSachChuyenMucCapDoc ul.list_chuyenmuc li.has_menu > a { cursor: pointer; } .menu-m8 ul li li a, .menu-m8 ul li li:not(:last-child) a { padding: 0; border: 0; color: var(--body) !important; } .menu-m8 ul li li a:hover { color: var(--primary) !important; } .menu-m8-group ul > li:not(:last-of-type), .sidebar-content ul.list_chuyenmuc.list_child > li:not(:last-of-type), .DanhSachChuyenMucNhieuCap ul.list_chuyenmuc.list_child > li:not(:last-of-type), .DanhSachChuyenMucCapDoc ul.list_chuyenmuc > li:not(:last-of-type) { padding-bottom: 12px; margin-bottom: 12px; border-bottom: 1px solid var(--border-tertiary); } .special-page-1 .DanhSachChuyenMuc_ListIcon ul { margin-bottom: 0; } #dnn_Row1_Grid12_Pane6 { margin-bottom: 40px; } .special-page.special-page-1 .DanhSachChuyenMuc_ListIcon ul li { flex-basis: calc(25% - 0.75rem); max-width: calc(25% - 0.75rem); min-height: 90px; } /* .special-page.special-page-1 .DanhSachChuyenMuc_ListIcon ul li:nth-child(4n) { margin-right: 0; } .special-page.special-page-1 .DanhSachChuyenMuc_ListIcon ul li:not(:nth-last-child(-n+2)) { margin-bottom: auto; } .special-page.special-page-1 .DanhSachChuyenMuc_ListIcon ul li:not(:nth-last-child(-n+4)) { margin-bottom: 1rem; } */ .link-website .dropdown-menu[role="menu"] { margin: 0 !important; padding: 0; float: none; border: 0; border-radius: 0; } .link-website .dropdown-menu[role="menu"] > li:not(:last-of-type) { margin-bottom: 12px; } .link-website .dropdown-menu[role="menu"] > li > a { padding: 7px 40px 7px 16px; background-color: var(--template-background-1); border: 1px solid var(--template-border-1); border-radius: 4px; display: block; position: relative; } .link-website .dropdown-submenu>a:after { content: "\e3e2"; float: none; width: auto; height: auto; border: 0; margin: 0; font-family: FluentSystemIcons !important; font-size: 24px; line-height: 1; position: absolute; top: 7px; right: 12px; transition: all 0.3s ease-in-out; } /* .link-website .dropdown-menu[role="menu"] > li > a:hover::after */ .link-website .dropdown-menu[role="menu"] > li.show > a::after { transform: rotate(180deg); } .link-website .dropdown-submenu>.dropdown-menu { float: none; left: 0; top: 100%; width: 100%; margin: 0; border-color: var(--border-tertiary); border-radius: 4px; } .link-website .dropdown-submenu>.dropdown-menu.show { display: block; } .link-website .dropdown-submenu:hover>.dropdown-menu { display: none; } .link-website .dropdown-submenu>.dropdown-menu li a { padding: 8px 16px; display: block; } .link-website .dropdown-submenu>.dropdown-menu li a:hover { background-color: rgba(0, 0, 0, 0.05); } .link-website .dropdown-submenu>.dropdown-menu { max-height: 300px; overflow: auto; } @-moz-document url-prefix() { .link-website .dropdown-submenu>.dropdown-menu { scrollbar-color: var(--template-scrollbar-1) var(--white); scrollbar-width: thin; } } .link-website .dropdown-submenu>.dropdown-menu::-webkit-scrollbar { width: 6px; height: 6px; border-radius: 999px; -webkit-border-radius: 999px; } .link-website .dropdown-submenu>.dropdown-menu::-webkit-scrollbar-track { background: var(--white); border-radius: 999px; -webkit-border-radius: 999px; } .link-website .dropdown-submenu>.dropdown-menu::-webkit-scrollbar-thumb { background-color: var(--template-scrollbar-1); border-radius: 999px; -webkit-border-radius: 999px; } .link-website .Lienket_website { border-radius: 0; border: 0; background: transparent; padding: 0; } .link-website .Lienket_website .list_website { gap: 0.75rem; } .link-website .Lienket_website .select2 .select2-selection { background: var(--template-background-1); border: 1px solid var(--template-border-1); outline: 0; } .link-website .Lienket_website .select2 .select2-selection span { font-family: var(--font-family-inter); color: var(--body); font-size: 1rem; line-height: 1.5; outline: 0; } .link-website .Lienket_website .select2 .select2-selection .select2-selection__rendered { padding: 0.5rem 2.5rem 0.5rem 1rem; } .link-website .Lienket_website .select2 .select2-selection .select2-selection__arrow { width: 16px; height: 16px; right: 16px; } .link-website .Lienket_website .select2 .select2-selection .select2-selection__arrow b { width: 16px; height: 16px; margin-top: 0; background-repeat: no-repeat; background-size: contain; position: static; display: inline-block; transform: none; transition: all 0.3s ease-in-out; } .link-website .Lienket_website .select2.select2-container--open .select2-selection .select2-selection__arrow b { transform: rotate(180deg); } /*******************Events******************/ .event .DnnModule-HueTourisEvent:not(.DnnModule-Empty), .event .DnnModule-TinBaiNew_TrinhDien_ChuyenMuc + .DnnModule-TinBaiNew_TrinhDien_ChuyenMuc, .event-home .DnnModule-TinBaiNew_TrinhDien_ChuyenMuc, .module-right .DnnModule:not(.DnnModule-TrinhDienQuangCao, .DnnModule-TrinhDienThongTinDoanhNghiep, .DnnModule-Empty), .Menu-PAKN .sidebar-main { padding: 1.5rem; border: 1px solid var(--template-border-4); border-radius: 0.5rem; margin-bottom: 1.5rem; } .event .DnnModule-HueTourisEvent.DnnModule-Empty h5 { display: none; } .event-home .DnnModule-TinBaiNew_TrinhDien_ChuyenMuc + .DnnModule-TinBaiNew_TrinhDien_ChuyenMuc, .event-home .DnnModule.DnnModule-DNN_HTML { padding: 0; border: 0; border-radius: 0; } /* .event .DnnModule-TinBaiNew_TrinhDien_ChuyenMuc + .DnnModule-TinBaiNew_TrinhDien_ChuyenMuc { padding: 0; border: 0; border-radius: 0; } */ /* .event .DnnModule-TinBaiNew_TrinhDien_ChuyenMuc + .DnnModule-TinBaiNew_TrinhDien_ChuyenMuc { margin-top: 1rem; margin-bottom: 0; } */ .home-layout .module-right .DnnModule:not(.DnnModule-Empty), .Menu-PAKN .sidebar-main { margin-bottom: 1.5rem; } .event .owl-carousel { margin-bottom: 0; } .event .div-img a { display: block; width: 100%; aspect-ratio: 1.7; } .event .div-img img { width: 100%; height: 100%; object-fit: cover; } .event .item-event { display: none; } .event .div-right .title-event { margin-top: 0.5rem; padding-left: 2px; } .event .div-right .title-event a { -webkit-line-clamp: 3; } .event .module-title, .event .divlock { display: none; } /********************Media*******************/ .sidebar-content .DnnModule:not(.DnnModule-TrinhDienQuangCao), .module-right .DnnModule-TrinhDienQuangCao { margin-bottom: 1.5rem; } .multi-media .list_media ul, .multi-media .Image-bg-lg ul { display: block; } .multi-media .list_media ul li, .multi-media .Image-bg-lg ul li, .multi-media .lightgallery-video-html5 ul li { width: 100%; margin: 0; max-width: 100%; padding: 0; } .multi-media .Image-bg-lg ul, .multi-media .lightgallery-video-html5 #html5-videos { margin: 0; } .multi-media .lightgallery-video-html5 #html5-videos li { flex: 0 0 100%; max-width: 100%; padding: 0; } .multi-media .list_media ul li .borderimg a, .multi-media .list_media .borderimg .crop_img, .multi-media .list_media .bordervideo a, .multi-media .list_media .bordervideo .crop_img, .multi-media .item-main .image-light a, .multi-media .videogallery .item .video-light a, .multi-media .Image-bg-lg .image-light a, .multi-media .lightgallery-video-html5 .video-light a { display: block; width: 100%; height: auto; top: 0; aspect-ratio: 1.7; } .multi-media .list_media .crop_img, .multi-media .item-main .image-light, .multi-media .videogallery .item .video-light, .multi-media .Image-bg-lg ul li .image-light, .multi-media .lightgallery-video-html5 .video-light { position: relative; border-radius: 0; } .multi-media .list_media .crop_img .total-item, .multi-media .item-main .image-light .total-item, .multi-media .Image-bg-lg .image-light .total-item { position: absolute; right: 0.5rem; bottom: 0.5rem; font-size: 12px; line-height: 16px; color: var(--white); padding: 4px; display: flex; align-items: center; background-color: rgba(13, 21, 42, 0.8); z-index: 1; } .multi-media .list_media .crop_img .total-item::before, .multi-media .item-main .image-light .total-item::before, .multi-media .Image-bg-lg .image-light .total-item::before { content: "\e8b6"; font-family: FluentSystemIcons !important; color: var(--white); margin-right: 4px; font-size: 16px; line-height: 1; } .multi-media .list_media .bordervideo .crop_img .total-item, .multi-media .videogallery .item .video-light .total-item, .multi-media .lightgallery-video-html5 .video-light .total-item, .multi-media .Video-Gallery .section-title, .multi-media .demo-gallery-poster { display: none; } .multi-media .list_media .bordervideo { border: 0; margin: 0; padding-bottom: 28px; } .multi-media .list_media .bordervideo a { position: relative; } .multi-media .list_media ul li .borderimg img.resizecrop, .multi-media .list_media ul li .bordervideo img.resizecrop, .multi-media .item-main .image-light img, .multi-media .videogallery .item .video-light img, .multi-media .Image-bg-lg .image-light img, .multi-media .lightgallery-video-html5 .video-light img { display: block; width: 100%; height: 100%; object-fit: cover; } .multi-media .list_media ul li .info-img, .multi-media .item-main .image-title, .multi-media .videogallery .item .videos-title, .multi-media .Image-bg-lg .image-title, .lightgallery-video-html5 .videos-title { overflow: unset; margin: 0.5rem 0 0; text-align: center; } .multi-media .Image-bg-lg .image-title .imagetitle, .lightgallery-video-html5 .videos-title .videostitle { margin-top: 0; } .lightgallery-video-html5 .videos-title, .multi-media .videogallery .item .videos-title { margin-top: 2rem; } .lightgallery-video-html5 .videos-title a { font-size: 1rem; } .multi-media .list_media ul li .info-img p { padding-bottom: 0; } .multi-media .Video-Gallery { margin: 0; } .multi-media .list_media .bordervideo a::after, .multi-media .videogallery .item .video-light::after, .lightgallery-video-html5 .video-light::after { content: ""; position: absolute; width: 56px; height: 56px; background: url("../images/play_filled.png") var(--primary) no-repeat center / 24px auto; /* background-color: var(--primary); background-repeat: no-repeat; background-size: 24px auto; background-position: center center; */ border-radius: 50%; border: 4px solid var(--white); left: 50%; bottom: -28px; transform: translateX(-50%); z-index: 1; cursor: pointer; } .multi-media .Image-bg-lg ul li .album-lg .imagetitle, .multi-media .lightgallery-video-html5 .videos-title a { -webkit-line-clamp: 3; } .multi-media .list_media .bordervideo + .info-img { margin-top: 0.25rem; } body:not(.dnnEditState) .DNNEmptyPane { margin: 0; } /************************Banner**********************/ .section-banner { padding: 40px 0; background-color: var(--template-background-6); } .banner .list_QuangCao ul { justify-content: flex-start; gap: 0; } /* .home-layout .banner .list_QuangCao ul { padding-bottom: 40px; border-bottom: 1px solid var(--primary); } */ .banner .list_QuangCao ul li { flex: 1 0 calc(50% - 12px); border-radius: 0; } .banner .list_QuangCao .view_list_QuangCao ul li:not(:last-of-type) { margin-right: 24px; margin-bottom: 0; } .banner .list_QuangCao ul li input { max-width: 100%; width: 100%; vertical-align: top; } .banner-slide .container_module_title { display: none; } .banner-slide .item .img_bg, .banner-slide .item .content_news { display: none; } .banner-slide .item img { border-radius: 0.5rem; } .banner-right .list_QuangCao img { border-radius: 0.75rem; } .banner-slide .owl-carousel .owl-nav [class*="owl-"] { position: absolute; padding: 0.5rem !important; color: var(--primary); border-radius: 50%; box-shadow: 0px 0px 16px 0px rgba(13, 21, 42, 0.2); background-color: var(--white); top: 50%; transform: translateY(-50%); z-index: 1; transition: all 0.3s ease-in-out; } .banner-slide .owl-carousel .owl-nav [class*="owl-"]:focus { outline: 0; } .banner-slide .owl-carousel .owl-nav [class*="owl-"]:hover { background-color: var(--primary); color: var(--white); } .banner-slide .owl-theme .owl-nav { margin-top: 0; } .banner-slide .owl-nav .owl-prev { left: -20px; } .banner-slide .owl-nav .owl-next { right: -20px; } .main-content-container .DnnModule-TrinhDienThongTinDoanhNghiep .list_item ul { display: flex; margin-left: -12px; margin-right: -12px; } .main-content-container .DnnModule-TrinhDienThongTinDoanhNghiep .list_item ul li { flex: 1 1 auto; padding-left: 12px; padding-right: 12px; } .main-content-container .DnnModule-TrinhDienThongTinDoanhNghiep .list_item ul li input { width: 100%; } .banner .DSChuyenMuc_AnhDaiDien ul li { border-radius: 8px; overflow: hidden; } .banner .DSChuyenMuc_AnhDaiDien ul li a { display: block; } .banner .DSChuyenMuc_AnhDaiDien ul li .list_tomtat, .banner .DSChuyenMuc_AnhDaiDien .showmore { display: none; } .banner .DSChuyenMuc_AnhDaiDien ul li:not(:last-of-type) { margin-bottom: 2rem; } /****************QLHSDVC***************/ .DnnModule-QuanLyHoSoDVCVanBanDienTu, .DnnModule-QuanLyHoSoDVCMCDTHuyenXaCQView { height: calc(100% - 24px); } .main-content-container .DnnModule-QuanLyHoSoDVCVanBanDienTu, .main-content-container .DnnModule-QuanLyHoSoDVCMCDTHuyenXaCQView { height: calc(100% - 40px); } .DnnModule-QuanLyHoSoDVCVanBanDienTu > div, .DnnModule-QuanLyHoSoDVCVanBanDienTu > div > div, .DnnModule-QuanLyHoSoDVCVanBanDienTu > div > div > div, .DnnModule-QuanLyHoSoDVCVanBanDienTu > div > div > div > .having_box.box_color, .DnnModule-QuanLyHoSoDVCMCDTHuyenXaCQView > div, .DnnModule-QuanLyHoSoDVCMCDTHuyenXaCQView > div > div, .DnnModule-QuanLyHoSoDVCMCDTHuyenXaCQView > div > div > div, .DnnModule-QuanLyHoSoDVCMCDTHuyenXaCQView > div > div > div > .having_box.box_color { height: 100%; } .main-content-container .titleTTHC { text-align: center; height: auto; /*background-color: #02548f;*/ /*color: white;*/ } .main-content-container .viewTTHC { text-align: center } .main-content-container .sum { color: coral; } .main-content-container .highcharts-figure { margin: 1em auto; } .main-content-container .having_box.box_color { background-color: var(--bg-blue-gray-lighter); position: relative; border-radius: 8px; /* padding: 16px; */ border: 1px solid var(--border-tertiary); margin-bottom: 32px; } .main-content-container .having_box.box_color .having_sideline { background-image: url("../images/mask.svg"); background-size: cover; background-position: center; text-align: center; padding: 1rem; height: 100%; } .ward-layout .main-content-container .having_sideline h4.titleH, .ward-layout .main-content-container .having_sideline h4.titleH span { color: var(--primary-dark); /* font-family: var(--font-family-literata); */ font-family: var(--font-family-inter); font-weight: 600; font-size: 20px; line-height: 1.75rem; text-transform: uppercase; } .ward-layout .main-content-container .having_sideline h4.titleH { margin-bottom: 1rem !important; padding: 0; border-bottom: 0; } .ward-layout .main-content-container .having_sideline h4.titleH::before { content: none; } .content-panels-wrapper .having_sideline .titleH .Head { margin-bottom: 0; } .content-panels-wrapper .tthc-text.titleTTHC { font-size: 1rem; line-height: 1.5; letter-spacing: .15px; font-family: var(--font-family-inter); font-weight: 600; color: var(--text-primary); margin: 0 !important; display: inline-block; } .content-panels-wrapper .viewTTHC .content { margin-top: 0.25rem !important; margin-bottom: 1rem !important; } .content-panels-wrapper .viewTTHC .content p { margin: 0 !important; } .content-panels-wrapper .viewTTHC .content span.text-percent { color: var(--primary) !important; font-size: 28px; line-height: 36px; font-family: var(--font-family-inter); font-weight: 600; display: inline-block; } .content-panels-wrapper .viewTTHC .content .tthc-text { font-family: var(--font-family-inter); font-weight: 400; display: inline-block; color: var(--body); letter-spacing: .25px; margin-top: 4px; } .content-panels-wrapper .bottom-tthc-wrapper { font-size: 14px; font-family: var(--font-family-inter); font-weight: 400; letter-spacing: .4px; line-height: 20px; color: var(--text-tertiary); } .content-panels-wrapper .tthc-update-wrapper { margin-bottom: 0 !important; } .content-panels-wrapper .nhom-thongke-block { display: flex; flex-flow: row wrap; justify-content: center; } .content-panels-wrapper .chart-DVC { margin-right: 24px; } .content-panels-wrapper .custom-legend { /* align-self: center; */ padding-top: 1rem; text-align: left; } .content-panels-wrapper .custom-legend-total { font-weight: 600; letter-spacing: .15px; margin-bottom: 0; } .content-panels-wrapper .custom-legend-total span { color: var(--blue); font-size: 1.25rem; line-height: 1.75rem; } .content-panels-wrapper .legend-item { letter-spacing: .1px; font-size: 0.875rem; line-height: 1.25rem; display: flex; align-items: center; margin-top: 0.25rem; font-weight: 500; } .content-panels-wrapper .legend-item .legend-color { width: 0.75rem; height: 0.75rem; border-radius: 50%; margin-right: 0.5rem; } .content-panels-wrapper .legend-item.legend-blue { color: var(--blue); } .content-panels-wrapper .legend-item.legend-red { color: var(--danger); } .content-panels-wrapper .legend-item.legend-green { color: var(--success); } .content-panels-wrapper .legend-item.legend-blue .legend-color { background-color: var(--blue); } .content-panels-wrapper .legend-item.legend-red .legend-color { background-color: var(--danger); } .content-panels-wrapper .legend-item.legend-green .legend-color { background-color: var(--success); } .content-panels-wrapper .DagiaiQuyet { font-family: var(--font-family-inter); font-size: 1rem; line-height: 1.5; font-weight: 600; fill: var(--text-primary); } .content-panels-wrapper .percent_TTHC { font-family: var(--font-family-inter); font-size: 1.75rem; line-height: 2rem; font-weight: 600; fill: var(--primary); } .content-panels-wrapper .DungHan { font-family: var(--font-family-inter); font-size: 0.75rem; line-height: 1.25rem; font-weight: 400; fill: var(--text-primary); } .content-panels-wrapper .thongke-update-wrapper { font-size: 14px; color: var(--text-tertiary); display: flex; justify-content: center; } .content-panels-wrapper .btn-search img, .content-panels-wrapper .tthc-viewDetail-wrapper { display: none; } .content-panels-wrapper .chart-DVC .tooltip-chart { padding: 0.5rem; text-align: center; } .content-panels-wrapper .chart-DVC .tooltip-chart .tooltip-name { font-family: var(--font-family-inter); font-size: 0.75rem; line-height: 1.25rem; font-weight: 600; color: var(--body); } .content-panels-wrapper .chart-DVC .tooltip-chart .tooltip-percent { font-family: var(--font-family-inter); font-size: 1rem; line-height: 1.5; font-weight: 600; } .content-panels-wrapper .DnnModule-QuanLyHoSoDVCMotCuaDienTuCapHuyenXa, .main-content-container .DnnModule-TraCuuHoSoDVC { padding: 2rem; border-radius: 0.5rem; background-color: var(--bg-blue-gray-lighter); border: 1px solid var(--border-tertiary); background-image: url("../images/vector-line.svg"); background-size: cover; background-position: center; background-repeat: no-repeat; } .main-content-container .DnnModule-TraCuuHoSoDVC .having_box.box_color { background: none; border: 0; border-radius: 0; margin-bottom: 0; padding: 0; } .main-content-container .DnnModule-TraCuuHoSoDVC .having_box.box_color .having_sideline { background: none; } .content-panels-wrapper .DnnModule-QuanLyHoSoDVCMotCuaDienTuCapHuyenXa .contraC h4.titleH, .main-content-container .DnnModule-TraCuuHoSoDVC .contraC h5.circle { padding-bottom: 0; border-bottom: 0; /* margin-bottom: 1rem; */ } .main-content-container .DnnModule-TraCuuHoSoDVC .contraC h5.circle { margin-bottom: 1rem; } .content-panels-wrapper .DnnModule-QuanLyHoSoDVCMotCuaDienTuCapHuyenXa .contraC h4.titleH::before, .main-content-container .DnnModule-TraCuuHoSoDVC .contraC h5.circle::before { height: 100%; } .content-panels-wrapper .DnnModule-QuanLyHoSoDVCMotCuaDienTuCapHuyenXa .highcharts-background { fill: transparent; } .content-panels-wrapper .DnnModule-QuanLyHoSoDVCMotCuaDienTuCapHuyenXa .tthc-text.titleTTHC { text-align: center; display: block; height: auto; } .content-panels-wrapper .statistical-content .statistical-content-mainTitle { margin-top: 0.5rem; margin-bottom: 1rem; text-align: center; } .content-panels-wrapper .statistical-content .statistical-content-mainTitle span { font-family: var(--font-family-inter); font-size: 1.25rem; line-height: 1.75rem; font-weight: 600; } .main-content-container .DnnModule-TraCuuHoSoDVC .form-group .form-control { padding-top: 7px; padding-bottom: 7px; } .main-content-container .DnnModule-TraCuuHoSoDVC .form-group.col-md-2 { padding-left: 0.25rem; } .main-content-container .DnnModule-TraCuuHoSoDVC .form-group .btn.btn-primary { color: var(--white); background-color: var(--primary); border-color: var(--primary); display: block; border-radius: 0.25rem; } .main-content-container .DnnModule-TraCuuHoSoDVC .form-group .btn.btn-primary span { display: block; font-weight: 600; line-height: 22px; } .main-content-container .DnnModule-TraCuuHoSoDVC .form-group .btn.btn-primary img { display: none; } .main-content-container .DnnModule-TraCuuHoSoDVC .having_box.box_color .having_sideline h6 { display: none; } .main-content-container .DnnModule-TraCuuHoSoDVC .search-hs-content { margin-top: 1rem; } .main-content-container .DnnModule-TraCuuHoSoDVC .search-hs-content .searchHS-btn:first-child { margin-top: 0 !important; margin-bottom: 0.5rem !important; } .main-content-container .DnnModule-TraCuuHoSoDVC .search-hs-content .searchHS-btn:last-child { margin-bottom: 0 !important; } .main-content-container .DnnModule-TraCuuHoSoDVC .search-hs-content .searchHS-btn:last-child > div { margin-bottom: 0.5rem !important; } .main-content-container .DnnModule-TraCuuHoSoDVC .search-hs-content .searchHS-btn:last-child > div:last-child { margin-bottom: 0 !important; } .main-content-container .DnnModule-TraCuuHoSoDVC .search-hs-content .searchHS-btn:last-child > div button:not(:last-child) { margin-right: 0.25rem; } .main-content-container .searchHS-btn button, .main-content-container .searchHS-btn button.number-button { font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; background-color: var(--white) !important; box-shadow: 0px 0px 4px 0px rgba(13, 21, 42, 0.12); min-width: 36px; color: var(--body) !important; } .DnnModule-TraCuuHoSoDVC table { text-align: left; } .DnnModule-TraCuuHoSoDVC table thead tr { border-bottom: 0 !important; } .DnnModule-TraCuuHoSoDVC table thead th { border-color: var(--border-tertiary) !important; } .DnnModule-TraCuuHoSoDVC table tbody tr { border-top: 0 !important; } .DnnModule-TraCuuHoSoDVC table tbody tr td { background-color: var(--white) !important; border-color: var(--border-tertiary) !important; vertical-align: top; } /******************Footer******************/ .ward-layout footer a:link, .ward-layout footer a:active, .ward-layout footer a:focus, .ward-layout footer a:visited { color: var(--body); } .ward-layout footer { background: var(--white); padding: 1.5rem 0; font-family: var(--font-family-inter); } .ward-layout footer p { font-family: var(--font-family-inter); font-weight: 400; color: var(--body); } .ward-layout footer::before { content: none; } .ward-layout footer .footer-top { position: relative; padding-top: 1.5rem; } .ward-layout footer .footer-top::before { content: ""; position: absolute; top: 0; left: 12px; right: 12px; height: 3px; background-color: var(--primary); } .ward-layout footer .footer-info h2 { /* font-family: var(--font-family-literata); */ font-family: var(--font-family-inter); font-weight: 600; font-size: 24px; line-height: 32px; margin-bottom: 1.5rem; } .ward-layout footer .footer-info p { font-size: 16px; line-height: 1.5; margin-bottom: 4px; padding-bottom: 0; } .ward-layout footer .footer-info p a { display: inline-block; } .ward-layout footer .footer-info p a:hover, .ward-layout footer .footer-link a:hover { color: var(--primary); } .ward-layout footer .footer-info .info-row { display: flex; flex-wrap: wrap; } .ward-layout footer .footer-info .info-row p:first-of-type { margin-right: 40px; } .ward-layout footer .footer-info p:last-child { margin-bottom: 0; } .ward-layout footer .footer-link, .ward-layout footer .footer-certificate, .ward-layout footer .onlinecounter-statistics { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; } .ward-layout footer .footer-link a { font-size: 1rem; line-height: 1.5rem; display: inline-block; margin-bottom: 0.5rem; } .ward-layout footer .footer-link > a:not(:last-of-type) { margin-right: 32px; font-weight: 600; position: relative; } .ward-layout footer .footer-link > a:not(:last-of-type)::after { content: ""; position: absolute; top: 50%; transform: translateY(-50%); right: -1rem; width: 0; height: 1rem; border-right: 1px solid var(--template-border-3); } .ward-layout footer .footer-link > a:last-of-type { display: flex; align-items: center; } .ward-layout footer .footer-link > a:last-of-type:hover { color: var(--body); } /* .ward-layout footer .footer-link img { margin-left: 0.5rem; vertical-align: top; } */ .ward-layout footer .footer-link i { min-width: 40px; display: inline-block; line-height: 38px; text-align: center; border-radius: 50%; border: 1px solid var(--border-tertiary); color: var(--primary); transition: all 0.3s ease-in-out; margin-left: 0.5rem; } .ward-layout footer .footer-link a:hover i { color: var(--white); background-color: var(--primary); border-color: var(--primary); } .ward-layout footer .onlinecounter-statistics .counteronline { display: flex; align-items: flex-end; padding-top: 0.5rem; padding-bottom: 0.5rem; margin: 0; text-transform: none; font-family: var(--font-family-inter); color: var(--body); } .ward-layout footer .onlinecounter-statistics > .counteronline:not(:last-of-type) { margin-right: 1.5rem; } .ward-layout footer .onlinecounter-statistics .counteronline span:first-child { font-family: var(--font-family-inter); font-size: 1rem; line-height: 1.5; color: var(--body); margin-right: 0.5rem; } .ward-layout footer .onlinecounter-statistics .counteronline span:last-child { font-size: 20px; line-height: 28px; font-weight: 600; } .ward-layout footer .footer-certificate .item { padding-top: 0.5rem; } .ward-layout footer .footer-certificate .item:not(:last-of-type) { margin-right: 1.5rem; } .ward-layout footer .footer-certificate img { width: auto; height: 32px; } .ward-layout footer .tooltip_constrast { margin-top: 0; width: auto; } .ward-layout footer .copyright { margin-top: 1rem; padding-top: 1rem; border-top: 1px solid var(--border-tertiary); display: flex; flex-wrap: wrap; justify-content: space-between; } .ward-layout footer .copyright div p:first-child { display: none; } .ward-layout footer .copyright p { font-size: 14px; line-height: 20px; /* text-align: center; */ margin-bottom: 4px; padding-bottom: 0; } .ward-layout footer .copyright > p:last-child { margin-bottom: 0; } .ward-layout footer .copyright p span { font-weight: 600; } .ward-layout footer .copyright .SkinObject { font-size: 14px; line-height: 20px; font-weight: 400; text-align: center; } /*****************Back To Top******************/ .back-to-top { display: none; position: fixed; bottom: 18px; right: 15px; z-index: 999; } .back-to-top:hover { text-decoration: none; } .back-to-top i { display: block; width: 40px; height: 40px; line-height: 40px; color: var(--template-text-2); text-align: center; /* background-color: rgba(0, 27, 167, 1); */ background-color: transparent; border: 2px solid var(--template-border-5); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-clip: padding-box; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .back-to-top i[class*=" icon_fluent"], .back-to-top i[class*=" icon_fluent"]:before { font-size: 20px; line-height: 40px; line-height: 38px; font-weight: 600; } /********************Content******************/ .page-title { padding-top: 1.5rem; padding-bottom: 1.5rem; } .page-title h5, .list-title .title-task, .content-full-layout h3, .content-full-layout h3 span { /* font-family: var(--font-family-literata); */ font-family: var(--font-family-inter); font-size: 1.5rem; line-height: 2rem; color: var(--template-title-1); margin-bottom: 0; } .content-full-layout h3 { margin-bottom: 1.5rem; } .main-content-container .DnnModule { margin-bottom: 40px; } .content-layout .news-noimage .DnnModule, .content-layout .dstinbaikhonganh { margin-bottom: 0; } .content-layout .news-noimage { margin-bottom: 40px; } .breadcrumb { padding-left: 0; padding-right: 0; } .breadcrumb .object_breadcrumb, .breadcrumb i { color: var(--primary); } .custom-select, .input-group-text, .select2-container--default .select2-selection--single, .form-control { border-color: var(--border-tertiary); } .breadcrumb .object_breadcrumb:hover { text-decoration: none; } /**************Breaking News*************/ .content-layout .breaking-news .TinBaiDanhSach_TieuDiem { display: block; } .content-layout .breaking-news .TinBaiDanhSach_TieuDiem .up_pane { border-right: 0; max-width: 100%; padding-right: 0; } .content-layout .breaking-news .TinBaiDanhSach_TieuDiem .bottom_pane { max-width: 100%; padding-left: 0; } .content-layout .breaking-news .TinBaiDanhSach_TieuDiem .up_pane .TieuDiem { display: flex; padding-bottom: 1rem; margin-bottom: 1rem; border-bottom: 1px solid var(--border-tertiary); } .content-layout .breaking-news .TinBaiDanhSach_TieuDiem .up_pane .item_img_link { max-width: 55%; flex: 0 0 55%; margin-bottom: 0; } .content-layout .breaking-news .TinBaiDanhSach_TieuDiem .up_pane .item_img_link img { width: 100%; min-height: 100%; object-fit: cover; aspect-ratio: 1.78; } .content-layout .breaking-news .TinBaiDanhSach_TieuDiem .up_pane .news_info { max-width: 45%; flex: 0 0 45%; padding: 12px 24px; background-color: var(--template-background-1); } .content-layout .breaking-news .TinBaiDanhSach_TieuDiem .news_info .news_title a { font-size: 20px; line-height: 28px; } .content-layout .breaking-news .TinBaiDanhSach_TieuDiem .up_pane .news_date { font-size: 1rem; line-height: 1.5; margin-bottom: 0.5rem; display: block; } .content-layout .breaking-news .TinBaiDanhSach_TieuDiem .news_info .news_title a, .content-layout .breaking-news .TinBaiDanhSach_TieuDiem .news_info .news_summary { -webkit-line-clamp: 5; } .content-layout .breaking-news .TinBaiDanhSach_TieuDiem .bottom_pane ul { /* padding-right: 0; max-height: unset; */ display: flex; } .content-layout .breaking-news .TinBaiDanhSach_TieuDiem .bottom_pane ul li { flex: 0 0 calc((100% - 64px)/3); max-width: calc((100% - 64px)/3); position: relative; display: block; } .content-layout .breaking-news .TinBaiDanhSach_TieuDiem .bottom_pane ul li:not(:last-of-type) { margin-right: 32px; margin-bottom: 0; padding-bottom: 0; border-bottom: 0; } .content-layout .breaking-news .TinBaiDanhSach_TieuDiem .bottom_pane ul li:not(:last-of-type)::after { content: ""; position: absolute; top: 0; right: -1rem; width: 0; height: 100%; border-right: 1px solid var(--border-tertiary); } .content-layout .breaking-news .img_right_list ul li .group_scoll { display: block; } .content-layout .breaking-news .TinBaiDanhSach_TieuDiem .bottom_pane ul li .item_img_link { width: 100%; max-width: 100%; margin-left: 0; margin-bottom: 8px; aspect-ratio: 1.66; display: block; } .content-layout .breaking-news .TinBaiDanhSach_TieuDiem .bottom_pane ul li .item_img_link img { width: 100%; height: 100% !important; object-fit: cover; } .content-layout .breaking-news .TinBaiDanhSach_TieuDiem .bottom_pane ul li .news_info .news_title { margin-bottom: 0.25; } .content-layout .breaking-news .TinBaiDanhSach_TieuDiem .bottom_pane ul li .news_info .news_title a { font-size: 1rem; line-height: 1.5; -webkit-line-clamp: 3; } .content-layout .breaking-news .TinBaiDanhSach_TieuDiem .bottom_pane ul li .news_info .news_summary { display: none; } /******************News******************/ .content-layout .DsTinBaiLietKeAnh #dstinbailietkeanh ul li { margin-bottom: 0; } .tin-bai-anh-slide .item .item_img_link { display: block; width: 100%; aspect-ratio: 1.7; } .tin-bai-anh-slide .item .item_img_link img { width: 100%; height: 100%; object-fit: cover; } .tin-bai-anh-slide .item .news_title { margin-top: 0.5rem; } .tin-bai-anh-slide .item .news_title a { -webkit-line-clamp: 2; } .tin-bai-anh-slide .item .news_date { display: block; margin-top: 0.25rem; } .tin-bai-anh-slide .item .news_summary { margin-top: 4px; -webkit-line-clamp: 3; font-size: 1rem; line-height: 1.5; } /**************Document**************/ .main-content-container .DnnModule-VanBanChuyenNganh_TrinhDien { margin-bottom: 30px; } .table-wrapper .table { color: var(--body); margin-bottom: 10px; } .table-wrapper .table thead tr th { vertical-align: middle; font-weight: 600; color: var(--body); padding: 8px 16px; background-color: var(--bg-blue-gray-lighter); border-bottom: 0; } .table-wrapper .table tbody tr td { padding: 12px 16px; } .table-wrapper .table tbody tr:first-of-type td { border-top: 0; } .table-wrapper .table-bordered { border-color: var(--border-tertiary); } .table-wrapper .table .docnumber { margin-bottom: 4px; font-weight: 600; } .table-wrapper .table p { font-family: var(--font-family-inter); padding-bottom: 0; } .table-wrapper .table .vbcn_more { padding: 8px 16px; } .table-wrapper .table .vbcn_more a { font-size: 14px; line-height: 20px; font-weight: 600; color: var(--primary); text-transform: uppercase; } .content-layout .document-list { padding: 0; } /* .content-layout .vbcn_more { display: none; } */ /************************Banner**********************/ .list_QuangCao .view_list_QuangCao ul li:not(:last-of-type), .banner .list_item ul li:not(:last-of-type) { margin-bottom: 0.5rem; } .list_QuangCao .view_list_QuangCao ul li a { display: block; width: 100%; } .list_QuangCao .view_list_QuangCao ul li img { width: 100%; height: auto; border-radius: 0.5rem; } .list_QuangCao .view_list_QuangCao ul li:last-child { margin-bottom: 0; } .list_QuangCao > a { display: block; } .list_QuangCao img { width: 100%; } .banner .list_item ul li input { width: 100%; max-width: 100%; height: auto; vertical-align: top; } .banner .list_item ul li { border-radius: 0.5rem; overflow: hidden; } .main-content-container .list_QuangCao { border-top: 1px solid var(--template-border-7); padding-top: 40px; } .main-content-container .list_QuangCao .view_list_QuangCao ul li { flex: 0 0 calc(100%/4); max-width: calc(100%/4); padding-left: 8px; padding-right: 8px; margin-bottom: 16px; } .main-content-container .list_QuangCao .view_list_QuangCao ul li input { border-radius: 4px; overflow: hidden; } .main-content-container .list_QuangCao .view_list_QuangCao ul { display: flex; flex-flow: row wrap; margin-left: -8px; margin-right: -8px; justify-content: flex-end; gap: 0; } /********************Sidebar Modules********************/ .sidebar-content .DsTinBaiLietKeAnh #dstinbailietkeanh ul { display: block; } .sidebar-content .DsTinBaiLietKeAnh #dstinbailietkeanh ul li { flex: 0 0 100%; max-width: 100%; margin-right: 0; display: flex; } .sidebar-content .DsTinBaiLietKeAnh #dstinbailietkeanh ul li img { margin: 0; } .sidebar-content .DsTinBaiLietKeAnh #dstinbailietkeanh ul li .news_link { margin-top: 0; text-align: left; } .sidebar-content .DsTinBaiLietKeAnh #dstinbailietkeanh ul li .news_link a { -webkit-line-clamp: 3; text-align: left; } .DsTinBaiLietKeAnh #dstinbailietkeanh ul li .news_date { margin-top: 4px; } /******************News Details*******************/ .DanhSachTinBai .list_news li { display: flex; } .DanhSachTinBai .list_news li:not(:last-of-type) { margin-bottom: 1rem; padding-bottom: 1rem; border-bottom: 1px solid var(--border-tertiary); } .DanhSachTinBai .list_news li .item_img_link { margin-right: 1rem; float: none; width: 36%; flex: none; } .DanhSachTinBai .list_news li .item_img_link img { width: 100%; aspect-ratio: 1.56; object-fit: cover; } .DanhSachTinBai .list_news li .news_title { margin-bottom: 4px; } .DanhSachTinBai .list_news li .news_title a { -webkit-line-clamp: 3; } .DanhSachTinBai .list_news li .news_summary { margin-top: 4px; } .DanhSachTinBai .list_news li .news_date, .DanhSachTinBai .list_news li .news_summary, .DanhSachTinBai .list_news li .news_summary p { font-size: 1rem; line-height: 1.5; } .DanhSachTinBai .list_news li .news_summary { -webkit-line-clamp: 3; } .DanhSachTinBai .dataCM-container:empty + .data-container { margin-top: 0 !important; } .no-image .DanhSachTinBai .list_news li .item_img_link, .no-summary .DanhSachTinBai .list_news li .news_summary { display: none; } .summary-full .DanhSachTinBai .list_news li .news_summary { -webkit-line-clamp: unset; } .summary-break-spaces .DanhSachTinBai .list_news li .news_summary { white-space: break-spaces; } .page_disabled, .page_selected { background-color: var(--primary); color: var(--white) !important; border: 1px solid var(--primary); } /*******************Traveler Page*******************/ .travel-layout .header { /* position: fixed; z-index: 999 !important; left: 0; top: 0; width: 100%; */ z-index: 999 !important; /* background: linear-gradient(180deg, rgba(3, 9, 19, 0.81) 0%, rgba(3, 9, 19, 0) 100%); */ background: rgba(3, 9, 19, 0.2); backdrop-filter: blur(12px) } /* .travel-layout .header.header-fixed { background: var(--orange); } */ /* .personalBarContainer ~ .travel-layout .header { left: 80px; width: calc(100% - 80px); } */ .travel-layout .header .menu-bar { display: flex; align-items: center; justify-content: space-between; background-color: transparent; border-bottom: 0; padding: 1rem 0; } .travel-layout:not(.content-layout) .header .menu-bar { padding: 1.5rem 0; } .travel-layout .nav-brand img { padding: 0; width: 64px; } .travel-layout .logo .brand-name { margin-left: 6px; } .travel-layout .brand-name h1 { font-family: var(--font-family-inter); font-weight: 600; font-size: 1rem; line-height: 1.375rem; color: var(--white); margin-bottom: 0; text-transform: uppercase; } .travel-layout .brand-name h2 { font-family: var(--font-family-literata); font-weight: 700; font-size: 1.75rem; line-height: 2rem; color: var(--white); margin-bottom: 0; text-transform: capitalize; } .travel-layout .contra-nav { background: none; display: flex; align-items: center; } .travel-layout .search-box > span { position: absolute; right: 0; top: calc(100% + 20px); } .travel-layout .wrapper-search input { color: var(--white); border-bottom-color: var(--white); width: 300px; display: none; } .travel-layout .wrapper-search input.active { display: block; } .travel-layout .wrapper-search input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: var(--white); } .travel-layout .wrapper-search input::-moz-placeholder { /* Firefox 19+ */ color: var(--white); } .travel-layout .wrapper-search input:-ms-input-placeholder { /* IE 10+ */ color: var(--white); } .travel-layout .wrapper-search input:-moz-placeholder { /* Firefox 18- */ color: var(--white); } .travel-layout.content-layout .header { background: url("../images/vector-travel.png") #995C00 no-repeat center / cover; } /*************Slider Traveler***********/ .traveler-page .traveler-slide { /* margin-top: -96px; */ margin-top: -112px; } .traveler-page .traveler-slide .container_module_title, .traveler-page .traveler-slide .content_news { display: none; } .traveler-page .owl-stage-outer::after { content: none; } .traveler-page .traveler-slide .item { position: relative; } .traveler-page .traveler-slide .item img { object-fit: cover; height: 100svh !important; /* aspect-ratio: 4; */ } .traveler-page .traveler-slide .item::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2); z-index: 1; } .traveler-page .owl-dots { position: absolute; left: 50%; bottom: 1rem; transform: translateX(-50%); z-index: 1; margin-top: 0 !important; display: flex; } .travel-layout .owl-theme .owl-dots .owl-dot span { width: 8px; height: 8px; margin: 0 4px; background: var(--white); transition: all 0.3s ease-in-out; } .travel-layout .owl-theme .owl-dots .owl-dot.active span, .travel-layout .owl-theme .owl-dots .owl-dot:hover span { background: var(--orange); } .travel-layout .owl-theme .owl-dots .owl-dot:focus { outline: 0; } /******************Travel News****************/ .traveler-section { padding-top: 60px; padding-bottom: 60px; } .traveler-section .contraC h5, .traveler-section .contraC h4, .travel-media .module-title h5 { position: relative; display: flex; margin-bottom: 1.5rem; } .traveler-section .contraC h5::before, .traveler-section .contraC h4::before, .travel-media .module-title h5::before { content: ""; width: 32px; height: 32px; position: static; display: inline-block; margin-right: 0.5rem; } .traveler-section .contraC h5, .traveler-section .contraC h5 a, .traveler-section .contraC h4, .traveler-section .contraC h4 a, .travel-media .module-title h5 { /* font-family: var(--font-family-literata); */ font-family: var(--font-family-inter); font-size: 1.25rem; line-height: 2rem; text-transform: uppercase; color: #331F00; } .traveler-section .tourist-attraction-news .contraC h5::before { background: url("../images/icon-location.png") no-repeat center / contain; } .traveler-section .food-news .contraC h5::before, .traveler-section .food-news .contraC h4::before { background: url("../images/icon-food.png") no-repeat center / contain; } .traveler-section .hotel-news .contraC h5::before, .traveler-section .hotel-news .contraC h4::before { background: url("../images/icon-hotel.png") no-repeat center / contain; } .traveler-section .slide-news .DnnModule:first-child .contraC h5::before, .traveler-section .slide-news .DnnModule:first-child .contraC h4::before { background: url("../images/icon-restaurant.png") no-repeat center / contain; } .travel-media .module-title h5::before { background: url("../images/icon-media.png") no-repeat center / contain; } .event-countdown .DnnModule-HueTourisEvent { margin-left: -60px; margin-right: -60px; } .event-countdown .item { display: flex; align-items: center; padding: 60px 60px 0; } .event-countdown .main-content-left { width: 58%; flex: none; border-radius: 1rem; overflow: hidden; } .event-countdown .main-content-left a { display: block; width: 100%; aspect-ratio: 1.73; } .event-countdown .main-content-left a img { width: 100%; height: 100%; object-fit: cover; } .event-countdown .main-content-right { flex-grow: 1; margin-left: -3rem; } .event-countdown .main-content-right .div-right { padding: 2rem; background-color: var(--white); border: 1px solid #FFF5E5; border-radius: 1rem; box-shadow: 8px 8px 64px 0px rgba(204, 123, 0, 0.12); } .event-countdown .div-right .module-title h5 { font-family: var(--font-family-inter); font-size: 1rem; line-height: 1.5; font-weight: 600; color: var(--orange); text-transform: uppercase; display: block; margin-bottom: 0.5rem; } .event-countdown .div-right .module-title h5::before { content: none; } .event-countdown .div-right .title-event a { /* font-family: var(--font-family-literata); */ font-family: var(--font-family-inter); font-weight: 600; /* font-size: 2rem; line-height: 2.5rem; */ font-size: 1.5rem; line-height: 2rem; color: var(--body); -webkit-line-clamp: 2; } .event-countdown .div-right .title-event { margin-bottom: 1.625rem; } .event-countdown .div-right .type-event { display: none; } .event-countdown .div-right .date-event { font-size: 1.25rem; line-height: 1.75rem; font-weight: 700; color: var(--orange); border: 1px solid #FFEBCC; letter-spacing: 0.25rem; padding: 0.75rem; display: inline-block } .event-countdown .div-right .date-event.normal { display: none; } .event-countdown .div-right .divlock { display: flex; align-items: center; margin-top: 1.625rem; } .event-countdown .div-right .divlock .tdDate { display: flex; flex-direction: column; align-items: center; } .event-countdown .div-right .divlock .tdDate:not(:last-child) { margin-right: 2rem; } .event-countdown .div-right .divlock .tdDate .pDate { display: flex; padding-bottom: 0; margin-bottom: 0.25rem; } .event-countdown .div-right .divlock .tdDate .pDate span { font-family: var(--font-family-inter); font-size: 1.75rem; line-height: 2.25rem; font-weight: 600; color: #331F00; display: inline-block; padding: 0.75rem; background-color: #FFF5E5; min-width: 43px; text-align: center; } .event-countdown .div-right .divlock .tdDate .pDate .pDate-left { border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem; margin-right: 0.25rem; } .event-countdown .div-right .divlock .tdDate .pDate .pDate-right { border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem; } .event-countdown .div-right .divlock .tdDate .ptDate { color: #331F00; text-transform: uppercase; opacity: 0.5; } .tourist-attraction-news .contraC h5 { margin-right: 80px; } .tourist-attraction-news .item { position: relative; border-radius: 1rem; overflow: hidden; } .tourist-attraction-news .item .news_category { position: relative; padding-left: 12px; } .tourist-attraction-news .item .news_category::before { content: ""; position: absolute; left: 0; top: 6px; width: 8px; height: 8px; border-radius: 50%; background-color: var(--orange); } .tourist-attraction-news .item .news_category, .tourist-attraction-news .item .news_category a, .food-news .item .news_category a { font-size: 14px; line-height: 20px; font-weight: 500; color: var(--orange); -webkit-line-clamp: 1; } /* .tourist-attraction-news .item .news_info_short .news_category, .tourist-attraction-news .item .group_content_short .news_category a */ .tourist-attraction-news .item .news_info .news_category { color: var(--white); } .tourist-attraction-news .item .news_title, .tourist-attraction-news .item .news_bglnk { margin-top: 4px; } .tourist-attraction-news .item .news_title span, .tourist-attraction-news .item .news_title a, .tourist-attraction-news .item .news_bglnk a, .food-news .item .news_bglnk a, .food-news .item .news_info .news_title a { font-size: 20px; line-height: 28px; font-weight: 600; color: var(--white); -webkit-line-clamp: 2; } /* .tourist-attraction-news .item .news_title span { -webkit-line-clamp: 5; } */ .tourist-attraction-news .item .news_title a:hover, .tourist-attraction-news .item .news_bglnk a:hover { color: var(--white); } .tourist-attraction-news .item .news_info .news_title, .tourist-attraction-news .item .group_content .news_bglnk { margin-bottom: 8px; } .tourist-attraction-news .item .news_summary, .tourist-attraction-news .item .news_summary span, .food-news .item .news_summary span { font-size: 16px; line-height: 24px; color: var(--white); -webkit-line-clamp: 11; } /* .tourist-attraction-news .item .news_info, .tourist-attraction-news .item .group_content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); z-index: 1; padding: 1.5rem; opacity: 0; transition: all 0.5s ease-in-out; } */ /* .tourist-attraction-news .item .news_info_short, .tourist-attraction-news .item .group_content_short */ .tourist-attraction-news .item .news_info { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; /* padding: 3.75rem 1.5rem 1.5rem; */ padding: 1.5rem; z-index: 1; transition: all 0.5s ease-in-out; /* background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%); */ background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.9) 100%); display: flex; flex-direction: column; justify-content: flex-end; } /* .tourist-attraction-news .item:hover .news_info_short, .tourist-attraction-news .item:hover .group_content_short { opacity: 0; } .tourist-attraction-news .item:hover .news_info, .tourist-attraction-news .item:hover .group_content { opacity: 1; } */ .tourist-attraction-news .item .news_img, .tourist-attraction-news .item .slide_bgimg, .food-news .item .slide_bgimg { display: block; width: 100%; aspect-ratio: 0.75; background: none !important; } .tourist-attraction-news .item .news_img img, .tourist-attraction-news .item .slide_bgimg img, .food-news .item .slide_bgimg img { width: 100%; height: 100%; object-fit: cover; } .food-news .item { display: flex; } .food-news .item .item_image, .food-news .item .news_img { order: 1; margin-left: 1rem; width: 48%; flex: none; } .food-news .item .slide_bgimg, .food-news .item .news_img a { aspect-ratio: 1.66; border-radius: 12px; overflow: hidden; } .food-news .item .news_img a { display: block; width: 100%; } .food-news .item .news_img img { width: 100%; height: 100%; object-fit: cover; } .food-news .item .group_content, .food-news .item .news_info { flex-grow: 1; } .food-news .item .group_content_short { display: none; } .food-news .item .news_category { display: none; } .food-news .item .news_category a, .food-news .item .news_info .news_title a { font-weight: 600; } .food-news .item .news_bglnk, .food-news .item .news_info .news_title { margin-bottom: 1rem; } .food-news .item .news_bglnk a, .food-news .item .news_info .news_title a { color: var(--body); } .food-news .item .news_summary span, .food-news .item .news_info .news_summary { -webkit-line-clamp: 3; color: var(--text-gray-dark); } .food-news .item .news_info .news_summary { margin-top: 0; } .traveler-section .owl-carousel .owl-nav [class*=owl-] { border-radius: 50%; height: 2rem; } .traveler-section .owl-carousel .owl-nav [class*=owl-]:focus { outline: 0; } .traveler-section .owl-carousel .owl-nav [class*=owl-] i { vertical-align: top; } .traveler-section .owl-carousel .owl-nav [class*=owl-] i, .traveler-section .owl-carousel .owl-nav [class*=owl-] i::before { font-size: 1rem; vertical-align: top; } .travel-layout .slide-news .owl-carousel .owl-nav [class*=owl-] { border: 1px solid #FFEBCC; padding: 7px !important; top: -56px; position: absolute; } .travel-layout .slide-news .owl-carousel .owl-nav [class*=owl-] i { color: var(--orange); } .travel-layout .slide-news .owl-carousel .owl-nav .owl-prev { left: auto; right: 40px; } .travel-layout .slide-news .owl-carousel .owl-nav .owl-next { right: 0; } .food-news .owl-carousel .owl-nav { opacity: 0; transition: all 0.3s ease-in-out; } .food-news .owl-carousel:hover .owl-nav { opacity: 1; } .food-news .owl-carousel .owl-nav [class*=owl-] { background-color: var(--orange); padding: 8px !important; position: absolute; top: 50%; transform: translateY(-50%); z-index: 1; } .food-news .owl-carousel .owl-nav .owl-prev { left: -1rem; } .food-news .owl-carousel .owl-nav .owl-next { right: -1rem; } .food-news .owl-carousel .owl-nav [class*=owl-] i { color: var(--white); } .hotel-news .DsTinBaiLietKeAnh_TieudeCM2Cot .module_container_news3img { display: flex; gap: 1.5rem; } .travel-layout .slide-news .tin-bai-anh-slide .item .item_img_link { border-radius: 1rem; overflow: hidden; aspect-ratio: 1.56; } .travel-layout .tin-bai-anh-slide .item .news_title a:hover { color: var(--orange); } .hotel-news .img_left_large, .hotel-news .img_right_list, .hotel-news .img_right_list ul li, .hotel-news .TinBaiDanhSach_TieuDiem .up_pane, .hotel-news .TinBaiDanhSach_TieuDiem .bottom_pane, .hotel-news .TinBaiDanhSach_TieuDiem .bottom_pane ul li { flex: 0 0 calc(50% - 12px); max-width: calc(50% - 12px); } .hotel-news .TinBaiDanhSach_TieuDiem, .hotel-news .TinBaiDanhSach_TieuDiem .bottom_pane ul { display: flex; flex-wrap: wrap; gap: 1.5rem; } .hotel-news .TinBaiDanhSach_TieuDiem .up_pane { border-right: 0; padding-right: 0; } .hotel-news .TinBaiDanhSach_TieuDiem .bottom_pane { padding-left: 0; } .hotel-news .showmore { display: none; } /* .hotel-news .img_left_large, .hotel-news .img_right_list ul li:nth-child(2n+1) { margin-right: 1.5rem; } .hotel-news .img_right_list ul li:not(:nth-last-child(-n+2)) { margin-bottom: 1rem; } */ .hotel-news .group_scoll, .hotel-news .news_item { position: relative; display: block; border-radius: 1rem; overflow: hidden; } .hotel-news .TinBaiDanhSach_TieuDiem .bottom_pane ul li { display: block; padding-bottom: 0; margin-bottom: 0; border-bottom: 0; } .hotel-news .img_left_large .group_scoll .img_scrollnews { margin-right: 0; max-width: 100%; } .hotel-news .group_scoll .img_scrollnews a { display: block; width: 100%; aspect-ratio: 1.56; background: none !important; height: auto !important; } .hotel-news .up_pane .news_item .news_img { aspect-ratio: 1.53; } .hotel-news .news_item .news_img { aspect-ratio: 1.56; } .hotel-news .news_item .news_img a, .hotel-news .TinBaiDanhSach_TieuDiem .bottom_pane ul li .item_img_link { width: 100%; height: 100%; display: block; margin-left: 0; } .hotel-news .group_scoll .img_scrollnews img, .hotel-news .news_item .news_img img, .hotel-news .TinBaiDanhSach_TieuDiem .bottom_pane ul li .item_img_link img { width: 100%; height: 100% !important; object-fit: cover; /* display: block !important; */ } .hotel-news .group_scoll .content_scrollnews, .hotel-news .news_item .news_info { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background-color: rgba(0, 0, 0, 0.7); padding: 1.5rem; max-width: 100%; opacity: 0; transition: all 0.5s ease-in-out; } .hotel-news .group_scoll .content_scrollnews_short, .hotel-news .news_item .news_info_short { display: block; position: absolute; left: 0; bottom: 0; width: 100%; padding: 2.5rem 1.5rem 1.5rem; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%); transition: all 0.5s ease-in-out; z-index: 1; } .hotel-news .group_scoll:hover .content_scrollnews, .hotel-news .news_item:hover .news_info { opacity: 1; } .hotel-news .group_scoll:hover .content_scrollnews_short, .hotel-news .news_item:hover .news_info_short { opacity: 0; } .hotel-news .content_scrollnews .content_scrollnews__titlenews, .hotel-news .content_scrollnews .TitleNews, .hotel-news .news_item .news_title { margin-bottom: 0.5rem; } .hotel-news .img_left_large .content_scrollnews__titlenews .news_link_bold, .hotel-news .up_pane .news_item .news_title a, .hotel-news .up_pane .news_item .news_title span { font-size: 1.5rem; line-height: 2rem; font-weight: 600; color: var(--white); -webkit-line-clamp: 2; } .hotel-news .up_pane .news_item .news_title span { -webkit-line-clamp: 3; } .hotel-news .news_item .news_info_short .news_title { margin-bottom: 0; } .hotel-news .content_scrollnews__news_date, .hotel-news .titlecm, .hotel-news .img_right_list ul li .group_scoll .content_scrollnews .news_date { display: none; } .hotel-news .img_left_large .group_scoll .content_scrollnews span.news_summary, .hotel-news .up_pane .news_item .news_summary { height: auto; font-size: 1rem; line-height: 1.5rem; color: var(--white); -webkit-line-clamp: 11; } .hotel-news .img_right_list .group_scoll, .hotel-news .bottom_pane .news_item { border-radius: 12px; } .hotel-news .img_right_list ul li .group_scoll .img_scrollnews .img_bg { display: block; height: auto; } .hotel-news .group_scoll .content_scrollnews, .hotel-news .news_item .news_info { /* background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%); */ background-color: rgba(0, 0, 0, 0.7); } .hotel-news .img_right_list ul li .group_scoll .content_scrollnews .TitleNews a, .hotel-news .img_right_list ul li .group_scoll .content_scrollnews_short .TitleNews a, .hotel-news .bottom_pane .news_item .news_title a, .hotel-news .bottom_pane .news_item .news_title span { font-size: 1.25rem; line-height: 1.75rem; font-weight: 600; color: var(--white); -webkit-line-clamp: 2; padding: 0; } .hotel-news .img_right_list ul li .group_scoll .content_scrollnews span.news_summary, .hotel-news .bottom_pane .news_item .news_summary { height: auto; font-size: 0.875rem; line-height: 1.25rem; color: var(--white); -webkit-line-clamp: 3; } /* .travel-news .list_QuangCao { margin-top: 60px; margin-bottom: 60px; } */ .banner-travel .list_QuangCao a { display: block; border-radius: 1rem; overflow: hidden; } .travel-layout .slide-news-spacing:not(.DNNEmptyPane) .DnnModule { margin-bottom: 60px; } .travel-layout .sidebar-content ul.list_chuyenmuc.list_child li::before, .travel-layout .DanhSachChuyenMucNhieuCap ul.list_chuyenmuc.list_child li::before { background-color: var(--orange); } .travel-layout .sidebar-content ul.list_chuyenmuc.list_child li a:hover, .travel-layout .DanhSachChuyenMucNhieuCap ul.list_chuyenmuc.list_child li a:hover, .travel-layout .DanhSachTinBai .list_news li .news_title a:hover { color: var(--orange); } .travel-layout .ChiTietTinBai .TinBai_Khac .Title { position: relative; padding-left: 0; padding-bottom: 0.75rem; margin-bottom: 1.5rem; border-bottom: 0; color: #331F00 !important; } .travel-layout .ChiTietTinBai .TinBai_Khac .Title::before { content: ""; position: absolute; left: 0; bottom: 0; height: 4px; width: 60px; border-radius: 4px; background: var(--orange); top: auto; border-left: 0; } /******************Travel Media****************/ .lg-on[style*="margin-left"] .lg-outer { left: 80px; width: calc(100% - 80px); } .lg-sub-html h4 { font-family: var(--font-family-inter); font-size: 1rem; line-height: 2rem; font-weight: 500; color: var(--white) } .lg-backdrop { background-color: rgba(0, 0, 0, 0.9); } .lg-outer .lg-toggle-thumb, .lg-outer .lg-thumb-outer { background-color: #000; } .lg-outer .lg-thumb-outer { padding-left: 0.5rem; } .lg-progress-bar { height: 3px; } .lg-progress-bar .lg-progress { background-color: var(--white); height: 3px; } .travel-media .media-content { padding: 1.5rem; background-color: #FFF5E5; border: 1px solid #FFEBCC; border-radius: 1rem; height: 100%; } .travel-media .media-header { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .travel-media .module-title h5 { margin-bottom: 0; } .travel-media .nav-tabs { border-bottom: 0; } .travel-media .nav-tabs .nav-item { margin-bottom: 0; position: relative; } .travel-media .nav-tabs .nav-item:not(:last-of-type) { margin-right: 2rem; } .travel-media .nav-tabs .nav-item:not(:last-of-type)::after { content: ""; position: absolute; top: 50%; right: -1rem; width: 0; height: 1rem; border-right: 1px solid var(--template-border-3); transform: translateY(-50%); } .travel-media .nav-tabs .nav-item .nav-link { font-size: 1rem; line-height: 1.5; font-weight: 600; color: var(--body); background-color: transparent; padding: 0; border: 0; text-transform: none; transition: all 0.3s ease-in-out; } .travel-media .nav-tabs .nav-item .nav-link.active, .travel-media .nav-tabs .nav-item .nav-link:hover, .travel-media .nav-tabs .nav-item .nav-link:focus { color: var(--orange); } .travel-media .tab-content { margin-top: 1.5rem; } .travel-media .Video-Gallery { margin: 0; } .travel-media .item-main, .travel-media .videogallery { display: flex; } .travel-media .item-main .item, .travel-media .videogallery .item { flex: 0 0 calc((100% - 3rem)/4); max-width: calc((100% - 3rem)/4); cursor: pointer; } .travel-media .item-main .item:not(:last-of-type), .travel-media .videogallery .item:not(:last-of-type) { margin-right: 1rem; } .travel-media .Image-bg-lg ul, .travel-media #html5-videos { margin-left: -0.5rem; margin-right: -0.5rem; } .travel-media .Image-bg-lg ul li, .travel-media #html5-videos li { flex: 0 0 25%; max-width: 25%; padding: 0 0.5rem 0; } .travel-media .Image-bg-lg ul li .image-light, .travel-media .lightgallery-video-html5 ul li .video-light, .category-media_list .category-list .category-item .category-image, .media-wrapper .item-main .item .image-light, .media-wrapper .item-main .item .video-image { position: relative; padding-top: 0.5rem; margin-bottom: 0.5rem; } .travel-media .Image-bg-lg > ul > li .album-lg .image-light { border-radius: 0; overflow: unset; } .travel-media .lightgallery-video-html5 ul li .video-light .demo-gallery-poster { display: none; } .travel-media .Image-bg-lg ul li .image-light > a, .travel-media .lightgallery-video-html5 ul li .video-light > a, .category-media_list .category-list .category-item .category-image > a, .media-wrapper .item-main .item .image-light > a, .media-wrapper .item-main .item .video-image > a { display: block; width: 100%; aspect-ratio: 1.54; border-radius: 0.5rem; overflow: hidden; /* margin-bottom: 0.5rem; */ position: relative; z-index: 2; } .travel-media .Image-bg-lg ul li .image-light::before, .travel-media .lightgallery-video-html5 ul li .video-light::before, .category-media_list .category-list .category-item .category-image::before, .media-wrapper .item-main .item .image-light::before, .media-wrapper .item-main .item .video-image::before, .travel-layout .media-wrapper .item-main .item .image-light::before, .travel-layout .media-wrapper .item-main .item .video-image::before { content: ""; position: absolute; top: 0; left: 0.75rem; right: 0.75rem; bottom: 0.5rem; background-color: #FFE1B2; border-radius: 0.5rem; z-index: 0; } .travel-media .Image-bg-lg ul li .image-light::after, .travel-media .lightgallery-video-html5 ul li .video-light::after, .category-media_list .category-list .category-item .category-image::after, .media-wrapper .item-main .item .image-light::after, .media-wrapper .item-main .item .video-image::after, .travel-layout .media-wrapper .item-main .item .image-light::after, .travel-layout .media-wrapper .item-main .item .video-image::after { content: ""; position: absolute; top: 0.25rem; left: 0.5rem; right: 0.5rem; bottom: 0.25rem; background-color: #FFC266; border-radius: 0.5rem; border: 0; z-index: 1; } .travel-media .lightgallery-video-html5 ul li .video-light::after { background-image: none; transform: none; width: auto; height: auto; } .travel-media .Image-bg-lg ul li .total-item, .travel-media .lightgallery-video-html5 ul li .total-item, .category-media_list .category-list .category-item .total-item, .media-wrapper .item-main .item .total-item { font-size: 0.75rem; line-height: 1rem; color: var(--white); font-weight: 500; position: absolute; display: flex; align-items: center; right: 0.5rem; bottom: 0.5rem; background-color: rgba(13, 21, 42, 0.8); padding: 0.25rem; border-radius: 0.25rem; z-index: 3; } .travel-media .Image-bg-lg ul li .total-item::before, .travel-media .lightgallery-video-html5 ul li .total-item::before, .category-media_list .category-list .category-item .total-item::before, .media-wrapper .item-main .total-item::before, .media-wrapper .section-title .view-all::before { font-family: FluentSystemIcons !important; color: var(--white); margin-right: 4px; font-size: 16px; line-height: 1; } .travel-media .Image-bg-lg ul li .total-item::before, .media-wrapper .item-main .album-lg .total-item::before { content: "\e8b6"; } .travel-media .lightgallery-video-html5 ul li .total-item::before, .media-wrapper .item-main .videosAlbum .total-item::before { content: "\f169"; } .category-media_list .category-list .category-item .total-item::before { content: "\e017"; } /* .travel-media .videogallery .item > a { display: block; width: 100%; } .travel-media .item-main .item .image-light a { display: block; width: 100%; height: 100%; } */ .travel-media .Image-bg-lg ul li .image-light img, .travel-media .lightgallery-video-html5 ul li .video-light img, .category-media_list .category-list .category-item .category-image img, .media-wrapper .item-main .item .image-light img, .media-wrapper .item-main .item .video-image img { width: 100%; height: 100%; object-fit: cover; } .travel-media .Image-bg-lg ul li .image-title span { margin-top: 0; text-align: left; } .travel-media .lightgallery-video-html5 .videos-title { margin-top: 0; } .travel-media .lightgallery-video-html5 .videos-title .videostitle { text-align: left; } .travel-media .Image-bg-lg ul li .image-title span, .travel-media .lightgallery-video-html5 ul li .videos-title a, .category-media_list .category-list .category-item .category-link a, .media-wrapper .item-main .item .image-title span, .media-wrapper .item-main .item .videos-title a { -webkit-line-clamp: 2; transition: all 0.3s ease-in-out; } .category-media_list .category-list .category-item .category-link a, .media-wrapper .item-main .item .image-title span, .media-wrapper .item-main .item .videos-title a { -webkit-line-clamp: 3; } .travel-media .Video-Gallery .section-title { display: none; } .travel-suggestion ul li:not(:last-of-type) { margin-bottom: 1.5rem; } .travel-suggestion ul li { text-align: center; padding: 29px 24px; background-color: #FFF5E5; border: 1px solid #FFEBCC; border-radius: 1rem; display: block; } .travel-suggestion ul li .icon_chuyenmuc a { display: inline-block; } .travel-suggestion ul li > a { font-size: 1rem; line-height: 1.5; font-weight: 600; margin-top: 0.75rem; padding-bottom: 0; transition: all 0.3s ease-in-out; display: block; } .travel-media .Image-bg-lg ul li:hover .image-title span, .travel-media .videogallery .item:hover .videos-title a, .travel-layout .media-wrapper .item-main .album-lg:hover .image-title span, .travel-layout .media-wrapper .item-main .videosAlbum:hover .videos-title a, .travel-suggestion ul li .group_menu-m1:hover .title_news { color: var(--orange); } .category-media_list .category-list, .media-wrapper .item-main { display: flex; flex-wrap: wrap; margin-left: -12px; margin-right: -12px; } .media-wrapper .section-title { display: flex; align-items: center; justify-content: space-between; margin-bottom: 24px; } .media-wrapper .section-title h4 { /* font-family: var(--font-family-literata); */ font-family: var(--font-family-inter); font-size: 1.25rem; line-height: 1.75rem; color: var(--primary-dark); margin-bottom: 0; } .media-wrapper .section-title .lnk-view-all { font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; color: var(--primary-dark); display: none; } .media-wrapper .section-title h4 + .lnk-view-all { display: inline-block; } .media-wrapper .section-title .view-all { display: flex; align-items: center; } .media-wrapper .section-title .view-all::before { content: "\e3e5"; font-size: 1.25rem; color: var(--primary-dark); } .category-media_list .category-list .category-item, .media-wrapper .item-main .item { flex: 0 0 25%; max-width: 25%; padding-left: 12px; padding-right: 12px; margin-bottom: 24px; } .travel-layout.content-layout .category-media_list .category-list .category-item, .travel-layout.content-layout .media-wrapper .item-main .item { flex: 0 0 calc(100%/3); max-width: calc(100%/3); } .category-media_list .category-list .category-item .category-inner, .media-wrapper .item-main .item .album-lg, .media-wrapper .item-main .item .videosAlbum { cursor: pointer; } .category-media_list .category-list .category-item .category-image > a, .media-wrapper .item-main .item .image-light > a, .media-wrapper .item-main .item .video-image > a { aspect-ratio: 1.56; } .category-media_list .category-list .category-item .category-image::before, .media-wrapper .item-main .item .image-light::before, .media-wrapper .item-main .item .video-image::before { background-color: var(--template-background-3); } .category-media_list .category-list .category-item .category-image::after, .media-wrapper .item-main .item .image-light::after, .media-wrapper .item-main .item .video-image::after { background-color: var(--template-background-4); } /* .media-wrapper .item-main .item .image-title span, .media-wrapper .item-main .item .videos-title a { font-size: 1.25rem; line-height: 1.75rem; font-weight: 600; } */ .media-wrapper .item-main .item .videos-title { margin-top: 0; text-align: left; } /*****************Footer Travel******************/ .travel-layout footer a:link, .travel-layout footer a:active, .travel-layout footer a:focus, .travel-layout footer a:visited { color: var(--body); } .travel-layout footer { background: #FFF5E5; border-top: 2px solid #FFEBCC; padding: 1.5rem 0; font-family: var(--font-family-inter); } .travel-layout footer p { font-family: var(--font-family-inter); font-weight: 400; color: var(--body); } .travel-layout footer::before { content: none; } /* .travel-layout footer .footer-top { position: relative; padding-top: 1.5rem; } .travel-layout footer .footer-top::before { content: ""; position: absolute; top: 0; left: 12px; right: 12px; height: 4px; background-color: var(--primary); } */ .travel-layout footer .footer-info h2 { /* font-family: var(--font-family-literata); */ font-family: var(--font-family-inter); font-weight: 600; font-size: 24px; line-height: 32px; margin-bottom: 0.75rem; } .travel-layout footer .footer-info p { font-size: 16px; line-height: 1.5; margin-bottom: 4px; padding-bottom: 0; } .travel-layout footer .footer-info p a { display: inline-block; } /* .travel-layout footer .footer-link a:hover */ .travel-layout footer .footer-info p a:hover { color: #663E00; } .travel-layout footer .footer-info .info-row { display: flex; flex-wrap: wrap; } .travel-layout footer .footer-info .info-row p:first-of-type { margin-right: 40px; } .travel-layout footer .footer-info p:last-child { margin-bottom: 0; } .travel-layout footer .footer-link, .travel-layout footer .footer-certificate, .travel-layout footer .onlinecounter-statistics { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; } .travel-layout footer .footer-link a { font-size: 0.875rem; line-height: 1.5rem; font-weight: 600; color: #663E00; background-color: #FFEBCC; padding: 7px 16px; display: inline-block; margin-bottom: 0.5rem; border-width: 1px 0; border-style: solid; border-color: #FFE1B2; } .travel-layout footer .footer-link a:first-of-type { border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-width: 1px; } .travel-layout footer .footer-link a:last-of-type { border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-width: 1px; } .travel-layout footer .footer-link i { margin-right: 0.5rem; } .travel-layout footer .footer-link > a:not(:last-of-type) { border-right: 1px solid #FFE1B2; } /* .travel-layout footer .footer-link > a:last-of-type { display: flex; align-items: center; } */ .travel-layout footer .footer-link img { margin-left: 0.5rem; vertical-align: top; } .travel-layout footer .onlinecounter-statistics .counteronline { display: flex; align-items: flex-end; padding-top: 0; padding-bottom: 0.5rem; margin: 0; text-transform: none; font-family: var(--font-family-inter); color: var(--body); } .travel-layout footer .onlinecounter-statistics > .counteronline:not(:last-of-type) { margin-right: 1.5rem; } .travel-layout footer .onlinecounter-statistics .counteronline span:first-child { font-family: var(--font-family-inter); font-size: 1rem; line-height: 1.5; color: var(--body); margin-right: 0.5rem; } .travel-layout footer .onlinecounter-statistics .counteronline span:last-child { font-size: 20px; line-height: 28px; font-weight: 600; } .travel-layout footer .footer-certificate .item { padding-top: 0.25rem; } .travel-layout footer .footer-certificate .item i { min-width: 40px; display: inline-block; line-height: 38px; text-align: center; border-radius: 50%; background-color: #FFEBCC; border: 1px solid #FFE1B2; color: #663E00; transition: all 0.3s ease-in-out; } .travel-layout footer .footer-certificate .item:hover i { color: var(--white); background-color: #663E00; border-color: #663E00; } .travel-layout footer .footer-certificate .item:not(:last-of-type) { margin-right: 1.5rem; } .travel-layout footer .footer-certificate img { width: auto; height: 40px; } .travel-layout footer .tooltip_constrast { margin-top: 0; width: auto; } .travel-layout footer .copyright { margin-top: 1rem; padding-top: 1rem; border-top: 1px solid #FFE1B2; display: flex; flex-wrap: wrap; justify-content: space-between; } .travel-layout footer .copyright div p:first-child { display: none; } .travel-layout footer .copyright p { font-size: 14px; line-height: 20px; text-align: center; margin-bottom: 4px; padding-bottom: 0; } .travel-layout footer .copyright > p:last-child { margin-bottom: 0; } .travel-layout footer .copyright p span { font-weight: 600; } .travel-layout footer .copyright .SkinObject { font-size: 14px; line-height: 20px; font-weight: 400; text-align: center; } .travel-layout .back-to-top i { color: #663E00; border: 2px solid #663E00; } /**********************Travel Content******************/ /* .travel-layout.content-layout .traveler-page { padding-top: 1.5rem; } .travel-layout .sidebar-container { padding-top: 56px; } .travel-layout .main-content-container .contraC h5.circle, .travel-layout .main-content-container .contraC h5.circle a { font-family: var(--font-family-literata); font-weight: 600; font-size: 24px; line-height: 32px; color: #995C00 !important; } */ .travel-layout .page-title h5 { color: #995C00; } .travel-layout .main-content-container .contraC h5.circle { margin-bottom: 1.5rem; } .travel-layout .sidebar-container .contraC h5.circle, .travel-layout .sidebar-container .contraC h5.circle a, .travel-layout .sidebar-container .title-line .contraC h4, .travel-layout .sidebar-container .title-line .contraC h4 a, .travel-layout .sidebar-container .contraC .menu-m8-group h2, .travel-layout .sidebar-container .contraC .menu-m8-group h2 a { /* font-family: var(--font-family-literata); */ font-family: var(--font-family-inter); font-weight: 600; font-size: 20px; line-height: 28px; text-transform: uppercase; color: #331F00 !important; } .travel-layout .sidebar-container .title-line .contraC h5.circle, .travel-layout .sidebar-container .title-line .contraC h4, .travel-layout .sidebar-container .title-line .contraC .menu-m8-group h2 { padding-bottom: 0.75rem; margin-bottom: 1.5rem; position: relative; } .travel-layout .sidebar-container .contraC h5.circle::before, .travel-layout .sidebar-container .title-line .contraC h4::before, .travel-layout .sidebar-container .contraC .menu-m8-group h2::before { content: ""; position: absolute; left: 0; bottom: 0; height: 4px; width: 60px; border-radius: 4px; background: var(--orange); top: auto; } .travel-layout .module-right .DnnModule:not(.DnnModule-TrinhDienQuangCao), .travel-layout .menu-m8-group ul > li:not(:last-of-type), .travel-layout .handbook .menu-m1_img ul li .group_menu-m1 { border-color: var(--border-tertiary); } .travel-layout .module-right .DnnModule-DNNTrinhDienChuyenMuc, .travel-layout .handbook .menu-m1_img ul li .group_menu-m1 { background-color: #FFF5E5; } .travel-layout .menu-m8-group ul li::before { background-color: #CC7B00; } .travel-layout .handbook .menu-m1_img ul li .group_menu-m1 .title_news, .travel-layout .handbook .menu-m1_img ul li .group_menu-m1:hover .title_news { color: var(--orange); } .travel-layout .menu-m8 ul li li a { /* font-family: var(--font-family-literata); font-weight: 500; */ font-family: var(--font-family-inter); font-weight: 600; } .travel-layout .page_disabled, .travel-layout .page_selected { background-color: var(--orange); border-color: var(--orange); } .travel-layout .paginationjs-pages ul li.active, .travel-layout .pagination.pagination-customize li.page-item.active, .travel-layout .pagination.pagination-customize li.page-item.active, .travel-layout .pagination.pagination-customize li.page-item.active a.page-link { background-color: #663E00 !important; } .travel-layout .DanhSachTinBai .list_news { display: flex; flex-wrap: wrap; margin-left: -12px; margin-right: -12px; } .travel-layout .DanhSachTinBai .list_news li { flex: 0 0 calc(100%/3); max-width: calc(100%/3); padding-left: 12px; padding-right: 12px; display: block; } .travel-layout .DanhSachTinBai .list_news li:not(:last-of-type) { margin-bottom: 1.5rem; padding-bottom: 0; border-bottom: 0; } .travel-layout .DanhSachTinBai .list_news li .item_img_link { width: 100%; margin-right: 0; margin-bottom: 0.5rem; border-radius: 0.5rem; overflow: hidden; display: block; } /* .travel-layout .DanhSachTinBai .list_news li .item_img_link img { transition: all 0.3s ease-in-out; } .travel-layout .DanhSachTinBai .list_news li .item_img_link:hover img { transform: scale(1.05); } */ .menu_tchc ul { border: none; border-radius: 0; background: transparent; padding: 0 } .menu_tchc .menu-m3 > ul > li > a, .menu_tchc .menu-m3 > ul > li ul > li > a { /* font-family: var(--font-family-literata); font-weight: 500; */ font-family: var(--font-family-inter); font-weight: 600; display: inline-block; color: var(--body); transition: all 0.5s ease-in-out; padding-left: 20px; text-transform: none; } .menu_tchc .menu-m3 > ul > li ul > li > a { padding-left: 0; } /* .menu_tchc .menu-m3 > ul > li ul > li > a[style*="color"] { color: var(--primary) !important; } */ .menu_tchc .menu-m3 > ul > li.active > a, .menu_tchc .menu-m3 > ul > li ul > li.active > a { color: var(--primary) !important; } .menu_tchc .menu-m3 > ul > li::before { content: ""; position: absolute; top: 8px; left: 0; width: 8px; height: 8px; border-radius: 50%; background-color: var(--template-background-2); } .menu_tchc .menu-m3 > ul > li { display: block } .menu_tchc .menu-m3 > ul > li > a::before { content: none; } .menu_tchc .menu-m3 > ul > li ul { display: flex; flex-direction: column; gap: 10px; padding: 12px; margin: 12px 0 0; background: var(--template-background-1); border: 1px solid var(--template-border-6); border-radius: 8px; } /*******************Animation*******************/ .animate-spin { animation: spin 1s linear infinite; } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } /* Media Query */ @media (min-width: 1025px) { .sm-contra > li { margin-right: 2.5rem; position: relative; } .sm-contra a, .sm-contra a:hover, .sm-contra a:focus, .sm-contra a:active, .sm-contra a.highlighted { font-family: var(--font-family-inter); font-size: 1rem; line-height: 1.5; font-weight: 600; padding: 12px 0; color: var(--body); position: relative; } .sm-contra a.has-submenu { padding-right: 1.875rem !important; } .sm-contra a.current, .sm-contra a:hover, .sm-contra a:focus, .sm-contra a:active, .sm-contra > li a.has-submenu[aria-expanded="true"] { background-color: transparent; color: var(--template-title-3); } .sm-contra a:hover span.sub-arrow, .sm-contra > li a.has-submenu[aria-expanded="true"] span.sub-arrow { border-color: var(--template-title-3) transparent transparent transparent; } .sm-contra > li a::after { content: ""; position: absolute; left: 0; bottom: -1px; width: 100%; height: 0; border-top: 2px solid transparent; transition: all 0.5s ease-in-out; } .sm-contra > li a.has-submenu::after { width: calc(100% - 1.875rem); } .sm-contra a.current::after, .sm-contra a:hover::after, .sm-contra a:focus::after, .sm-contra a:active::after, .sm-contra > li a.has-submenu[aria-expanded="true"]::after { border-top: 2px solid var(--template-title-3); } .sm > li > ul > li { padding: 0; } .sm .submenu-ul { min-width: 250px !important; /* max-height: 300px; overflow: auto; */ border-radius: 8px; border: none; box-shadow: 0px 3px 6px var(--template-shadow-1); padding: 10px 0; background-color: var(--white); } .sm-contra .sm-nowrap > li > a, .sm-contra .sm-nowrap > li > :not(ul) a { white-space: normal; } .sm-contra ul > li a, .sm-contra ul > li a:hover, .sm-contra ul > li a:focus, .sm-contra ul > li a:active, .sm-contra ul > li a.highlighted { color: var(--body); font-size: 1rem; text-transform: none; padding: 0.25rem 1rem; line-height: 1.75rem; } .sm-contra ul > li a:hover, .sm-contra ul > li a:focus, .sm-contra ul > li a:active, .sm-contra ul > li a.highlighted { color: var(--template-title-3); background: rgba(0, 0, 0, 0.05); } .sm-contra ul > li a::after { content: none; } @-moz-document url-prefix() { .sm .submenu-ul { scrollbar-color: var(--template-scrollbar-1) transparent; scrollbar-width: thin; } } .sm .submenu-ul::-webkit-scrollbar { width: 6px; height: 6px; border-radius: 999px; -webkit-border-radius: 999px; } .sm .submenu-ul::-webkit-scrollbar-track { background: transparent; border-radius: 999px; -webkit-border-radius: 999px; } .sm .submenu-ul::-webkit-scrollbar-thumb { background-color: var(--template-scrollbar-1); border-radius: 999px; -webkit-border-radius: 999px; } /******************Traveler Navbar******************/ .travel-layout .sm-contra > li:last-child { margin-right: 4rem; } .travel-layout .sm-contra a, .travel-layout .sm-contra a:hover, .travel-layout .sm-contra a:focus, .travel-layout .sm-contra a:active, .travel-layout .sm-contra a.highlighted { color: var(--white); } .travel-layout .sm-contra a.current, .travel-layout .sm-contra a:hover, .travel-layout .sm-contra a:focus, .travel-layout .sm-contra a:active, .travel-layout .sm-contra > li a.has-submenu[aria-expanded="true"] { color: var(--orange); } .travel-layout .sm-contra ul > li a { color: var(--body); } .travel-layout .sm-contra > li a::after { content: none; } .travel-layout .sm-contra a span.sub-arrow { border-color: var(--white) transparent transparent transparent; } .travel-layout .sm-contra a.current span.sub-arrow, .travel-layout .sm-contra a:hover span.sub-arrow, .travel-layout .sm-contra a:focus span.sub-arrow, .travel-layout .sm-contra a:active span.sub-arrow, .travel-layout .sm-contra > li a.has-submenu[aria-expanded="true"] span.sub-arrow { border-color: var(--orange) transparent transparent transparent; } .travel-layout .sm .submenu-ul { left: auto !important; right: 0; } } /***************************Responsive Trang chủ******************************/ @media screen and (max-width:1442px){ } @media screen and (max-width:1367px){ } @media screen and (max-width:1200px){ .container, .container-sm, .container-md, .container-lg, .container-xl { max-width: 100%; } } @media screen and (max-width:1280px){ .banner-slide .owl-carousel .owl-nav { text-align: center; margin-top: 1rem; } .banner-slide .owl-carousel .owl-nav [class*="owl-"] { position: static; transform: none; margin: 0 8px; } } @media screen and (max-width:1140px){ } @media screen and (max-width:1024px){ .sm-contra > li { margin-right: 1.5rem; } .sm-contra a, .sm-contra a:hover, .sm-contra a:focus, .sm-contra a:active, .sm-contra a.highlighted { font-size: 14px; line-height: 24px; padding: 3px 0; } .nav-brand img { height: 48px; } .ward-layout .nav-brand .brand-name h1 { font-size: 0.75rem; line-height: 1.4; } .ward-layout .nav-brand .brand-name h2 { font-size: 1.5rem; line-height: 2rem; } .ward-layout .contra-nav .row { flex-wrap: nowrap; justify-content: flex-end; } .ward-layout .contra-nav .row > div { width: auto; } .ward-layout .contra-nav .row > div:first-child { order: 1; } .main-menu-btn { float: none; margin: 0; height: 36px; vertical-align: top; width: 24px; } .navbar-container { position: fixed; top: 0; bottom: 0; right: -100%; width: 300px; max-width: 100%; background-color: var(--white); padding: 1rem; overflow: auto; transition: all 0.5s ease-in-out; z-index: 1050; } .personalBarContainer ~ .ward-layout .navbar-container { max-width: calc(100% - 80px); } #main-menu-state:not(:checked) ~ .navbar-container #main-menu { display: block; } #main-menu-state:checked ~ .navbar-container { right: 0; } #main-menu::before, #main-menu::after { content: none; } #main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:before { transform: none; top: -7px; } #main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:after { transform: none; top: 7px; } #main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon { height: 2px; background: var(--body); } .main-menu-btn-icon, .main-menu-btn-icon:before, .main-menu-btn-icon:after { background: var(--body); } .navbar-container > label { display: block; margin: 0; text-align: right; } #main-menu { max-height: calc(100% - 24px); overflow: auto; } .sm-contra > li { margin-right: 0; } .sm-contra a, .sm-contra a:hover, .sm-contra a:focus, .sm-contra a:active, .sm-contra a.highlighted { padding: 8px 0; font-size: 1rem; line-height: 1.5; } .sm-contra a span.sub-arrow { padding-top: 0; width: 24px; height: 24px; line-height: 24px; top: 8px; } .sm-contra a.highlighted span.sub-arrow:before { content: "\2013"; height: 24px; } .sm-contra a:hover, .sm-contra a.current { font-family: var(--font-family-inter); } .sm-contra a.current, .sm-contra a.highlighted { font-weight: 600; } .sm-contra > li:hover { background: none; } .wrapper-search { display: none; } .action-nav { text-align: right; } .action-nav .link-icn.search-mobile { display: inline-block; text-decoration: none; } .section-notification .header-pane { flex-wrap: wrap; } .section-notification .header-pane .extension { width: 100%; margin-top: 12px; } .section-notification .menu-m1_img ul li:first-of-type, .section-notification .DanhSachChuyenMuc_ListIcon ul li:first-of-type { margin-left: 0; } .section-notification .menu-m1_img ul li:first-of-type::before, .section-notification .DanhSachChuyenMuc_ListIcon ul li:first-of-type::before { content: none; } .ward-layout .DsTinBaiLietKeAnh_TieudeCM2Cot .module_container_news3img { flex-wrap: wrap; } .breaking-news .img_left_large, .breaking-news .img_right_list, .event-news .img_left_large, .event-news .img_right_list, .home-layout .breaking-news .TinBai2Cot_TieuDiem .left-pane, .home-layout .breaking-news .TinBai2Cot_TieuDiem .right-pane, .event-news .TinBaiDanhSach_TieuDiem .up_pane, .event-news .TinBaiDanhSach_TieuDiem .bottom_pane { flex: 0 0 100%; max-width: 100%; } .breaking-news .img_left_large, .home-layout .breaking-news .TinBai2Cot_TieuDiem .left-pane { order: 0; margin-bottom: 1.5rem; padding-right: 0; } .home-layout .breaking-news .TinBai2Cot_TieuDiem .right-pane { padding-right: 0; } .home-layout .breaking-news-style .TinBai2Cot_TieuDiem .right-pane { padding-left: 0; } .event-news .img_left_large, .event-news .TinBaiDanhSach_TieuDiem .up_pane { padding-right: 0; margin-bottom: 1.5rem; border-right: 0; } .event-news .img_right_list, .event-news .TinBaiDanhSach_TieuDiem .bottom_pane { padding-left: 0; } .footer-info { margin-bottom: 1.5rem; } .ward-layout footer .footer-link, .ward-layout footer .footer-certificate, .ward-layout footer .onlinecounter-statistics { justify-content: flex-start; } .sidebar-container { position: fixed; top: 0; bottom: 0; right: -100%; width: 300px; max-width: 100%; background-color: var(--white); padding: 1rem; overflow: auto; transition: all 0.5s ease-in-out; z-index: 1050; } .sidebar-container { width: 400px; overflow: hidden; } .content-title .sidebar-container { padding-top: 1rem; } .personalBarContainer ~ .ward-layout .sidebar-container { max-width: calc(100% - 80px); } .sidebar-content { max-height: calc(100% - 40px); overflow: auto; margin-left: -16px; margin-right: -16px; padding-left: 16px; padding-right: 16px; } .sidebar-container.show { right: 0; } .main-content-container { flex: 0 0 100%; max-width: 100%; } .EventOrther .event-other .item, .category-media_list .category-list .category-item, .media-wrapper .item-main .item { flex: 0 0 calc(100%/3); max-width: calc(100%/3); } .special-page.special-page-1 .DanhSachChuyenMuc_ListIcon ul li { flex-basis: calc((100% - 2rem)/3); max-width: calc((100% - 2rem)/3); } /* .special-page.special-page-1 .DanhSachChuyenMuc_ListIcon ul li:nth-child(4n) { margin-right: 1rem; } .special-page.special-page-1 .DanhSachChuyenMuc_ListIcon ul li:nth-child(3n) { margin-right: 0; } */ .traveler-section { padding-top: 1.5rem; padding-bottom: 1.5rem; } .travel-news .list_QuangCao { margin-top: 1.25rem; margin-bottom: 1.25rem; } .food-news .owl-carousel .owl-nav { opacity: 1; text-align: center; } .food-news .owl-carousel .owl-nav [class*=owl-] { position: static; transform: none; margin: 16px 10px 0; } .travel-media, .travel-suggestion, .hotel-news .TinBaiDanhSach_TieuDiem .up_pane, .hotel-news .TinBaiDanhSach_TieuDiem .bottom_pane { flex: 0 0 100%; max-width: 100%; } .travel-media { margin-bottom: 2rem; } .travel-suggestion ul { display: flex; gap: 1rem; } .travel-suggestion ul li { flex: 0 0 calc(50% - 0.5rem); max-width: calc(50% - 0.5rem); } .travel-suggestion ul li:not(:last-of-type) { margin-bottom: 0; } } @media screen and (max-width: 992px){ } @media screen and (max-width: 800px){ } @media screen and (max-width: 768px){ } @media screen and (max-width: 767px){ /* .nav-brand img { height: 48px; } .ward-layout .nav-brand .brand-name h1 { font-size: 0.75rem; line-height: 1.4; } .ward-layout .nav-brand .brand-name h2 { font-size: 1.5rem; line-height: 2rem; } .ward-layout .contra-nav .row { flex-wrap: nowrap; justify-content: flex-end; } .ward-layout .contra-nav .row > div { width: auto; } .ward-layout .contra-nav .row > div:first-child { order: 1; } .main-menu-btn { float: none; margin: 0; height: 36px; vertical-align: top; width: 24px; } .navbar-container { position: fixed; top: 0; bottom: 0; right: -100%; width: 300px; max-width: 100%; background-color: var(--white); padding: 1rem; overflow: auto; transition: all 0.5s ease-in-out; z-index: 1050; } .personalBarContainer ~ .ward-layout .navbar-container { max-width: calc(100% - 80px); } #main-menu-state:not(:checked) ~ .navbar-container #main-menu { display: block; } #main-menu-state:checked ~ .navbar-container { right: 0; } #main-menu::before, #main-menu::after { content: none; } #main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:before { transform: none; top: -7px; } #main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:after { transform: none; top: 7px; } #main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon { height: 2px; background: var(--body); } .main-menu-btn-icon, .main-menu-btn-icon:before, .main-menu-btn-icon:after { background: var(--body); } .navbar-container > label { display: block; margin: 0; text-align: right; } #main-menu { max-height: calc(100% - 24px); overflow: auto; } .sm-contra > li { margin-right: 0; } .sm-contra a, .sm-contra a:hover, .sm-contra a:focus, .sm-contra a:active, .sm-contra a.highlighted { padding: 8px 0; font-size: 1rem; line-height: 1.5; } .sm-contra a span.sub-arrow { padding-top: 0; width: 24px; height: 24px; line-height: 24px; top: 8px; } .sm-contra a.highlighted span.sub-arrow:before { content: "\2013"; height: 24px; } .sm-contra a:hover, .sm-contra a.current { font-family: var(--font-family-inter); } .sm-contra a.current, .sm-contra a.highlighted { font-weight: 600; } .sm-contra > li:hover { background: none; } */ .ward-layout footer .footer-info h2 { font-size: 20px; line-height: 24px; margin-bottom: 0.75rem; } .breaking-news .img_left_large .group_scoll .img_scrollnews { margin-bottom: 0; } .breaking-news .img_right_list ul, .home-layout .breaking-news:not(.breaking-news-style) .TinBai2Cot_TieuDiem .right-pane { margin-bottom: 40px; } .TinBaiDanhSach_TieuDiem .bottom_pane ul li .item_img_link { order: 0; margin-left: 0; margin-right: 1rem; } .ward-layout .news-noimage, .ward-layout .event-news { padding-left: 12px !important; padding-right: 12px !important; } .event-news .img_left_large { border: 0 !important; } .img_left_large { border-bottom: 0; } .breaking-news .img_right_list { padding-right: 0; } .img_right_list ul li:last-of-type { border: 0; padding-bottom: 0; margin-bottom: 0; } .title-line.border-right { border-right: 0 !important; } .banner .list_QuangCao ul { flex-wrap: wrap; } .banner .list_QuangCao ul li { flex: 0 0 100%; } .banner .list_QuangCao .view_list_QuangCao ul li:not(:last-of-type) { margin-right: 0; margin-bottom: 1.5rem; } .main-content-container .nhom-thongke .nhom-thongke-block:first-child { margin-bottom: 1.5rem; } .main-content-container .DnnModule-TraCuuHoSoDVC .form-group.col-md-2 { padding-left: 12px; } .main-content-container .DnnModule-TraCuuHoSoDVC .form-group .btn.btn-primary { display: inline-block; min-width: 120px; margin-top: 0.75rem; } .DanhSachTinBai .list_news li .news_title a { -webkit-line-clamp: 2; } .EventOrther .event-other .item, .category-media_list .category-list .category-item, .media-wrapper .item-main .item { flex: 0 0 50%; max-width: 50%; } .DnnModule-HueTourisEventViewDetail .detail_content .information-content>* { width: 100%; } .DnnModule-HueTourisEventViewDetail .detail_content .div-img>a { aspect-ratio: 1.8; } .search_PAKN .boxsearch { flex-wrap: wrap; justify-content: flex-end; } .search_PAKN .boxsearch .group-search { flex: 0 0 calc(50% - 0.5rem); max-width: calc(50% - 0.5rem); } .search_PAKN .boxsearch .group-search:last-child { width: 100%; } .search_PAKN .boxsearch .group-search:last-child label { display: none; } .list_PKAN li { width: 100%; } .news-nowrap .TinBai_SideBar_Wrapper { flex-wrap: wrap; } .news-nowrap .TinBai_SideBar_Wrapper .TinBai_SideBar_Item, .video-list .list_video { flex: 0 0 50%; max-width: 50%; } .home-layout .news-nowrap .TinBai_SideBar_Wrapper .TinBai_SideBar_Item, .home-layout .video-list .list_video { margin-bottom: 1rem; } .special-page.special-page-1 .DanhSachChuyenMuc_ListIcon ul li { flex-basis: calc(50% - 0.5rem); max-width: calc(50% - 0.5rem); } /* .special-page.special-page-1 .DanhSachChuyenMuc_ListIcon ul li:nth-child(3n) { margin-right: 1rem; } .special-page.special-page-1 .DanhSachChuyenMuc_ListIcon ul li:nth-child(2n) { margin-right: 0; } */ .ThongTinTongHop .list_chuyenmuc li ul { position: static; width: 100% !important; max-width: 100%; margin-top: 0.5rem; text-wrap: auto !important; background: var(--template-background-1); border: 1px solid var(--template-border-6); border-radius: 8px; box-shadow: none; } .travel-media .Image-bg-lg ul, .travel-media #html5-videos { row-gap: 1rem; } .travel-media .Image-bg-lg ul li, .travel-media #html5-videos li { flex: 0 0 50%; max-width: 50%; } .tourist-attraction-news .item .news_info, .tourist-attraction-news .item .group_content, .hotel-news .group_scoll .content_scrollnews, .hotel-news .news_item .news_info, .travel-media .media-content, .travel-suggestion ul li { padding: 1rem; } .travel-media { margin-bottom: 1rem; } .tourist-attraction-news .item .news_info_short, .tourist-attraction-news .item .group_content_short { padding: 3rem 1rem 1rem; } .hotel-news .group_scoll .content_scrollnews_short, .hotel-news .news_item .news_info_short { padding: 2.5rem 1rem 1rem; } /* .tourist-attraction-news .item .news_summary, .tourist-attraction-news .item .news_summary span, .food-news .item .news_summary span { font-size: 14px; line-height: 20px; } */ .tourist-attraction-news .item .news_title a, .tourist-attraction-news .item .news_bglnk a, .food-news .item .news_bglnk a, .food-news .item .news_info .news_title a, .hotel-news .img_left_large .content_scrollnews__titlenews .news_link_bold, .hotel-news .up_pane .news_item .news_title a, .hotel-news .bottom_pane .news_item .news_title a { font-size: 1rem; line-height: 1.5; } .tourist-attraction-news .item .news_summary, .hotel-news .up_pane .news_item .news_summary { -webkit-line-clamp: 6; } .hotel-news .TinBaiDanhSach_TieuDiem, .hotel-news .TinBaiDanhSach_TieuDiem .bottom_pane ul { gap: 1rem; } .hotel-news .TinBaiDanhSach_TieuDiem .bottom_pane ul li { flex: 0 0 calc(50% - 0.5rem); max-width: calc(50% - 0.5rem); } .ChiTietTinBai .TinBai_BaiViet { display: flex; flex-direction: column; } .ChiTietTinBai .TinBai_Scroll { position: sticky; top: 0; left: 0; z-index: 10; } .ChiTietTinBai .group-function { position: sticky; top: 0; left: 0; display: flex; gap: 10px; margin-bottom: 10px; margin-right: 0; align-items: center; justify-content: center; width: 100%; background: #FFF; flex-direction: row; padding: 4px 0; } .ChiTietTinBai .group-function > div { height: 100%; } .ChiTietTinBai .group-function .text-zoom .group-small { display: flex; align-items: center; gap: 10px; flex-direction: row; } .ChiTietTinBai .TinBai_BaiViet .Group_TinBai { max-width: 100%; } .DSChuyenMuc_ListTomTat .list_CM_Tomtat li { flex-direction: column !important; gap: 15px !important; } } @media screen and (max-width: 600px) { .section-notification .notification { width: 100%; margin-left: 0; margin-top: 0.5rem; } .section-notification .notification::before { content: none; } .section-notification .menu-m1_img ul, .section-notification .DanhSachChuyenMuc_ListIcon ul { flex-wrap: wrap; } .section-notification .menu-m1_img ul li, .section-notification .DanhSachChuyenMuc_ListIcon ul li { margin-left: 0; width: 100%; } .section-notification .menu-m1_img ul li:first-of-type, .section-notification .DanhSachChuyenMuc_ListIcon ul li:first-of-type { margin-bottom: 0.5rem; } .section-notification .menu-m1_img ul li::before, .section-notification .DanhSachChuyenMuc_ListIcon ul li::before { content: none; } .special-page .menu-m1_img ul li, .special-page .DanhSachChuyenMuc_ListIcon ul li { flex: 0 0 100%; max-width: 100%; } .special-page .menu-m1_img ul li:nth-child(2n+1), .special-page .DanhSachChuyenMuc_ListIcon ul li:nth-child(2n+1) { margin-right: 0; } /* .special-page .menu-m1_img ul li:not(:last-of-type), .special-page .DanhSachChuyenMuc_ListIcon ul li:not(:last-of-type) { margin-bottom: 1rem; } */ .document-list li .document-info { flex-direction: column-reverse; align-items: flex-start; } .home-layout .documents .DnnModule-VanBanQuyPhamPhapLuat_VanBanTongQuan .vbcn_more, .content-layout .main-content-container .DnnModule-VanBanQuyPhamPhapLuat_VanBanTongQuan .vbcn_more, .documents .DnnModule-VanBanQuyPhamPhapLuat_VanBanTongQuan .vbcn_more { position: static; text-align: center; margin-top: 0.75rem; display: block !important; } .content-layout .main-content-container .DnnModule-VanBanQuyPhamPhapLuat_VanBanTongQuan .vbcn_more a, .documents .DnnModule-VanBanQuyPhamPhapLuat_VanBanTongQuan .vbcn_more a { justify-content: flex-end; } .content-layout .breaking-news .TinBaiDanhSach_TieuDiem .up_pane .TieuDiem, .content-layout .breaking-news .TinBaiDanhSach_TieuDiem .bottom_pane ul, .main-content-container .DnnModule-TrinhDienThongTinDoanhNghiep .list_item ul { flex-wrap: wrap; } .content-layout .breaking-news .TinBaiDanhSach_TieuDiem .up_pane .item_img_link, .content-layout .breaking-news .TinBaiDanhSach_TieuDiem .up_pane .news_info { flex: 0 0 100%; max-width: 100%; } .content-layout .breaking-news .TinBaiDanhSach_TieuDiem .bottom_pane ul li { flex: 0 0 100%; max-width: 100%; display: flex; } .content-layout .breaking-news .TinBaiDanhSach_TieuDiem .bottom_pane ul li:not(:last-of-type) { margin-right: 0; padding-bottom: 1rem; margin-bottom: 1rem; border-bottom: 1px solid var(--border-tertiary); } .content-layout .breaking-news .TinBaiDanhSach_TieuDiem .bottom_pane ul li:not(:last-of-type)::after { content: none; } .content-layout .breaking-news .TinBaiDanhSach_TieuDiem .bottom_pane ul li .item_img_link { order: 0; flex: 0 0 100px; aspect-ratio: 1; margin-right: 1rem; margin-bottom: 0; } .main-content-container .DnnModule-TrinhDienThongTinDoanhNghiep .list_item ul li { flex: 0 0 100%; } .main-content-container .DnnModule-TrinhDienThongTinDoanhNghiep .list_item ul li:not(:last-child) { margin-bottom: 1rem; } .main-content-container .list_QuangCao .view_list_QuangCao ul li { flex: 0 0 50%; max-width: 50%; } .DanhSachTinBai .list_news li { flex-wrap: wrap; } .DanhSachTinBai .list_news li .item_img_link { margin-bottom: 0.5rem; margin-right: 0; width: 100%; } .ChiTietTinBai .group-function { margin-right: 12px; margin-bottom: 12px; } .ChiTietTinBai .group-function > div { padding: 8px; } .EventOrther .event-other .item, .category-media_list .category-list .category-item, .media-wrapper .item-main .item { flex: 0 0 100%; max-width: 100%; } .DnnModule-HueTourisEventViewDetail .detail_content .div-img>a { aspect-ratio: 1.56; } .DanHoi_DanhSach .content-body #navFAQ li a { font-size: 1rem; padding: 8px 12px; } .DanHoi_DanhSach .group-filter { flex-wrap: wrap; gap: 0.75rem; padding: 1rem; justify-content: flex-end; } .DanHoi_DanhSach .group-filter input { width: 100%; } .DanHoi .content-body .box-content, .boxGopY, .form-GuiGopY, .DnnModule-HuePortal_PhananhKiennghi [id*="TDGuiPhananhKiennghi_udpRecommends"] { padding: 1rem; } .main-right .vbpl-form .group-flex-row { flex-wrap: wrap; } .main-right .vbpl-form .group-flex-row .group-button-action { width: 100%; text-align: right; margin-top: 1rem; } table.lichTD tbody table { min-width: 800px; } .leader_avar { flex-wrap: wrap; } .leader_avar .leader_info { width: 100%; margin-top: 1rem; } .organization-layout .leader_info p { flex-wrap: wrap; } .organization-layout .leader_info p span:not(:first-child) { width: 100%; margin-top: 0.5rem; padding-left: 26px; } .search_PAKN .boxsearch .group-search { flex: 0 0 100%; max-width: 100%; } .list_PKAN li { gap: 0.75rem; } .list_PKAN li .row > *[class*="col"], .DnnModule-HuePortal_PhananhKiennghi .form-send .row > div:nth-last-child(2) > label { width: 100%; } .list_PKAN li .row > *[class*="col"]:first-child { margin-bottom: 0.25rem; } .form-GuiGopY .form-group { display: block !important; } .form-GuiGopY .form-group label { display: block; margin-right: 0 !important; } .form-GuiGopY .group-radio-wrapper, .DnnModule-HuePortal_PhananhKiennghi .form-send table { margin-left: 0; margin-top: 0.5rem; } .DnnModule-HuePortal_PhananhKiennghi .form-send .row > div:nth-last-child(2) { flex-wrap: wrap; } .DnnModule-HuePortal_PhananhKiennghi .form-send table tr td:first-child { padding-left: 0 !important; } .news-nowrap .TinBai_SideBar_Wrapper .TinBai_SideBar_Item, .video-list .list_video { flex: 0 0 100%; max-width: 100%; } .special-page.special-page-1 .DanhSachChuyenMuc_ListIcon ul li { flex-basis: 100%; max-width: 100%; } .PhanAnhKienNghi .search_PAKN, .box-gray-search, .DnnModule-HueTourisEventViewDetail .detail_content .detail1, .content-panels-wrapper .DnnModule-QuanLyHoSoDVCMotCuaDienTuCapHuyenXa, .main-content-container .DnnModule-TraCuuHoSoDVC, .DnnModule-ThongKeTongSo { padding: 1rem; } .DnnModule-HueTourisEventViewDetail .detail_content .bn-lblTen { font-size: 1.25rem; } #sdtc ul li { flex-wrap: wrap; flex-direction: column; gap: 1rem; padding: 1rem; } #sdtc ul li > div:first-child { text-align: center; } .food-news .item { flex-direction: column; } .food-news .item .news_img { order: 0; margin-left: 0; margin-bottom: 0.5rem; width: 100%; } .food-news .item .news_info .news_title { margin-bottom: 0.5rem; } .travel-suggestion ul { flex-direction: column; } .travel-suggestion ul li { flex: 0 0 100%; max-width: 100%; } .travel-suggestion ul li img { width: 2rem; } .travel-media .Image-bg-lg ul li, .travel-media #html5-videos li, .hotel-news .TinBaiDanhSach_TieuDiem .bottom_pane ul li { flex: 0 0 100%; max-width: 100%; } } @media screen and (max-width: 540px) { } @media screen and (max-width: 500px) { } @media screen and (max-width: 426px){ } @media screen and (max-width: 376px){ } @media screen and (max-width: 320px) { .navbar-container { width: 100%; } } .group-table-button .icon-function { display: inline-block; font-size: 0 !important; width: 18px; height: 18px; background-size: contain; background-position: center; background-repeat: no-repeat; } .group-table-button { display: flex; justify-content: center; align-items: center; } .owl-carousel-event .lblDiaDiem, .owl-carousel-event .date-event-none { display: none; } .main-event-tieudiem span[id*="lbltype"] { display: none; } .owl-carousel-event .date-event { color: var(--blue, #0765e3); font-size: 16px; font-style: normal; font-weight: 400; line-height: 1.5; display: inline-block; margin-bottom: 2px; padding-left: 0; position: relative; } .owl-carousel-event .main-img { margin-bottom: 10px; border-radius: 10px; } .owl-carousel-event .main-img .div-img, .owl-carousel-event .main-img .div-img .img-thumb { border-radius: 10px; width: 100%; aspect-ratio: 1.65; } .owl-carousel-event .main-img .div-img { position: relative; } .owl-carousel-event .main-img .div-img .img-thumb-warpper { border-radius: 10px; overflow: hidden; } .owl-carousel-event .main-img .div-img .img-thumb { display: block; background-size: cover; background-repeat: no-repeat; background-position: center; transition: all 0.3s ease-in-out; } .owl-carousel-event .main-img .div-img .label-status { position: absolute; bottom: 0; right: 0; left: 0; text-align: center; padding: 7px; border-radius: 0px 0px 10px 10px; background: rgba(0, 0, 0, 0.6); font-family: "Roboto", sans-serif; font-size: 16px; font-style: normal; font-weight: 600; line-height: 1.5; color: var(--yellow, #ffc52d); margin-bottom: 0; } .owl-carousel-event .main-img .div-img .label-status.label-status-dangdienra { color: #ffc52d; } .owl-carousel-event .main-img .div-img .label-status.label-status-sapdienra { color: #ea8f00; } .owl-carousel-event .main-img .div-img .label-status.label-status-daketthuc, .owl-carousel-event .main-img .div-img .label-status.label-status-dadienra { color: #fff; } .owl-carousel-event .item:hover .img-thumb { transform: scale(1.1); } .owl-carousel-event .item:hover span.takeplace { color: #d61c26; } .owl-carousel-event .title-event span.takeplace { color: var(--text-mi, #182940); font-size: 16px; font-style: normal; font-weight: 500; line-height: 1.5; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; transition: all 0.3s ease-in-out; } .owl-carousel.owl-carousel.owl-carousel-event { margin-bottom: 40px; } .owl-carousel-event .main-img .div-img .img-thumb img, .section-inner .ModHueTourisEventC .owl-carousel-event .main-img .div-img .img-thumb img { aspect-ratio: 324 / 196; object-fit: cover; } .owl-carousel.owl-carousel.owl-carousel-event .owl-nav, .owl-carousel.owl-carousel.owl-carousel-event .owl-nav.disabled { display: inline-block !important; position: absolute; right: 0; top: -65px; } .owl-carousel.owl-carousel.owl-carousel-event .owl-nav button { width: 25px; height: 12px; outline: none !important; } .owl-carousel.owl-carousel.owl-carousel-event .owl-nav button span { font-size: 0; width: 25px; height: 12px; display: inline-block; background-size: contain; background-repeat: no-repeat; background-position: center; } .owl-carousel.owl-carousel.owl-carousel-event .owl-nav button:not(:last-child) { margin-right: 10px; } .owl-carousel.owl-carousel.owl-carousel-event .owl-nav button.owl-prev span { background-image: url('data:image/svg+xml,'); } .owl-carousel.owl-carousel.owl-carousel-event .owl-nav button.owl-next span { background-image: url('data:image/svg+xml,'); } .owl-carousel-event .btn.btn-danger, .owl-carousel-event .owl-dots { display: none; } .ModHueTourisEventC .main-content-right .main-title, .ModHueTourisEventC #datePastSearch, .ModHueTourisEventC .content-meta .btn.btn-danger { display: none; } .ModHueTourisEventC .main-event-tieudiem { display: flex; flex-flow: row wrap; justify-content: space-between; gap: 30px; margin-bottom: 50px; } .ModHueTourisEventC .main-event-tieudiem > * { width: calc(50% - 15px); } .ModHueTourisEventC .main-event-tieudiem .title-event a { display: block; color: #182940; font-size: 22px; font-style: normal; font-weight: 600; line-height: 1.54; margin-bottom: 10px; transition: all 0.3s ease-in-out; } .ModHueTourisEventC .main-event-tieudiem .title-event:hover a { color: #D61C26; } .ModHueTourisEventC .main-event-tieudiem .content-meta .detail-suKienMain { padding-bottom: 0; padding-left: 34px; margin-bottom: 0; display: block; position: relative; font-size: 16px; font-style: normal; font-weight: 400; line-height: 1.5; text-align: justify; } .ModHueTourisEventC .main-event-tieudiem .content-meta .detail-suKienMain:not(:last-of-type) { margin-bottom: 10px; } .ModHueTourisEventC .main-event-tieudiem .content-meta .date-event { font-weight: 500; color: #0765E3; } .ModHueTourisEventC .main-event-tieudiem .content-meta .detail-suKienMain-location { font-weight: 600; } .ModHueTourisEventC .main-event-tieudiem .content-meta .detail-suKienMain:before { content: ""; position: absolute; left: 0; top: 0; width: 24px; height: 24px; background-size: contain; background-repeat: no-repeat; background-position: center; } .ModHueTourisEventC .main-event-tieudiem .content-meta .detail-suKienMain.date-event:before { background-image: url('data:image/svg+xml,'); } .ModHueTourisEventC .main-event-tieudiem .content-meta .detail-suKienMain.detail-suKienMain-location:before { background-image: url('data:image/svg+xml,'); } .ModHueTourisEventC .main-event-tieudiem .main-content-left .img-thumb { border-radius: 10px; box-shadow: 10px 10px 0px 0px rgba(0, 0, 0, 0.10); aspect-ratio: 1.7; object-fit: cover; transition: all 0.3s ease-in-out; background-size: cover; background-repeat: no-repeat; background-position: center; } .ModHueTourisEventC .main-event-tieudiem .main-content-left .img-thumb:hover { box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; } .ModHueTourisEventC .main-event-tieudiem .content-meta > span { display: block; } .event-main-time-countdown { display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; gap: 14.5px; margin: 50px auto; } .event-main-time-countdown .event-main-time-countdown-item { text-align: center; } .event-main-time-countdown .event-main-time-countdown-item { text-align: center; } .event-main-time-countdown .event-main-time-countdown-item .event-main-time-countdown-item-value { text-align: center; margin-bottom: 2px; padding: 25px 10px; color: var(--template-title-1); text-align: justify; font-size: 40px; font-style: normal; font-weight: 500; line-height: 1; text-align: center; min-height: 98px; border: 1px solid var(--template-border-6); border-radius: 8px; margin-bottom: 8px; /* background-image: url('../images/bg-count.png'); */ } .event-main-time-countdown .event-main-time-countdown-item .event-main-time-countdown-item-text { text-align: center; font-size: 16px; font-style: normal; font-weight: 400; line-height: 1.5; } .event-main-time-countdown .event-main-time-countdown-item.sperator { color: #182940; text-align: center; font-family: Rokkitt, sans-serif; font-size: 33px; font-style: normal; font-weight: 700; line-height: 1; margin-top: -34px; } .event-main-time-countdown .event-main-time-countdown-item:not(.sperator) { min-width: 88px; } .ModHueTourisEventC .main-event-tieudiem span[id*='lbltype'] { display: none; } .DnnModule-HueTourisEventViewDetail .detail_content .information-content>* { width: 100% } .content-event .contanner-main * { font-size: 16px !important; font-style: normal; font-weight: 400; line-height: 1.5; font-family: inherit !important; } .sidebar-content .EventOrther .event-other { display: flex; flex-direction: column; gap: 20px; } .sidebar-content .EventOrther .other-container { display: flex; gap: 10px; } .sidebar-content .EventOrther .other-container .Orther-img a { width: 70px; height: 70px; background-position: center; background-size: cover; aspect-ratio: 1.65; border-radius: 10px; overflow: hidden; position: relative; margin-bottom: 0; display: block; background-repeat: no-repeat; } .EventOrther .event-other .item .Orther-img { margin-bottom: 0; width: 70px !important; flex-shrink: 0; } .sidebar-content .EventOrther .other-container .Orther-img span { display: none !important; } .sidebar-content .EventOrther .other-container .Orther-content { display: flex; flex-direction: column-reverse; } .sidebar-content .EventOrther .other-container .Orther-content .Orther-date, .sidebar-content .EventOrther .other-container .Orther-content .DateTookplace { color: var(--blue, #0765e3); font-size: 14px; font-style: normal; font-weight: 400; line-height: 1.5; display: flex; align-items: center; gap: 4px; margin: 0; } .sidebar-content .EventOrther .other-container .Orther-content .Orther-link { font-family: "Roboto Slab"; font-size: 16px; font-style: normal; font-weight: 500; line-height: 1.375; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; margin-bottom: 0; } .sidebar-content .EventOrther .other-container .Orther-location { display: none; } .sidebar-content .EventOrther .event-other .item .Orther-link span { -webkit-line-clamp: 2; } .sidebar-container .EventOrther .event-other .item { margin-bottom: 0; } .sidebar-container .EventOrther div[id*="TrinhDienHTEOrther_lblPageMain"] { display: none; } @media screen and (max-width: 991px) { .ModHueTourisEventC .main-event-tieudiem { flex-direction: column; } .ModHueTourisEventC .main-event-tieudiem > * { width: 100%; } } @media screen and (max-width: 768px) { .event-main-time-countdown { margin: 30px auto; } .ward-layout .header.header-bg .nav-brand::before { -webkit-mask: url("../images/bg-header-02.png") no-repeat center / cover; mask: url("../images/bg-header-02.png") no-repeat center / cover; background-color: var(--template-background-9); z-index: 1; } .ward-layout .header.header-bg .nav-brand::after { background: linear-gradient(90deg, #FFFFFF 0%, rgba(234, 239, 255, 0) 50%, #FFFFFF 100%); z-index: 2; } .navbar-banner { display: none } } @media screen and (max-width: 576px) { .event-main-time-countdown { display: none; } .main-event { margin-bottom: 15px; } .ModHueTourisEventC .main-event-tieudiem .title-event a { font-size: 20px; margin-bottom: 10px; } } @media screen and (max-width: 375px) { .owl-carousel-event .main-img .div-img .label-status, .owl-carousel-event .date-event, .owl-carousel-event .title-event span.takeplace { font-size: 14px; } } @media screen and (max-width: 325px) { .owl-carousel-event .date-event { font-size: 13px; padding-left: 0; } .owl-carousel-event .date-event:before { display: none; } } #content-areas .Tab_CoQuan { background-color: var(--template-background-1); padding: 16px 24px; border: 1px solid var(--template-border-1); border-radius: 8px; } #content-areas .Tab_CoQuan .nav .nav-item .nav-link.active { color: var(--template-title-1); border-bottom-color: var(--template-line-2); } #content-areas .Tab_CoQuan .tab-content .DanhSachThanhPhan li a::before { background: url('data:image/svg+xml,') no-repeat center; } #content-areas .Tab_CoQuan .nav .nav-item .nav-link{ font-family: inherit; } .navbar-banner .list_QuangCao .view_list_QuangCao ul li img, .navbar-banner .list_QuangCao .view_list_QuangCao ul li { border-radius: 0; object-fit: cover; object-position: top; } .navbar-banner .list_QuangCao { padding:0; } body:not(.dnnEditState ) .navbar-banner { position: absolute; top:0; height: 100%; overflow:hidden; width: 100%; } .navbar-banner *:not(a), .navbar-banner .list_QuangCao .view_list_QuangCao ul li a { width:100% !important; height:100% !important; }