.eCheckbox {
  .form-check {
    &.eForm-check {
      padding-left: 0;
      .row {
        gap: 8px;
      }
    }
  }
  input.form-check-input {
    margin-top: 0.35em;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    border: 1px solid $eColor_Blackish_bg;
    &:checked {
      background-color: $eColor_Blue;
      border-color: $eColor_Blue;
    }
    &.eCheckboxPrimary {
      &:checked {
        background-color: $eColor_Blue;
        border-color: $eColor_Blue;
      }
    }
    &.eCheckboxSuccess {
      &:checked {
        background-color: $success;
        border-color: $success;
      }
    }
    &.eCheckboxInfo {
      &:checked {
        background-color: $info;
        border-color: $info;
      }
    }
    &.eCheckboxWarning {
      &:checked {
        background-color: $warning;
        border-color: $warning;
      }
    }
    &.eCheckboxDanger {
      &:checked {
        background-color: $dnager;
        border-color: $dnager;
      }
    }
    &.eCheckboxOutlinePrimary {
      &:checked {
        background-color: transparent;
        border-color: $eColor_Blue;
        background-image: url(../images/checkbox-check.svg);
      }
    }
    &.eCheckboxOutlineSuccess {
      &:checked {
        background-color: transparent;
        border-color: $success;
        background-image: url(../images/checkbox-check.svg);
      }
    }
    &.eCheckboxOutlineInfo {
      &:checked {
        background-color: transparent;
        border-color: $info;
        background-image: url(../images/checkbox-check.svg);
      }
    }
    &.eCheckboxOutlineWarning {
      &:checked {
        background-color: transparent;
        border-color: $warning;
        background-image: url(../images/checkbox-check.svg);
      }
    }
    &.eCheckboxOutlineDanger {
      &:checked {
        background-color: transparent;
        border-color: $dnager;
        background-image: url(../images/checkbox-check.svg);
      }
    }
  }
  label {
    font-size: 12px;
    font-weight: $fw_Medium;
    color: $eColor_Blueish;
  }
}
