@import "../_colors";

.ui-chips-token,
.ui-autocomplete-token {
    background-color: #ccc !important;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    color: $primary-dark-text-color  !important;
    font-size: 12px !important;
    height: 20px;
    margin: 2px 8px 2px 2px;
    max-width: 200px;
    vertical-align: top !important;

    &:hover {
        background-color: #e5eaea !important;
        cursor: pointer;
    }

    .ui-chips-token-icon,
    .ui-autocomplete-token-icon {
        font-size: 14px !important;
        margin-left: 10px;
    }
}

.ui-chips-token {
    &-label {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

.ui-chips-input-token,
.ui-autocomplete-input-token {
    padding: 0 !important;

    input {
        font-size: 14px !important;
    }
}