iCheck library inputs size
<p>Probably this question was asked here before as well. Unfortunately, I did not find the best answer. What would the way to change the size on inputs on this iCheck library because it is too big for my web-site.</p>

<p><strong>Css:</strong></p>

<pre><code>.icheckbox_flat-blue,
.iradio_flat-blue {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 20px;
    height: 20px;
    background: url(blue.png) no-repeat;
    border: none;
    cursor: pointer;
}
</code></pre>

<p><strong>HTML:</strong></p>

<pre><code>&lt;div class="sep_checkbox sep_primary"&gt;
&lt;label&gt;&lt;input type="checkbox" value=""&gt;Google hybrid&lt;/label&gt;
&lt;/div&gt;
&lt;div class="sep_checkbox sep_primary"&gt;
&lt;label&gt;&lt;input type="checkbox" value=""&gt;Google terrain&lt;/label&gt;
&lt;/div&gt;
</code></pre>

<p>If I change width or height it does not show the background properly. Show only the part of it. Any suggestions? Thank you for help.</p>

<p>JSFIDDLE: <a href="https://jsfiddle.net/qhw3s7zz/" rel="nofollow">https://jsfiddle.net/qhw3s7zz/</a></p>