#dataTable {
    overflow-x: auto;
    display: block;

}
table.dataTable.no-footer td,table.dataTable.no-footer th {
    text-wrap: nowrap;
    vertical-align: middle;
}

.inline{
    display: inline;
}
.action-btn {
    display: inline-grid;
    width: 32px;
    height: 32px;
    place-content: center;
    place-items: center;
    padding: 0;
}

.action-btn i {
    display: grid;
    place-content: center;
    place-items: center;
    /* width: 14px; */
    /* height: 14px; */
}

.profile-img {
    max-width: 150px;
    max-height: 150px;
    width: 100%;
    height: 100%;
    object-fit: contain;
    /* padding: 4px; */
    /* background-color: #f2f2f2; */
}

.profile-img {
    width: 50px;
    height: 50px;
    object-fit: contain;
    object-position: center;
}

a.profileimage img {
    width: 100%;
    aspect-ratio: 1;
    object-fit: contain;
    background-color: #ccc;
}

a.profileimage {
    display: grid;
}



@media screen and (max-width:767px) {
    .dataTables_wrapper .dataTables_filter {
        float: left;
    }

    .exportrow {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        background: #ffff;
        padding: 8px;
        display: grid;
        /* justify-content: center; */
        grid-auto-flow: column;
        gap: 8px;
    }
}


.p-class{
    margin: 1px;
}