.textfield-autocomplete {


	& > .chip-cont{
		position: relative;
		display: inline-block;
		min-width: 4px;
		min-height: 28px;
		width: 100%;
		//top: -16px;
		left: 0px;
		margin: 0px;
		//border: 0.4px solid red;            //←←←←←←←←←←←←←←←←←←←←
		
		& > .chip{ 

			position: relative;
			display: inline;
			float: left;
			min-width: 48px;
			height: 28px;
			margin-top: 2px;
			

			border-radius: 16px;
			background: lighten($c-p, 45%);
			float: left;
			margin-left: 4px;
			padding-left: 4px;
			//padding-right: 4px;
			cursor:pointer;


			//border: 0.4px solid blue;            //←←←←←←←←←←←←←←←←←←←←

			&  > label{
				position: relative;
				display: inline-block;
				float: left;

				left: 4px;
				top: 5px;
				width: calc(100% - 28px);
				min-width: 32px;
				max-width: 150px;
				text-align: left;
				padding-right: 8px;


				@include textOverflow;
				@include selectNo();
				@include font(body2, $c-b);

				//border: 0.4px solid red;            //←←←←←←←←←←←←←←←←←←←←


			}

			& > span{
				position: relative;
				display: inline-block;
				float: right;
				width: 24px;
				height: 24px;
				margin-top: 0.5px;
				right: 0px;
				margin-left: 4px;
				opacity: 0.36;
				
			//border: 0.3px solid red;               //←←←←←←←←←←←←←←←←←←←←

				background:  url(svg/cancel.svg) no-repeat;
				&:hover { opacity: 0.54; }
				&:active{ opacity: 0.87;}
				

			}/*remove*/
				
		}/*time-task*/

	}



	
}