
.checkbox {
  display: inline-block;
  background-color: #0098da;
  border: 1px solid white;
  padding: 2px !important;
  float: left;
  margin: 0px;
  margin-right: 8px;
  cursor: pointer;
  height: 20px;
  width: 20px;
  min-width: 20px !important;
  font-size: 11px;
  font: normal normal normal 14px/1 FontAwesome;
  color: #fff;
  text-rendering: auto;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-font-smoothing: antialiased;
  moz-osx-font-smoothing: grayscale;
  text-decoration: none !important;
  line-height: normal !important;
  overflow: hidden;
}


.checkbox.inverted {
  background-color: #fff;
  border: 1px solid #0098da;
}


.checkbox:checked,
.checkbox.forced-checked {
  background-image: url('checkmark-white.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 16px;
  fill: white;
}


.checkbox.inverted:checked,
.checkbox.inverted.forced-checked {
  background-image: url('checkmark-blue.png');
  color: rgb(0, 152, 218);
}


.checkbox.forced-checked {
  background-image: url('checkmark-white-.5-opacity.png');
}

.checkbox.forced-checked:checked {
  background-image: url('checkmark-white.png');
}

.checkbox.inverted.forced-checked {
  background-image: url('checkmark-blue-.5-opacity.png');
}

.checkbox.inverted.forced-checked:checked {
  background-image: url('checkmark-blue.png');
}

/*
.checkbox.forced-checked:before {
  opacity: 0.35;
}

.checkbox.forced-checked:checked:before {
  opacity: 1;
}
*/


.checkbox.checkbox-sm {
  height: 16px;
  min-width: 16px !important;
  width: 16px;
  background-size: 12px;
}

.checkbox.checkbox-xs {
  height: 12px;
  min-width: 12px !important;
  width: 12px;
  line-height: 7px !important;
  background-size: 8px;
}

.checkbox.checkbox-lg {
  height: 24px;
  min-width: 24px !important;
  width: 24px;
  background-size: 18px;
}



.checkbox.checked-partly {
  background-image: url('rounded-square-white.png');
}
.checkbox.checked-partly.inverted {
  background-image: url('rounded-square-blue.png');
}
.checkbox.unchecked:checked {
  background-image: url('checkmark-unchecked-white.png');
}
.checkbox.unchecked.inverted:checked {
  background-image: url('checkmark-unchecked-blue.png');
}



.checkbox.checkbox-square {
  background-image: url('checkmark-square-white.png');
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  background-size: 16px;
  border-width: 0;
}

.checkbox.checkbox-square:checked {
  background-image: url("checkmark-square-checked-white.png");
}

