.painscale-holder {
	font-size: 10px;
}
.painscale-holder ul {
	display:flex;
	text-align:left;
	padding:0;
	max-width:525px;
	flex-wrap: wrap !important;
}


.painscale-holder ul li {
	list-style: none;
	padding:5px;
	flex-grow: 1 !important;
	border-radius:15px;
	border: 2px solid transparent;
}
.painscale-holder ul li.active {
	background-color: #e5e5e5;
	  color: #000;
	  box-shadow: 2px 2px 2px #7C7C7C;
	  border: 2px solid #000;
}
.painscale-holder div {
	display:block;
	text-align:center;
}

.painpic {
	width: 50px;
	height: 52px;
	background-image: url('../img/painscale.jpg');
	display: inline-block;
	background-size: 300px;
	border-radius: 50%;
}

.painpic-2 {
	background-position-x: -50px;
}
.painpic-4 {
	background-position-x: -100px;
}
.painpic-6 {
	background-position-x: -150px;
}
.painpic-8 {
	background-position-x: -200px;
}
.painpic-10 {
	background-position-x: -250px;
}

	
.painscale-holder-ui ul li.active {
/*	
  background-color: unset;
  color: #000;
  box-shadow: unset;
  border: 2px solid #000;
*/
  
}