@charset "UTF-8";
@import "../../style/function";
//-----------------------------------------------------
// Checkbox
//-----------------------------------------------------

.im-checkbox {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  line-height: $formEleHeight;
  cursor: pointer;

  &-icon {
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    background: url("../../style/image/form-icon.png#unsprite") no-repeat;
    margin-right: 5px;
    margin-top: -2px;
    cursor: pointer;
    background-position: 0 -100px;
  }

  &:hover {
    .im-checkbox-icon {
      background-position: 0 -120px;
    }
  }

  &.checked {
    .im-checkbox-icon {
      background-position: 0 -140px;
    }

    &.disabled {
      .im-checkbox-icon {
        background-position: 0 -160px;
      }
    }
  }

  &.disabled {
    cursor: default;

    .im-checkbox-icon {
      background-position: 0 -180px;
      cursor: not-allowed;
    }

    .im-checkbox-label {
      color: map-get($colorDisabled, text);
    }
  }
}

.im-checkgroup {
  &-item--inline {
    display: inline-block;
    margin-right: 10px;
  }
}