input[type='checkbox'].cn-checkbox {
    display: none;
    
    & + label.cn-checkbox {
        display: block;
        @extend %clearfix;
        
        span {
            pointer-events:none;
            z-index:0;
        }

        .cn-icon-checkbox {
           // @extend %icon-checkbox;
        }

        .cn-icon-checkbox {
            width:19px;
            height:19px;
            font-size:21px;
            border: #{$border-style-gray-light-thin};

            &:before {
                margin-left: -9px;
                margin-top: -10px;
            }
        }

    }
    
    &:checked + label.cn-checkbox {
        .cn-icon-checkbox {
            //@extend .icon-check;
        }
    }
}

.cn-label-input-right {
    margin-left: $margin-horz;
}