.chips-list {
	padding: 0;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.chips-list >
.chip-item {
	background-color: #ddd;
	list-style: none;
	display: flex;
	margin: 0 10px 10px 0;
	border-radius: 15px;
	height: 24px;
	flex: 0 0 auto;
	max-width: 100%;
	transition: box-shadow 200ms, background-color 200ms;
}

.chips-list >
.chip-item.chip-item-warning input {
	color: #f44336;
}

.chips-list >
.chip-item:hover{
	box-shadow: 0px 2px 5px rgba(0,0,0,.1);
	background-color: #d5d5d5;
}

.chips-list >
.chip-item >
.chip-color {
	width: 16px;
	height: 16px;
	margin: 4px;
	border-radius: 10px;
	border-bottom: none;
}

.chips-list >
.chip-item >
.chip-label {
	line=height:;
	line-height: 24px;
}

.chips-list >
.chip-item >
.chip-label.label-editor {
	max-width: 100px;
}

.chips-list >
.chip-item >
.chip-remove > i {
	padding: 0 3px;
	font-size: 20px;
	line-height: 24px;
}

.chips-list >
.chip-item  i {
	cursor: pointer;
}

.chips-list input.input-end {
	max-width: 100%;
	margin-top: 2px;
}

.chips-list .editor {
	max-width: 30px;
}