.UIDuAnList table tr.grid-pager table td span {
        margin: 0 !important;
        font-weight: 600;
}
.UIDuAnList table tr.grid-pager tr td a {
        padding: 10px;
        font-weight: 600;
}
.UIDuAnList table tr.grid-pager td{
        border:none;
}
.UIDuAnList table tr.grid-pager tr td {
        justify-content: center;
        padding: 0 !important;
        border: none;
        text-align: center;
        display: flex;
        align-items: center;
        background: #f6f6f6;
}
.UIDuAnList tr.grid-pager tr {
        display: flex;
        gap: 10px;
}
.UIDuAnList tr.grid-pager table td span {
        color: #fff;
}
.UIDuAnList table tr.grid-pager tr td {
        width: 40px !important;
        height: 40px !important;
        border-radius: 5px !important;
}
.UIDuAnList table tr.grid-pager tr td:has(span) {
        background-color: var(--color-primary);
}
.UIDuAnList table tr.grid-pager tr td {
        padding: 0 !important;
        border: none;
}
.UIDuAnList .List table tr:nth-child(even):not(.grid-pager) {
        background: #F9F9F9;
}
.UIDuAnList .search-box >div span {
        box-sizing: border-box;
        font-family: Roboto;
        font-style: normal;
        font-weight: 500;
        font-size: 15px;
        line-height: 18px;
        color: #62748D;
        vertical-align: middle;
        padding: 0;
        flex-shrink: 0;
        margin-bottom: 10px;
        display: block;
}
.UIDuAnList .List table tr:nth-child(odd) {
        background: #FFFFFF;
}
.UIDuAnList .search-box input[type=text], .UIDuAnList .search-box select {
        width: 90%;
        height: 35px;
        border: 1px solid #cccccc;
        border-radius: 4px;
        padding: 5px;
        display: block;
        width: 100%;
        padding: 10px;
        border: 1px solid #F2F2F2;
        border-radius: 4px;
        color: #7D92AE;
        font-family: 'Roboto';
        height: 40px;
}
.UIDuAnList th {
        vertical-align: middle;
        text-align: center;
}
.UIDuAnList table td:has(>span.stt) {
        text-align: center;
        vertical-align: top;
}
.UIDuAnList .search-box >div:last-child input[type='submit'] {
        border-radius: 4px;
        font-size: 15px;
        padding: 5px 15px;
        margin: 0;
        border: 1px solid #cccccc;
        background-color: #F9F9F9;
        height: 35px;
        margin-top: 23px;
        background: var(--color-primary);
        padding: 0px 30px;
        border-radius: 200px;
        opacity: 0px;
        font-family: Roboto;
        font-size: 16px;
        font-weight: 700;
        line-height: 23px;
        text-align: left;
        color: #ffffff;
        display: inline-block;
        width: 150px;
        text-align: center;
        margin-top: 30px;
}
.UIDuAnList .search-box {
        display: grid;
        flex-wrap: wrap;
        padding: 50px;
        border: 1px solid #E2E7ED;
        background: #f9f9f9;
        border-radius: 4px;
        gap: 20px;
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}
.UIDuAnList .search-box >div {
        /* width: 50%; */
}
.UIDuAnList .Title {
        font-size: 17px;
        font-weight: 700;
        font-family: 'Merriweather';
        line-height: 22px;
        color: #031739;
        text-transform: uppercase;
        font-family: "Merriweather";
        font-size: 17px;
        font-weight: 700;
        line-height: 21px;
        text-align: left;
        color: #031739;
        text-transform: uppercase;
        position: relative;
        margin-bottom: 15px;
}
.UIDuAnList .List {
        margin-top: 20px;
}
.UIDuAnList .List>div> table, .UIDuAnList th, .UIDuAnList td {
        border: 1px solid #ededed;
        border-collapse: collapse;
}
.UIDuAnList .List >div>table> tbody> tr:not(.grid-pager) td:not(:first-child){
        text-align: left;
        font-size: 15px;
}
.Title::after {
        width: 90px;
        height: 2px;
        content: '';
        position: absolute;
        background: var(--color-primary);
        bottom: -5px;
        left: 0;
}
.UIDuAnList .List >div>table> tbody> tr:not(.grid-pager) td:nth-child(2){
        /*font-weight: 500; */
}
.UIDuAnList .List >div>table> tbody> tr:not(.grid-pager) td span.Name{
        display: none;
}
.UIDuAnList .List >div>table> tbody> tr:not(.grid-pager) td:nth-child(2) a {
        color: #0068b4;
}
.UIDuAnList th:nth-child(3), .UIDuAnList th:nth-child(4) {
        width: 260px;
}
@media only screen and (max-width: 768px){
        .UIDuAnList .search-box >div:last-child input[type='submit'] {
                margin-top: 0;
                width: 100%;
                max-width: 400px;
        }
        .UIDuAnList .search-box {
                padding: 20px;
        }
        .UIDuAnList .List table.search-result >tbody >  tr:not(.grid-pager) {
                display: flex;
                flex-direction: column;
        }
        .UIDuAnList .List table.search-result >tbody > tr:not(.grid-pager) >td:first-child {
                display: none;
        }
        .UIDuAnList .List table .search-result>tbody>tr:first-child:not(.tr-pager){
                display: none;
        }
        .UIDuAnList{
                padding: 0 16px;
        }
        .UIDuAnList  .List tr th, .UIDuAnList .List >div>table> tbody> tr:not(.grid-pager) td:first-child {
                /* display: none; */
        }
        .UIDuAnList .List table.search-result >tbody > tr:not(.grid-pager):first-child {
                display: none;
        }
        .UIDuAnList .List >div>table> tbody> tr:not(.grid-pager) td:nth-child(2) {
                border-bottom: none;
        }
        .UIDuAnList .List >div>table> tbody> tr:not(.grid-pager) td:nth-child(3) {
                border-top: none;
                border-bottom: none;
                padding: 10px;
        }
        .UIDuAnList .List >div>table> tbody> tr:not(.grid-pager) td span.Name {
                display: block;
                font-weight: 600;
        }
        .UIDuAnList .List >div>table> tbody> tr:not(.grid-pager) td:last-child {
                border-top: none;
                padding: 10px;
                /* padding-bottom: 10px; */
        }
}