Hi, i'm beginner at Bootstrap, and probably my prob has a very simple solution, but i'm going around it for some time and i can see it

All my input elements have a default padding that i can't figure out how to remove. i'm using a panel as a part of a bigger page with some inputs inside:
<form action="#" class="row">
<div class="row">
<div class="col-md-3 ">
<div class="panel panel-info">
<div class="panel-heading">
<h3 class="panel-title">Betting House</h3>
</div>
<div class="panel-body">
<div class="row ">
<label class="col-xs-7 text-info">Bet value(€):</label>
<input class="col-xs-4" type="number" name="betValue" min="0" size="5">
</div>
<div class="row ">
<label class="col-xs-7 text-info">Odd:</label>
<input class="col-xs-4" type="number" name="houseOdd" min="2" size="5">
</div>
<div class="row stub">
<label class="col-xs-7 text-info">.</label>
</div>
<div class="row ">
<label class="col-xs-7 text-info">Freebet:</label>
<input class="col-xs-4" type="checkbox" name="freebet">
</div>
</div>
</div>
</div>
...

Has a beginner i'm trying to has as less CSS as possible, to learn how the default works, to the only change made has with the intent of overriding the default padding:

input{
padding: 0px;
}

but even still i'm getting a very annoying padding that is ruining my design:

padding error.jpg

padding error.jpg

How can i remove it?