.filter-container
{
position: relative;
/*
font-size: 16px;
*/
padding: 0;
height: 29px;
width: 100%;
}

.filter-container > input[type="text"],
.filter-container > input[type="number"]
{
background-color: #ffffff;
position: absolute;
padding: 5px 8px;
padding-right: 32px;
height: 29px;
width: 100%;
}

.filter-container > button:first-child,
.filter-container > input[type="text"] + button,
.filter-container > input[type="number"] + button
{
outline: 0;
position: absolute;
padding: 0;
text-align: center;
top: 0px;
left: auto;
right: 0px;
height: 29px;
width: 29px;
}

.filter-container > button:first-child
{
display: block;
width: 100%;
}

.filter-container > input[type="text"][value=""],
.filter-container > input[type="number"][value=""]
{
padding-right: 8px;
}

.filter-container > input[type="text"][value=""] + button,
.filter-container > input[type="number"][value=""] + button
{
display: none;
}