.FilterArea {
    display: flex;
    justify-content: space-between;

    &-dropdownContainer {
        display: flex;
        justify-content: space-between;
    }

    &-separator {
        width: 10px;
    }

    .DropdownTypeAhead-title {
        display: inline-block;
        float: left;
        margin-right: 3px;
        max-width: 65px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    @media (min-width: 1200px) {
        .DropdownTypeAhead-title {
            max-width: 160px;
        }
    }

    /* These are not our own classes but from react-bootstrap created elements: */
    /* stylelint-disable selector-class-pattern */
    .dropdown-toggle {
        height: 42px;
    }
}