    .#{$prefix}form-cb-wrap {
        height: $form-field-height;
        @if $include-ext-toolbar-toolbar and $form-toolbar-field-height != $form-field-height {
            .#{$prefix}toolbar-item & {
                height: $form-toolbar-field-height;
            }
        }
    }

    .#{$prefix}form-cb {
        margin-top: round(($form-field-height - $form-checkbox-size) / 2);
        @if $include-ext-toolbar-toolbar and $form-toolbar-field-height != $form-field-height {
            .#{$prefix}toolbar-item & {
                margin-top: round(($form-toolbar-field-height - $form-checkbox-size) / 2);
            }
        }
    }

    .#{$prefix}form-checkbox {
        width: $form-checkbox-size;
        height: $form-checkbox-size;
        background: theme-background-image($form-checkbox-image) no-repeat;
    }

    .#{$prefix}form-cb-checked .#{$prefix}form-checkbox {
        background-position: 0 (0 - $form-checkbox-size);
    }

    /* Focused */
    .#{$prefix}form-checkbox-focus {
        background-position: (0 - $form-checkbox-size) 0;
    }
    .#{$prefix}form-cb-checked {
        .#{$prefix}form-checkbox-focus {
            background-position: (0 - $form-checkbox-size) (0 - $form-checkbox-size);
        }
    }

    /* boxLabel */
    .#{$prefix}form-cb-label {
        margin-top: round(($form-field-height - $form-label-line-height) / 2);
        font: $form-label-font;
        .#{$prefix}toolbar-item & {
            @if $form-toolbar-label-font != $form-label-font {
                font: $form-toolbar-label-font;
            }
            @if ($form-field-height != $form-toolbar-field-height) or ($form-label-line-height != $form-toolbar-label-line-height) {
                margin-top: round(($form-toolbar-field-height - $form-toolbar-label-line-height) / 2);
            }
        }
    }

    .#{$prefix}form-cb-label-before {
        padding-right: $form-checkbox-label-spacing + $form-checkbox-size;
    }

    @if $include-rtl {
        .#{$prefix}rtl.#{$prefix}field .#{$prefix}form-cb-label-before {
            padding-right: 0;
            padding-left: $form-checkbox-label-spacing + $form-checkbox-size;
        }
    }

    .#{$prefix}form-cb-label-after {
        padding-left: $form-checkbox-label-spacing + $form-checkbox-size;
    }

    @if $include-rtl {
        .#{$prefix}rtl.#{$prefix}field .#{$prefix}form-cb-label-after {
            padding-left: 0;
            padding-right: $form-checkbox-label-spacing + $form-checkbox-size;
        }
    }

    // This is to work around lack of min-width support in older IE browsers. If it's determined
    // that there is no box label, the following class is applied to the wrapper around the inputEl.
    // See EXTJSIV-10302 and EXTJSIV-10977.
    .#{$prefix}form-cb-wrap-inner-no-box-label {
        .#{$prefix}form-cb {
            position: static;
        }

        @if $include-ie {
            .#{$prefix}quirks .#{$prefix}ie &,
            .#{$prefix}ie7m & {
                display: inline;
                width: $form-checkbox-size;
                zoom: 1;
            }
        }
    }