.bg__classification-form {
    > form > .filter {
        padding: 0 0 5px;
        display: flex;
        justify-content: start;
        align-items: center;
        select {
            margin-left: 10px;
            padding: 3px 5px;
        }
        .spacer {
            flex-grow: 2;
        }
        .current-classifications-button {
            padding: 5px 10px;
            background-color: mix($clGrey, $clGreyTint, 50%);
            border-radius: 2px;
            height: 30px;
            min-width: 30px;
            cursor: pointer;
            background-image: $iconHistoryUrl;
            background-repeat: no-repeat;
            background-position: center;
            margin-left: 10px;

            &:hover {
                background-color: mix($clGrey, $clGreyTint, 80%);
            }
        }
    }

    .react-autosuggest__input {
        font-size: 13px;
    }

    .react-autosuggest__suggestion {
        font-size: 12px;
        padding: 2px 10px !important;
        border-bottom: 1px solid #eee;
        position: relative;

        > * .label {
            color: #fff;
            position: absolute;
            right: 5px;
            top: 2px;
            margin-bottom: 0;
            padding: 2px 5px 3px;
            font-size: 11px;
            margin-top: 2px;
            &.label-info {
                background-color: #5bc0de;
            }
            &.label-warning {
                background-color: #f0ad4e;
            }
            &.label-success {
                background-color: #5cb85c;
            }
            &.label-danger {
                background-color: #d9534f;
            }
        }
    }
}