.#{$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;
        }
    }
}

