label {
  display: inline-block;
}

.regular-checkbox {
  display: none;
}

.regular-checkbox + label {
  vertical-align: middle;
  background-color: #fafafa;
  border: 1px solid #cacece;
  box-shadow:
    0 1px 2px rgba(0, 0, 0, 0.05),
    inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 9px;
  display: inline-block;
  position: relative;
}

.regular-checkbox + label:active,
.regular-checkbox:checked + label:active {
  box-shadow:
    0 1px 2px rgba(0, 0, 0, 0.05),
    inset 0px 1px 3px rgba(0, 0, 0, 0.1);
}

.regular-checkbox:checked + label {
  vertical-align: middle;
  background-color: #e9ecee;
  border: 1px solid #adb8c0;
  box-shadow:
    0 1px 2px rgba(0, 0, 0, 0.05),
    inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05),
    inset 15px 10px -12px rgba(255, 255, 255, 0.1);
  color: #ffffff;
}

.regular-checkbox:checked + label:after {
  content: "\2714";
  font-size: 14px;
  position: absolute;
  top: 0px;
  left: 3px;
  color: green;
}

.big-checkbox + label {
  padding: 12px;
}

.big-checkbox:checked + label:after {
  font-size: 20px;
  left: 6px;
  top: 0px;
}

.radio-inline,
.checkbox-inline {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle;
  cursor: pointer;
}