.account-setup {
    &-filter-mobile {
        display: flex;
        @include atMin768 {
            display: none;
        }

        & .ant-collapse .table-global-search {
            width: 100% !important;
        }

        & .the-tbl-page-size {
            & .tbl-page-size {
                justify-content: flex-start !important;

                @include atMin576 {
                    justify-content: flex-end !important;
                }
            }
        }
    }

    &-filter-desktop {
        display: none;
        @include atMin768 {
            display: flex;
        }
    }
}

.new-top-filter-desktop {
    display: none;
    @include atMin576 {
        display: flex;
    }

    & .table-showing-entries .wrapper {
        width: max-content;
    }

    // & .tbl-page-size {
    // position: relative;
    // left: 13px;
    // }

    &.for-historical-data {
        & .the-search-wrapper {
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

        & .the-pagination-wrapper {
            display: flex;
            align-items: center;
            position: relative;
            // left: 8px;
            flex-direction: row;
        }
    }

    &.for-historical-data.true {
        & .the-search-wrapper {
            align-items: flex-end;

            & .the-pagination-wrapper {
                flex-direction: column;
                row-gap: 12px;
                align-items: flex-end;
            }
        }
    }

    &.for-historical-data.false {
        & .the-search-wrapper.true {
            align-items: flex-end;

            & .the-pagination-wrapper {
                flex-direction: column;
                row-gap: 12px;
                align-items: flex-end;
            }
        }
    }

    // &.for-historical-data.false {
    //     & .the-search-wrapper {
    //         @include atMin768 {
    //             align-items: flex-end;
    //         }
    //     }

    //     & .the-pagination-wrapper {
    //         @include atMin768 {
    //             flex-direction: column;
    //             row-gap: 12px;
    //             align-items: flex-end;
    //         }
    //     }
    // }

    // .ant-layout:not(.ant-layout-has-collapse) &.for-historical-data {
    //     & .the-search-wrapper {
    //         @include atMin768 {
    //             align-items: flex-end;
    //         }
    //     }

    //     & .the-pagination-wrapper {
    //         @include atMin768 {
    //             flex-direction: column;
    //         }
    //     }
    // }
}

.new-top-filter-mobile {
    display: flex;
    @include atMin576 {
        display: none;
    }

    & .table-showing-entries .wrapper {
        width: max-content;
    }

    & .tbl-page-size .ant-select-selector {
        padding-left: 0;
    }

    & .ant-pagination.table-pagination {
        justify-content: center;
    }

    & .table-global-search.animated {
        width: auto;
        height: 40px;
        @include atMin425 {
            width: 200px;
        }
    }
}