.sub-user-table tr{
    text-align:center;
}   
.sub-user-list{
    margin:0 auto;
    overflow:hidden;
    background:#1A2436;
    color:White;
}
.tansic-page{width:100%;background:#1A2436;}

.sub-user-list{max-width:1320px;margin:auto;padding:100px 0px;}

.sub-user-table table{color:#fff;width:90%;padding:5px 15px;margin:auto;}

.sub-user-table tr{padding:10px 0px;border: collapse;margin-bottom:14px;border-radius: 12px;display:block}

.sub-user-table th{width:10%}

.sub-user-table td{margin:10px 0px;padding:10px 0px;text-align: center;width:10%;}

.sub-user-table th{color:#9C9C9C;}

.sub-user-list .id{color:#9C9C9C;}

.sub-user-table tbody tr{border:1px solid #727272;}

.pagination{display: flex;justify-content:center;gap:10px;padding:20px 0px;}

.pagination button{ padding:12px; box-shadow:1px 1px 1px 1px #6c7f91; border:none; border-radius:4px; 
background:#0FADD9; color:white; }

.sub-user-table table tbody tr .color-border{
  border:1px solid #c0bfbf !important;
}
.controls{ display:flex;padding:20px 10px;justify-content: space-between;display:none;}
.sub-user-table{
    overflow-x:scroll;
}

.sub-user-table::-webkit-scrollbar {
    width: 10px;
    height: 5px;
}
.sub-user-table::-webkit-scrollbar-track {
    background:rgba(241, 241, 241, 0);
}
.sub-user-table::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 5px;
}
.sub-user-table::-webkit-scrollbar-thumb:hover {
    background: #fff;
}

@media only screen and (max-width: 767px) {
    .search-box input{
        max-width: 44% !important;
    }
    .sub-user-list {
        padding: 15px;
    }
}

@media only screen and (max-width: 767px) {
    .controls .sort-by{
        width:37%;
    }
    .sub-user-table th{padding:0px 20px;}
}

.controls select{
  background:#192335;
  border-radius:4px;
  color:#EEEEEE;
  padding:7px 10px;
  margin-left:10px;
}

.controls input{
background:#192335;
border:none;
border-radius:4px;
color:#EEEEEE;
padding:5px;
}

.controls .search-box label{display:none;}