/* =========================================
   TABLE STYLES
========================================= */


.table{

    width:100%;

    background:#fff;

    border-radius:12px;

    overflow:hidden;

    border-collapse:collapse;

    box-shadow:var(--shadow-sm);

}


.table thead{

    background:#183153;

    color:#fff;

}


.table th{

    padding:15px;

    text-align:left;

    font-size:14px;

    background:#183153;

    color:#fff;

}


.table td{

    padding:15px;

    border-bottom:1px solid #eee;

    font-size:14px;

}


.table tbody tr:hover{

    background:#f8fafc;

}


.table-striped tbody tr:nth-child(even){

    background:#fafafa;

}



.table-card{

    background:#fff;

    border-radius:14px;

    overflow:hidden;

    box-shadow:0 4px 12px rgba(0,0,0,.05);

}



/* =========================================
   TABLE RESPONSIVE
========================================= */


.table-responsive{

    overflow-x:auto;

    overflow-y:visible;

}



/* =========================================
   DROPDOWN INSIDE TABLE FIX
========================================= */


.desktop-table .dropdown{

    position:relative;

}


.desktop-table .dropdown-menu{

    position:absolute !important;

    z-index:2000;

    min-width:180px;

}



.desktop-table .dropdown-toggle::after{

    margin-left:6px;

}



.customer-table-wrapper{

    overflow:visible !important;

}



.action-dropdown{

    position:relative;

}



.action-dropdown .dropdown-menu{

    position:absolute !important;

    top:100% !important;

    right:0 !important;

    left:auto !important;

    z-index:9999;

    display:none;

}



.action-dropdown .dropdown-menu.show{

    display:block;

}



.desktop-table td:last-child{

    position:relative;

}



.desktop-table tbody tr{

    position:relative;

}



.customer-table{

    position:relative;

}



.customer-table tbody tr{

    position:relative;

}



/* =========================================
   PAGINATION
========================================= */


.wallet-pagination-wrapper{

    display:flex;

    justify-content:center;

    align-items:center;

    margin-top:25px;

}



.wallet-pagination-wrapper ul.pagination,
.pagination{


    display:flex !important;

    flex-direction:row;

    align-items:center;

    justify-content:center;

    gap:6px;

    list-style:none !important;

    padding:0 !important;

    margin:0;

}



.wallet-pagination-wrapper ul.pagination li,
.pagination .page-item{


    display:block !important;

    list-style:none !important;

    margin:0;

}



.pagination .page-link,
.wallet-pagination-wrapper .page-link{


    display:flex;

    align-items:center;

    justify-content:center;


    min-width:38px;

    height:38px;


    border-radius:8px;


    border:1px solid #dee2e6;


    text-decoration:none;


    color:#333;


    background:#fff;


}



.pagination .page-item.active .page-link,
.wallet-pagination-wrapper .page-item.active .page-link{


    background:#0d6efd;

    color:#fff;

    border-color:#0d6efd;

}



.pagination .page-link:hover,
.wallet-pagination-wrapper .page-link:hover{


    background:#f1f5ff;

}



/* =========================================
   PAGINATION INFO
========================================= */


.pagination-info{

    color:#6c757d;

    font-size:14px;

}


.cashout-desktop {
    display:block;
}


.cashout-mobile {
    display:none;
}


@media(max-width:767px){

    .cashout-desktop {
        display:none;
    }


    .cashout-mobile {
        display:block;
    }

}
/* =========================================
   RECEIPT FILTER RESPONSIVE
========================================= */

.filter-bar{

    display:flex;

    gap:10px;

    flex-wrap:wrap;

}


.filter-bar .form-control,
.filter-bar .form-select{

    min-width:180px;

    flex:1;

}



@media(max-width:768px){

    .filter-bar{

        flex-direction:column;

    }


    .filter-bar .form-control,
    .filter-bar .form-select,
    .filter-bar button{

        width:100%;

    }

}

.agent-summary{

display:flex;
gap:20px;
margin-bottom:20px;

}


.summary-card{

background:white;
padding:20px;
border-radius:10px;
box-shadow:0 2px 8px rgba(0,0,0,.08);

min-width:180px;

}


.summary-card h3{

font-size:14px;
color:#666;

}


.summary-card p{

font-size:28px;
font-weight:bold;
margin:5px 0;

}


.summary-card.active{

border-left:5px solid green;

}


.summary-card.inactive{

border-left:5px solid red;

}



.pagination{

margin-top:20px;

}


.pagination a{

display:inline-block;

padding:8px 12px;

margin-right:5px;

border:1px solid #ddd;

border-radius:5px;

text-decoration:none;

}



.pagination .active-page{

background:#333;

color:white;

}
.agent-toolbar {

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:20px;

    margin-bottom:20px;

    flex-wrap:wrap;

}


.agent-search {

    display:flex;

    align-items:center;

    gap:10px;

}


.agent-search input {

    width:300px;

    padding:8px 12px;

    border:1px solid #ddd;

    border-radius:6px;

}


.agent-search button {

    white-space:nowrap;

}
<style>

#agentResults
{
    position:absolute;
    background:white;
    width:300px;
    border:1px solid #ddd;
    z-index:1000;
}


.search-item
{
    padding:10px;
}


.search-item:hover
{
    background:#f1f1f1;
}


</style>