.container {
	font-size:11px;
	position:relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin:0px 10px 0px 20px;
}

.container input {
/*  position: absolute; */
  z-index: -1;
  opacity: 0;
}

.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 17px;
  width: 17px;
  border:1px solid #5c94b5;
	border-radius:50%; 
}
.checkmark_v1 {  border:1px solid #c9c9c9; }
.checkmark_v2 {  border:1px solid #fe1b46; }
.checkmark_v3 {  border:1px solid #24ac2e; }

.container:hover input ~ .checkmark {
	
}

.container input:checked ~ .checkmark {

}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.container input:checked ~ .checkmark:after {
  display: block;
}

.container .checkmark:after {
  left: 4px;
  top: 0px;
  content:'●';
  color:#5c94b5;
}
.container .checkmark_v1:after { color:#c9c9c9; }
.container .checkmark_v2:after { color:#fe1b46; }
.container .checkmark_v3:after { color:#24ac2e; }