    .#{$prefix}tab {
        outline: none;
        display: block;
        white-space: nowrap;
        z-index: 1;
    }

    .#{$prefix}tab-active {
        z-index: 3;
    }

    .#{$prefix}tab-wrap {
        display: block;
        position: relative;
    }

    .#{$prefix}tab-button {
        zoom: 1;
        display: block;
    }

    .#{$prefix}tab-inner {
        display: block;
        text-align: center;
        white-space: nowrap;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        overflow: hidden;
        zoom: 1; // required to make opacity work on IE quirks
    }

    .#{$prefix}btn-icon-el {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        position: absolute;
        background-repeat: no-repeat;
        text-align: center;
    }

    .#{$prefix}tab-bar {
        z-index: 1;
    }

    .#{$prefix}tab-bar-body {
        z-index: 2;
        position: relative;
    }

    .#{$prefix}tab-bar-strip {
        position: absolute;
        line-height: 0;
        font-size: 0;
        z-index: 1;
    }

    .#{$prefix}tab-bar-horizontal .#{$prefix}tab-bar-strip {
        width: 100%;
        left: 0;
    }

    .#{$prefix}tab-bar-vertical .#{$prefix}tab-bar-strip {
        height: 100%;
        top: 0;
    }

    .#{$prefix}tab-bar-strip-top {
        bottom: 0;
    }

    .#{$prefix}tab-bar-strip-bottom {
        top: 0;
    }

    .#{$prefix}tab-bar-strip-left {
        right: 0;
    }

    @if $include-rtl {
        .#{$prefix}rtl.#{$prefix}tab-bar .#{$prefix}tab-bar-strip-left {
            right: auto;
            left: 0;
        }
    }

    .#{$prefix}tab-bar-strip-right {
        left: 0;
    }

    @if $include-rtl {
        .#{$prefix}rtl.#{$prefix}tab-bar .#{$prefix}tab-bar-strip-right {
            left: auto;
            right: 0;
        }
    }

    .#{$prefix}tab-bar-plain {
        background: transparent !important;
    }

    .#{$prefix}tab-icon-el {
        position: absolute;
        background-repeat: no-repeat;
        top: 0;
        left: 0;
        right: auto;
        bottom: 0;
    }

    @if $include-rtl {
        .#{$prefix}rtl.#{$prefix}tab-icon-el {
            left: auto;
            right: 0;
        }
    }

    .#{$prefix}tab-close-btn {
        display: block;
        position: absolute;
        font-size: 0;
        line-height: 0;
        background: no-repeat;
    }

    .#{$prefix}tab-mc {
        // If the close icon's top/right is smaller that the size of the frame, then it ends
        // up getting negatively positioned so that it overlaps the outer framing elements.
        // Overflow is set to visible so that if this happens, the close icon will not get
        // clipped.
        overflow: visible;
    }