dss.web/client/app/directives/checkbox/checkbox.less

.clearfix:before, .clearfix:after {
  content: "";
  display: table
}

.clearfix:after {
  clear: both
}

.clearfix {
  *zoom: 1
}

.prettycheckbox, .prettyradio {
  display: block;
  padding: 0;
  margin: 0
}

.prettycheckbox > a, .prettyradio > a {
  height: 30px;
  width: 30px;
  display: block;
  float: left;
  cursor: pointer;
  margin: 0;
  background: url('../../../assets/images/check-sprites.png')
}

.prettycheckbox > a:focus, .prettyradio > a:focus {
  outline: 0 none
}

.prettycheckbox label, .prettyradio label {
  display: block;
  float: left;
  margin: 6px 5px;
  cursor: pointer
}

.prettycheckbox a.disabled, .prettycheckbox label.disabled, .prettyradio a.disabled, .prettyradio label.disabled {
  cursor: not-allowed
}

.prettycheckbox > a {
  background-position: 0 0
}

.prettycheckbox > a:focus {
  background-position: -30px 0
}

.prettycheckbox > a.checked {
  background-position: -60px 0
}

.prettycheckbox > a.checked:focus {
  background-position: -90px 0
}

.prettycheckbox > a.checked.disabled {
  background-position: -150px 0
}

.prettycheckbox > a.disabled {
  background-position: -120px 0
}

.prettyradio > a {
  background-position: -180px 0
}

.prettyradio > a:focus {
  background-position: -210px 0
}

.prettyradio > a.checked {
  background-position: -240px 0
}

.prettyradio > a.checked:focus {
  background-position: -270px 0
}

.prettyradio > a.checked.disabled {
  background-position: -330px 0
}

.prettyradio > a.disabled {
  background-position: -300px 0
}