.list-radio .radio-item input.form-control.text {
  width: 400px;
}

<!-- answer_row_other -->
<div id='javatbd297228X4X26other' class='col-xs-12 form-group answer-item radio-item radio'  >
    <!-- Checkbox + label -->
    <div class="pull-left othertext-label-checkox-container">
        <input
        class="radio"
        type="radio"
        value="-oth-"
        name="297228X4X26"
        id="SOTH297228X4X26"
                onclick="checkconditions(this.value, this.name, this.type)"
        aria-labelledby="label-SOTH297228X4X26"
        />
 
        <label for="SOTH297228X4X26" class="answertext control-label label-radio"></label>
 
        <!--
             The label text is provided inside a div,
             so final user can add paragraph, div, or whatever he wants in the subquestion text
             This field is related to the input thanks to attribute aria-labelledby
        -->
        <div class="label-text label-clickable" id="label-SOTH297228X4X26">
                NOTE&amp;nbsp;
        </div>
    </div>
 
    <!-- comment -->
    <div class="pull-left ">
        <input
        type="text"
        class="form-control text  input-sm"
        id="answer297228X4X26othertext"
        name="297228X4X26other"
        title="Altro"  value=""        onkeyup="if($.trim($(this).val())!=''){ $('#SOTH297228X4X26').click(); };  checkconditions(this.value, this.name, this.type)"
        />
    </div>
</div>
<!-- end of answer_row_other -->