.numberselector {
	 display: block;
	 margin-top: 10px;
	 display: table;
	 width: 100%;
}
 .numberselector .numbersrow {
	 display: table-row;
}
 .numberselector span {
	 border: 1px solid #d8d8d8;
	 color: white;
	 font-size: 20px;
	 padding: 1px 16px;
	 margin-left: -1px;
	 background: white;
	 color: #3c3c3c;
	 line-height: 1.8;
	 cursor: pointer;
	 display: table-cell;
	 text-align: center;
}
 .numberselector span.selected {
	 color: #fff;
	 z-index: 1;
	 position: relative;
}
 .numberselector span.selected:before {
	 position: absolute;
	 z-index: -1;
	 background: #2b53a7;
	 left: -2px;
	 top: -2px;
	 right: -2px;
	 bottom: -2px;
	 content: ' ';
}
 .numberselector span.selected:after {
	 position: absolute;
	 left: calc(50% - 7px);
	 bottom: -10px;
	 content: ' ';
	 width: 0;
	 height: 0;
	 border-left: 7px solid transparent;
	 border-right: 7px solid transparent;
	 border-bottom: 7px solid #2b53a7;
}
 .numberselector span.oldselection {
	 background: #717171;
	 color: #fff;
}
 @media (max-width: 900px) {
	 .numberselector span {
		 font-size: 13px;
		 padding: 1px 12px;
	}
}