/**
 * Ag Grid Override
 */
// @import '~ag-grid/dist/styles/ag-theme-balham.css';
// @import '~ag-grid-community/dist/styles/ag-theme-balham.css';
// @import '~ag-grid-community/dist/styles/ag-grid.css';
// @import '~ag-grid-community/dist/styles/ag-theme-balham.css';

@import '~antd/lib/grid/style/index';
@import '../../ag-grid/index';

@import '../../../themes/default/index';
@import '../../../mixins/index';

@btn-prefix-cls: ~'@{ant-prefix}-btn';

.@{ps-transfer-prefix-cls} {
    &-grid {
        display: flex;
        flex-grow: 1;
        flex-shrink: 1;
        flex-basis: 100%;
        .@{ant-prefix}-row-flex-middle {
            display:flex;
            flex-grow: 1;
            flex-shrink: 1;
            flex-basis: 100%;
            flex-direction: column;
            .@{ps-transfer-prefix-cls} {
                &-source {
                    display: flex;
                    flex-direction: column;
                    flex-grow: 1;
                    flex-shrink: 1;
                    flex-basis: 100%;
                    padding: 5px;
                    border: @border-width-base @border-style-base @gray-2;
                    &-header {
                        margin-bottom: 5px;
                    }
                    .ag-theme-alpine .ag-root-wrapper {
                        border-left: none;
                        border-right: none;
                    }
                }
                &-button {
                    display: flex;
                    flex-direction: column;
                    flex-grow: 1;
                    flex-shrink: 1;
                    flex-basis: 100%;
                    justify-content: center;
                    align-items: center;
                    > div {
                        margin: 5px 0;
                    }
                }
                &-target {
                    display: flex;
                    flex-direction: column;
                    flex-grow: 1;
                    flex-shrink: 1;
                    flex-basis: 100%;
                    padding: 5px;
                    border: @border-width-base @border-style-base @gray-2;
                    &-header {
                        margin-bottom: 5px;
                    }
                    .ag-theme-alpine .ag-root-wrapper {
                        border-left: none;
                        border-right: none;
                    }
                }
            }
        }
    }
}

.has-error .@{ps-transfer-prefix-cls} {
    border: @border-width-base @border-style-base @error-color;
}