 
.chkDiv {
	height:38px;
	padding:8px;
	color: #6e6e6e;
    text-decoration: none;
    text-shadow: 0 1px 0 #fff;
    -webkit-transition: border-color .218s;
    -moz-transition: border .218s;
    -o-transition: border-color .218s;
    transition: border-color .218s;
    background: #f3f3f3;
    background: -webkit-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
    background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
    border: solid 1px #a6a6a6;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

.control {
	display: block;
	position: relative;
	padding-left: 1px;
	/* margin-bottom: 15px; */
	cursor: pointer;
	font-size: 18px;
	/* vertical-align:center; */
 
}
.control input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.control__indicator {
  position: absolute;
  top: 0px;
  right: 0;
  height: 22px;
  width: 22px;
  background: #e6e6e6;
  border-radius: 3px;
}
 
.control:hover input ~ .control__indicator,
.control input:focus ~ .control__indicator {
  background: #ccc;
}
.control input:checked ~ .control__indicator {
  background:  #009900; /* #2aa1c0; */
}
.control:hover input:not([disabled]):checked ~ .control__indicator,
.control input:checked:focus ~ .control__indicator {
  background: #0e647d;  
}
.control input:disabled ~ .control__indicator {
  background: #e6e6e6;
  opacity: 0.6;
  pointer-events: none;
}
.control__indicator:after {
  content: '';
  position: absolute;
  display: none;
}
.control input:checked ~ .control__indicator:after {
  display: block;
}
.control--checkbox .control__indicator:after {
  left: 9px;
  top: 3px;
  width: 4px;
  height: 10px;
  border: solid #fff;
  border-width: 0 2px 3px 0;
  transform: rotate(45deg);
  
}
.control--checkbox input:disabled ~ .control__indicator:after {
  border-color: #7b7b7b;
}
 
