.PaymentGroupList {
    .pagination-links {
        margin-bottom: 150px;
    }

    .TableBasic {
        &-column {
            vertical-align: middle;
            width: 20%;
        }
    }

    .cell {
        &-currencyCodes,
        &-paymentSchedules,
        &-referenceAgreementTypes {
            align-items: start;
            flex-direction: column;
            justify-content: center;
        }
    }

    &-archiveModal {
        width: 500px;
    }
}

.PaymentNewGroupForm {
    width: 100%;

    &-header {
        background-color: var(--gray-200);
        height: 55px;
        padding: 14px;
        text-align: center;

        &-name {
            float: left;
        }

        &-close-button {
            float: right;
            margin: 4px 0;
        }
    }

    &-buttons {
        margin: 7px 19px;

        &-cancel {
            float: left;
        }

        &-create {
            float: right;
        }
    }

    &-section {
        margin-top: 18px;
    }
}

.PaymentNewGroupFormSidecar {
    width: 500px;

    .ReactModal-content {
        min-width: 500px;
    }
}