* {
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        text-rendering: geometricprecision;
}

/*.UIListArticleOfSite_ttpvhcc2 {
        margin: -15px 0px 10px 0px;
        width: 100%;
        background: white;
        border: 0;
        min-height: 400px;
}*/
.UIListArticleOfSite_ttpvhcc2 .UIListArticleOfSite {
		/*margin-top: 20px;*/
		padding: 5px;
		width: 100%;
        min-height: 400px;
}

.UIListArticleOfSite_ttpvhcc2 .header-title {
        /* Có thể kế thừa các thuộc tính căn chỉnh vùng chứa tiêu đề nếu cần */
        width: 100%;
        display: unset;
        padding: 0;
}

.UIListArticleOfSite_ttpvhcc2 .header-title .title {
        text-transform: uppercase;
        white-space: nowrap;
        font-size: 17px;
        font-family: 'Merriweather';
        color: var(--vpblue);
        font-weight: 700;
        display: inline-block;
        line-height: 26px; /* Cập nhật lại line-height giống với mẫu mới */
        
        /* Thêm 2 dòng này để tạo không gian và điểm tựa cho vạch màu */
        position: relative;
        padding: 0 0 0 15px; 
}

/* Thêm khối này để tạo vạch màu xanh bo góc bên trái */
.UIListArticleOfSite_ttpvhcc2 .header-title .title:before {
        content: '';
        width: 5px;
        height: 19px;
        border-radius: 9px;
        display: inline-block;
        position: absolute;
        background: var(--vpblue);
        left: -1px;
        top: 3px;
}
.UIListArticleOfSite_ttpvhcc2 > div:nth-child(2) {
        /* border: 1px solid #ddd; */
        /* height: 189px; */
        /* overflow-y: scroll; */
        /* border-radius: 0 0 5px 5px; */
}
div.UIListArticleOfSite .lvwContent {
        padding: 0;
}
.UIListArticleOfSite_ttpvhcc2 .tb-content {
        padding: 5px;
}
.UIListArticleOfSite_ttpvhcc2 .lvwContent .tb-content .td-item {
        background: rgba(0, 0, 0, 0) url("https://storage-vnportal.vnpt.vn/cto-chinhquyen/themes/cantho/uitabarticle/singletab/images/arrow2.png") no-repeat scroll left center;
        padding: 8px 15px;
        padding-left: 20px;
}
.UIListArticleOfSite_ttpvhcc2 div:nth-child(3) {
        padding: 10px;
        text-align: right;
}
.UIListArticleOfSite_ttpvhcc2 .div-pager {
        text-align: right;
}
.UIListArticleOfSite_ttpvhcc2 .div-pager>span{
        display: flex;
        align-items: center;
        justify-content: flex-end;
}
.UIListArticleOfSite_ttpvhcc2 .CurrentPage {
        background: #ea0c77 none repeat scroll 0 0;
        color: #0099d6;
        cursor: pointer;
        display: inline-block;
        font: bold 0 arial;
        height: 10px;
        margin-right: 5px;
        vertical-align: top;
        width: 10px;
}
.UIListArticleOfSite_ttpvhcc2 .ButtonPage {
        background: #f67700 none repeat scroll 0 0;
        display: inline-block;
        font: 0 arial;
        height: 10px;
        margin-right: 5px;
        opacity: 0.5;
        vertical-align: top;
        width: 10px;
}

@media only screen and (max-width: 768px){
        div.UIListArticleOfSite_ttpvhcc2 {
                width: 100vw;
                padding: 0 5px;
                height: auto;
        }
        .UIListArticleOfSite_ttpvhcc2 .UIListArticleOfSite {
                padding:  0 10px;
        }
        td:has(> .UIListArticleOfSite_ttpvhcc2) {
				width: 100% !important;
        }
        .UIListArticleOfSite_ttpvhcc2 > div:nth-child(2) {
                padding: 0 10px;
        }
}

@media only screen and (max-width: 1180px){
				width: 50% !important;
}