title: How to change width of text-box using kendo-ui?
body: <p>I want two adjacent text boxes with different widths, using kendo-ui.</p>
  
  <p>My HTML:</p>
  
  <pre><code>&lt;tr&gt;
      &lt;td&gt;&lt;input type="checkbox"&gt;1D22339&lt;/td&gt;
      &lt;td&gt;12243JNJ3427676&lt;/td&gt;
      &lt;td&gt;&lt;input type="text" class="k-input k-textbox.medium"&gt;&lt;input type="text" class="k-input k-textbox.small"&gt;&lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>
  
  <p>My CSS:</p>
  
  <pre><code>.k-textbox.small{
      width: 20px;
  }
  .k-textbox.medium{
      width: 50px;
  }
  </code></pre>
  
  <p>The problem is, both textboxes appear with the same (default) size. How may I correctly style the text-box?</p>