@if (showButton && joinButton) {
    html
    {
        &[dir="ltr"] @(selector).form-inline
        {
            @button.selector
            {
                @if (buttonPosition === 'right') {
                    .border-left-radius(0);
                    margin-left: 0;
                }
                @if (buttonPosition === 'left') {
                    .border-right-radius(0);
                    margin-right: 0;
                }
            }

            .input-group input@(input.selector)
                        {
                @if (buttonPosition === 'right') {
                    .border-right-radius(0);
                    margin-right: 0;
                }
                @if (buttonPosition === 'left') {
                    .border-left-radius(0);
                    margin-left: 0;
                }
            }
        }

        &[dir="rtl"] @(selector).form-inline
                {
            @button.selector
            {
                @if (buttonPosition === 'right') {
                    .border-right-radius(0);
                    margin-right: 0;
                }
                @if (buttonPosition === 'left') {
                    .border-left-radius(0);
                    margin-left: 0;
                }
            }

            .input-group input@(input.selector)
                        {
                @if (buttonPosition === 'right') {
                    .border-left-radius(0);
                    margin-left: 0;
                }
                @if (buttonPosition === 'left') {
                    .border-right-radius(0);
                    margin-right: 0;
                }
            }
        }
    }
}

@(selector).form-inline @input.selector {
    width: auto;
}

@(selector) .input-group-btn
{
    width: auto;
}

@if (!joinButton && showButton) {
    @(selector) .@containerInner
    {
        display: table;
    }

    @(selector) @(input.selector)
    {
        display: table-cell;
    }
}
