@color-grey-light: #CCCCCC;

.tags {
	border: none;
	border-bottom: 1px solid @color-grey-light;
	display: inline-block;
	width: 100%;
	input {
		border: 0px !important;
		color: black;
		display: inline-block;
		padding: 0px;
		&:focus {
			box-shadow: 0px;
			outline: 0;
		}
	}
	.tag-pill {
		display: inline-block;
		font-size: small;
		line-height: 12px;
		margin-right: 4px;
		padding: 4px;
		.delete-tag {
			cursor: pointer;
			display: inline-block;
			font-size: 12px;
			padding: 0px 2px;
			&:hover {
				background-color: #96b4d2;
			}
		}
	}
}

.tags-autocomplete {
	.autocomplete {
		display: inline-block;
		width: 130px;
		.inputtext {
			font-size: 0.9em;
		}
	}
}

@media screen and (max-width: 550px) {
	.tags-autocomplete {
		.autocomplete {
			.inputtext {
				font-size: 0.8em;
			}
		}
	}
}