.#{$prefix}form-cb-wrap {
    vertical-align: top;
}

.#{$prefix}form-cb-wrap-inner {
    position: relative;
    zoom: 1;
}

.#{$prefix}form-cb {
    position: absolute;
    left: 0;
    right: auto;
    vertical-align: top;
    overflow: hidden;
    padding: 0;
    border: 0;
    &::-moz-focus-inner {
        padding: 0;
        border: 0;
    }
}

@if $include-rtl {
    .#{$prefix}rtl.#{$prefix}form-cb {
        right: 0;
        left: auto;
        
        // Fixes a weird bug in IE where the box itself is pushed over to the right
        @if $include-ie {
            .#{$prefix}quirks .#{$prefix}ie &,
            .#{$prefix}ie6 & {
                right: auto;
            }
        }
        
    }
}

/* allow for the component to be positioned after the label */
.#{$prefix}form-cb-after {
    left: auto;
    right: 0;
}

@if $include-rtl {
    .#{$prefix}rtl.#{$prefix}form-cb-after {
        left: 0;
        right: auto;
    }
}

/* some browsers like IE 10 need a block element to be able to measure
the height of a multi-line element */
.#{$prefix}form-cb-label {
    display: inline-block;
    zoom: 1;
}