.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: end;
    padding: 20px 0;
    box-shadow: var(--box-category);
    margin: 10px 0;
    gap: 20px;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}
.UICoSoYDuocList .search-box >div {
    /* width: 40%; */
}
.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: 25px;
    font-weight: 700;
    font-family: 'Merriweather';
    line-height: 22px;
    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-top: 30px;
}

@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: 5px !important;
        }
        .UICoSoYDuocList .search-box >div {
            width: 100%;
        }
        .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: block;
            font-weight: 600;
        }
       .UICoSoYDuocList .List >div>table> tbody> tr:not(.grid-pager) td:last-child {
            border-top: none;
            padding: 0 10px;
            padding-bottom: 10px;
        }
}