title: Kendo CSS icon location
body: <p>I have changed the font size on my Kendo grid to 11 and by doing so, the calendar icon on a datepicker textbox gets cut off at the bottom. I was able to move the icon up using margin-top when you hover over it with the following code, however I am not able to figure out how to get it moved up in just its normal state.</p>
  
  <pre><code>    .k-link:not(.k-state-disabled):hover&gt;.k-i-calendar,.k-state-hover .k-i-calendar,.k-button:hover .k-i-calendar,.k-textbox:hover .k-i-calendar,.k-button:active .k-i-calendar{
  background-position:-48px -176px; margin-top: -6px;
  }
  </code></pre>
  
  <p>See example: <a href="http://jsbin.com/ufimom/592/edit" rel="nofollow">http://jsbin.com/ufimom/592/edit</a></p>