title: Setting width of kendoui styled textbox with css
body: <p>I am aware that you can change the width of a text box doing this</p>
  
  <pre><code>@Html.TextBoxFor(m =&gt; m.LoginId, new { @class = "k-textbox", style="width:400px" })
  </code></pre>
  
  <p>But I would like a neater approach. </p>
  
  <p>I tried adding this into a new css file</p>
  
  <pre><code>.k-textbox .small {
      width: 50px !important;
  }
  .k-textbox .medium {
      width: 120px !important;
  }
  .k-textbox .large {
      width: 320px !important;
  }
  </code></pre>
  
  <p>And in my cshtml file</p>
  
  <pre><code>@Html.TextBoxFor(m =&gt; m.LoginId, new { @class = "k-textbox medium" })
  </code></pre>
  
  <p>But this doesn't work. The textbox's size still remains the same</p>
  
  <p>What am I missing?</p>