.form-inline@selector {
    @if (!control.css('display')) {
        display: inline-block;
    }

    @if (_inputPercentWidth) {
        .newsletter-wrapper,
        @(input.selector)[type="text"].form-control
        {
            width: 100%;
        }
        width: @input.css('width');
    }

    @if (_inputPercentWidthMD) {
        @@media (max-width: @@screen-md-max) {
            .newsletter-wrapper,
            @(input.selector)[type="text"].form-control
            {
                width: 100%;
            }
            width: @input.css('md', 'width');
        }
    }

    @if (_inputPercentWidthSM) {
        @@media (max-width: @@screen-sm-max) {
            .newsletter-wrapper,
            @(input.selector)[type="text"].form-control
            {
                width: 100%;
            }
            width: @input.css('sm', 'width');
        }
    }

    @if (_inputPercentWidthXS) {
        @@media (max-width: @@screen-xs-max) {
            .newsletter-wrapper,
            @(input.selector)[type="text"].form-control
            {
                width: 100%;
            }
            width: @input.css('xs', 'width');
        }
    }

    .bd-newsletter-wrapper
    {
        display: table;
        position: relative;
        white-space: nowrap;
    }

    .bd-newsletter-wrapper > *
    {
        display: table-cell;
        vertical-align: middle;
    }

    @if (showButton && joinButton) {
        @if (!rightToLeft) {
            .bd-newsletter-wrapper > :last-child > * {
                border-top-left-radius: 0;
                border-bottom-left-radius: 0;
                margin-left: 0;
            }

            .bd-newsletter-wrapper > :first-child > * {
                border-top-right-radius: 0;
                border-bottom-right-radius: 0;
                margin-right: 0;
            }
        }

        @if (rightToLeft) {
            .bd-newsletter-wrapper > :last-child > * {
                border-top-right-radius: 0;
                border-bottom-right-radius: 0;
                margin-right: 0;
            }

            .bd-newsletter-wrapper > :first-child > * {
                border-top-left-radius: 0;
                border-bottom-left-radius: 0;
                margin-left: 0;
            }
        }

        .bd-newsletter-wrapper > :not(:first-child):not(:last-child) > *
        {
            border-radius: 0;
            margin: 0;
        }
    }
}