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