/* *****************************************************************************
*
*  Input radio
*
* ***************************************************************************** */

.form-icon-input-checkbox {
  @extend .form-icon-input-radio;

  &:before,
  &:after {
    border-radius: 0!important;
  }

  &:after {
    background: url('#{$path-images}/icons/svg-atoms/checkmark.svg') center no-repeat!important;
    transform: translate(100%,-50%) scale(0.5)!important;
  }

  &--checked {
    &:after {
      opacity: 1;
    }
  }
}