.pdt-wrapper{
    margin:20px 0;
}

/* FILTER */

.pdt-filter-wrap{
    display:flex;
    gap:10px;
    align-items:center;
    flex-wrap:wrap;
    margin-bottom:10px;
}

.pdt-filter-wrap select{
    width:auto !important;
    min-width:220px;
    max-width:220px;
    padding:7px 12px;
    border:1px solid #ddd;
    border-radius:5px;
    background:#fff;
    font-size:14px;
}

.pdt-logo{
    width:45px;
    height:45px;
    object-fit:contain;
}

#participantTable{
    width:100% !important;
    border-collapse:collapse;
}

#participantTable thead th{
    background:#000;
    color:#fff;
    padding:12px;
    font-size:14px;
}

#participantTable tbody td{
    padding:10px;
    vertical-align:middle;
    font-size:14px;
}

/* DATATABLE TOP SECTION COMPACT */

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter{
    margin-bottom:8px !important;
}

.dataTables_wrapper .dataTables_length select{
    width:70px !important;
    height:36px;
}

.dataTables_wrapper .dataTables_filter input{
    width:180px !important;
    height:36px;
}

.dataTables_wrapper .dataTables_info{
    padding-top:8px;
    font-size:13px;
}

/* A-Z */

#alphabetFilter{
    display:flex;
    flex-wrap:wrap;
    gap:5px;
    margin-bottom:12px;
}

#alphabetFilter button{
    border:none;
    background:#f3f3f3;
    padding:4px 8px;
    border-radius:4px;
    cursor:pointer;
    font-size:12px;
    line-height:1.2;
}

#alphabetFilter button:hover{
    background:#000;
    color:#fff;
}