.counter-tooltip{
	background    : white;
	width         : 207px;
	padding       : 20px 25px;
	color         : #4d5d71;
	box-shadow    : 0 0 7px -2px black;
	border        : 1px solid gray;
	font-size     : 12px;
	line-height   : 16px;
	position      : relative;
}

.counter{
	display             : inline-block;
	position            : relative;
	width               : 66px;
	text-align          : center;
	-webkit-user-select : none; /* Chrome all / Safari all */
	-moz-user-select    : none; /* Firefox all */
	-ms-user-select     : none; /* IE 10+ */
	/* No support for these yet, use at own risk */
	-o-user-select      : none;
	user-select         : none;
}

.counter input{
	height         : 26px;
	width          : 26px;
	display        : inline-block;
	margin         : 0;
	outline        : none;
	border         : 1px solid black;
	padding        : 4px;
	text-align     : center;
	color          : black;
}

.counter .plus, .counter .minus{
	display       : block;
	cursor        : pointer;
	position      : absolute;
	color         : black;
	top: 0;
}

.counter .plus:hover, .counter .minus:hover{
	color: red;
}

.counter .plus{
	right : 0;
}
.counter .plus:before{
	content: '+';
}

.counter .minus{
	left : 0;
}

.counter .minus:before{
	content: '-'
}