.permitContainer {
    width: 100%;
    height: 100%;
    // padding: 20px;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;

    .searchSection {
        // margin-bottom: 20px;
        padding: 20px;
        // background-color: #fafafa;
        // border-radius: 2px;

        :global {
            .ant-form-inline {
                display: flex;
                
                .ant-form-item {
                    margin-right: 16px;
                    margin-bottom: 0;
                }

                    .ant-form-item:nth-last-child(2) {
                    margin-left: auto;
                }

                .ant-form-item:last-child {
                    margin-right: 0;
                }
            }

            .ant-form-item-label {
                font-weight: 500;
                
                label {
                    color: #666666;
                    font-size: 13px;
                }
            }

            .ant-input::placeholder,
            .ant-picker-input input::placeholder {
                color: #00000040;
                font-size: 13px;
            }
        }
    }

    .tableSection {
        flex: 1;
        display: flex;
        flex-direction: column;
        overflow: hidden;
        padding: 0 20px 0;
      
        :global {
            .ant-spin-nested-loading {
                flex: 1;
                display: flex;
                flex-direction: column;
                overflow: hidden;
                margin: 0;
                padding: 0;

                .ant-spin-container {
                    flex: 1;
                    display: flex;
                    flex-direction: column;
                    overflow: hidden;
                    margin: 0;
                    padding: 0;

                    .ant-table-wrapper {
                        flex: 1;
                        display: flex;
                        flex-direction: column;
                        overflow: hidden;
                        margin: 0;
                        padding: 0;

                        .ant-table {
                            flex: 1;
                            overflow: auto;
                            margin: 0;
                        }

                        .ant-table-pagination {
                            flex-shrink: 0;
                      
                        }
                    }
                }
            }

            .ant-table {
                font-size: 12px;

                .ant-table-thead > tr > th {
                    background-color: #fafafa;
                    font-weight: 400;
                    color: #000000D9;
                    border-right: none;
                    text-align: center;
                }

                .ant-table-tbody > tr > td {
                    border-right: none;
                    color: #000000D9;
                    font-weight: 400;
                    text-align: center;
                }

                .ant-table-tbody > tr:hover > td {
                    background-color: #f5f5f5;
                }

                a {
                    color: #1890ff;
                    text-decoration: none;

                    &:hover {
                        color: #40a9ff;
                    }
                }
            }

            .ant-pagination {
                text-align: right;
                margin-top: 70px !important;
            }
        }
    }
}