@import "variables.less";
@import "../common/CheckBox.less";

.mblCheckBox:disabled{
  border-color: @ios7-base-color;
}
.mblCheckBoxSelected {
  background-image: none;
  border-color: @ios7-checkbox-selected-color;
  box-shadow: 0px 0px 1px 4px @ios7-checkbox-checked-color;
  background-color: @ios7-checkbox-checked-color;
}

.mblCheckBoxChecked,
.mblCheckBox:checked {
  background-image: none;
  &.mblCheckBoxSelected {
    background-image: none;
    border-color: @ios7-checkbox-selected-color;
    box-shadow: 0px 0px 3px 4px @ios7-checkbox-checked-color;
    background-color: @ios7-checkbox-checked-color;
  }
}

.mblCheckBox:checked::after{
  border-color: @ios7-checkbox-tick-color;
}

.mblCheckBox:disabled::after{
  border-color: @ios7-base-color;
}