@media print {
    .sm-filter {
        display: none !important;
    }
}
@media not print {
    .sm-filter {
        display: flex;
    }
}
.sm-filter {
    flex-wrap: wrap;
    align-items: center;
    white-space: nowrap;
}
.sm-filter .filter-contener {
    display: flex;
    align-items: center;
    white-space: nowrap;
}
.sm-filter .filter-contener input[type=text] {
    flex-grow: 1;
}
.sm-filter .margin-right {
    margin-right: 1em;
}
.sm-filter .margin-right-small {
    margin-right: 0.5em;
}
.sm-filter .grow {
    flex-grow: 1;
}