.pillbox {

	padding: 3px;

	ul {
		display: inline-block;
		margin: 0;
	}

	li {

		// Begin Bootstrap .label
		font-size: @baseFontSize * .846;
		font-weight: bold;
		line-height: 21px; // modified
		color: @white;
		vertical-align: baseline;
		//white-space: nowrap; //removed
		text-shadow: 0 -1px 0 rgba(0,0,0,.25);
		background-color: @grayLight;
		padding: 1px 4px 2px;
		.border-radius(3px);
		// End Bootstrap .label

		display: inline-block;
		margin: 2px;
		cursor: pointer;
		float:left;

		&:after {

			// Begin Bootstrap .close
			float: right;
			font-size: 20px;
			font-weight: bold;
			line-height: @baseLineHeight;
			color: @black;
			text-shadow: 0 1px 0 rgba(255,255,255,1);
			.opacity(20);
			// End Bootstrap .close

			padding-left: 4px;
			position: relative;
			top: -2px;
			content: " \00D7"
		}

		&:hover {
			&:after {
				.opacity(40);
			}
		}

		&.status {
			&-important {
				background-color: @errorText;
			}

			&-warning {
				background-color: @orange;
			}

			&-success {
				background-color: @successText;
			}

			&-info {
				background-color: @infoText;
			}
		}

	}

}