.empty-table {
    display: flex;
    margin: 0 auto;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: rgba(0, 0, 0, 0.25);
    margin-block: 32px;
}

#custom-modal-overlay {
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    z-index: 49;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0;
}

@media screen and (max-width: 600px) {

    #allDataTable_wrapper .grid:first-child,
    #allDataTable_wrapper .grid:last-child {
        display: flex !important;
        flex-direction: column !important;
        justify-content: center;
        align-items: center;
    }

}