.UICoSoYDuocList table tr.grid-pager table td span {
        margin: 0 !important;
        font-weight: 600;
}
.UICoSoYDuocList table tr.grid-pager tr td a {
        padding: 10px;
        font-weight: 600;
}
.UICoSoYDuocList table tr.grid-pager td{
        border:none;
}
.UICoSoYDuocList .document_page_info {
        text-align: center;
        font-size: 16px;
}
.UICoSoYDuocList table tr.grid-pager tr td {
        justify-content: center;
        padding: 0 !important;
        border: none;
        text-align: center;
        display: flex;
        align-items: center;
        background: #f6f6f6;
}
.UICoSoYDuocList tr.grid-pager tr {
        display: flex;
        gap: 10px;
}
.UICoSoYDuocList tr.grid-pager table td span {
        color: #fff;
}
.UICoSoYDuocList table tr.grid-pager tr td {
        width: 40px !important;
        height: 40px !important;
        border-radius: 5px !important;
}
.UICoSoYDuocList table tr.grid-pager tr td:has(span) {
        background-color: var(--color-primary);
}
.UICoSoYDuocList table tr.grid-pager tr td {
        padding: 0 !important;
        border: none;
}
.UICoSoYDuocList .List table tr:nth-child(even):not(.grid-pager) {
        background: #F9F9F9;
}
.UICoSoYDuocList .List table tr:nth-child(odd) {
        background: #FFFFFF;
}
.UICoSoYDuocList .search-box input[type=text], .UICoSoYDuocList .search-box select {
        width: 100%;
        height: 35px;
        border: 1px solid #cccccc;
        border-radius: 4px;
        padding: 5px;
}
.UICoSoYDuocList th {
        vertical-align: middle;
        text-align: center;
}
.UICoSoYDuocList table td:has(>span.stt) {
        text-align: center;
}
.UICoSoYDuocList .search-box >div:last-child input[type='submit'] {
        border-radius: 4px;
        font-size: 15px;
        padding: 5px 25px;
        margin: 0;
        border: 1px solid #cccccc;
        background-color: var(--color-primary);
        height: 35px;
        margin-top: 23px;
        font-family: 'Roboto';
        font-weight: 500;
        color: #fff;
}
.UICoSoYDuocList .search-box {
        display: grid;
        flex-wrap: wrap;
        align-items: center;
        padding: 20px 0;
        box-shadow: var(--box-category);
        margin: 10px 0;
        gap: 20px;
        /* grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); */
        justify-content: space-between;
        grid-template-columns: 2fr 1fr 1fr 100px;
}
.UICoSoYDuocList .search-box >div:first-child {
        /* width: 50%; */
}
.UICoSoYDuocList .search-box>div>span{
        font-family: Be VietNam Pro;
        font-weight: 600;
}
.UICoSoYDuocList .search-box>div>span~div{
        margin-top: 5px;
}
.UICoSoYDuocList .search-box >div:has(input[type="submit"]) {
        /* width: 100px !important; */
}
.UICoSoYDuocList .Title {
        font-size: 24px;
        font-weight: 700;
        font-family: 'Merriweather';
        line-height: 32px;
        color: #031739;
        /* text-transform: uppercase; */
}
.UICoSoYDuocList .List {
        margin-top: 20px;
}
.UICoSoYDuocList .List>div> table, .UICoSoYDuocList th, .UICoSoYDuocList td {
        border: 1px solid #ededed;
        border-collapse: collapse;
        font-family: 'BE VIETNAM PRO';
        font-weight: 500;
        padding: 10px;
}
.UICoSoYDuocList td span{
        font-family: 'Noto serif';
        font-size: 16px;
        color: #1e1e1e;
}
.UICoSoYDuocList td span.ten-du-an:hover{
        color: #0a32b4;
}
.UICoSoYDuocList .List >div>table> tbody> tr:not(.grid-pager) td:not(:first-child){
        text-align: left;
}
.UICoSoYDuocList .List >div>table> tbody> tr:not(.grid-pager) td:nth-child(2){
        font-weight: 600;
        line-height: 1.5;
}
.UICoSoYDuocList .List >div>table> tbody> tr:not(.grid-pager) td span.Name{
        display: none;
}
.select2-selection__rendered {
        line-height: 31px !important;
}
.select2-container .select2-selection--single {
        height: 35px !important;
}
.select2-selection__arrow {
        height: 34px !important;
}
.UICoSoYDuocList {
        margin: 30px 0;
}
@media only screen and (max-width: 768px){
        .UICoSoYDuocList{
                padding: 10px;
        }
        .UICoSoYDuocList  .List tr th, .UICoSoYDuocList .List >div>table> tbody> tr:not(.grid-pager) td:first-child {
                display: none;
        }
        .UICoSoYDuocList .List >div>table> tbody> tr:not(.grid-pager) td:not(:first-child):not(:last-child) {
                border-bottom: none;
        }
        .UICoSoYDuocList .List >div>table> tbody> tr:not(.grid-pager) td:not(:first-child){
                padding: 8px !important;
        }
        .UICoSoYDuocList .search-box >div,.UICoSoYDuocList .search-box >div:first-child {
                width: 100%;
                /* text-align: center; */
        }
        .UICoSoYDuocList .search-box{
                padding: 0;
                grid-template-columns: 1fr;
        }
        .UICoSoYDuocList .search-box >div:last-child{
                text-align: center;
        }
        .UICoSoYDuocList .search-box >div:last-child input[type='submit']{
                margin: 0;
        }
        .UICoSoYDuocList .search-box input[type=text], .UICoSoYDuocList .search-box select {
                width: 100%;
        }
        .UICoSoYDuocList .List >div>table> tbody> tr:not(.grid-pager) td:not(:first-child):not(:last-child) {
                border-top: none;
                border-bottom: none;
                padding: 0 10px;
        }
        .UICoSoYDuocList .List >div>table> tbody> tr:not(.grid-pager) td span.Name {
                display: inline;
                font-weight: 600;
        }
        .UICoSoYDuocList .List >div>table> tbody> tr:not(.grid-pager) td:last-child {
                border-top: none;
                padding: 0 10px;
                padding-bottom: 10px;
        }
        .UICoSoYDuocList .List>div>table>tbody>tr:not(.grid-pager)>td{
                display: block;
        }
}