.tabs {
    float: left;
    width: 100%;
}

.tabsNav {
    float: left;
    width: 100%;
    border-bottom: 1px solid @border_color;

    .title {
        margin: 0;
    }

    a {
        display: block;
        padding: 15px 0 15px 0;
        text-decoration: none;
        font-family: @primary_font;
        .rems(18);
        color: @text_color;
        position: relative;
        border-bottom: 1px solid @border_color;

        &:focus, &:hover {
            border-color: @highlight_color;
        }
    }

    &.active, .active {

        a {
            border-color: @dark_color;
            cursor: default;

            &:focus {
                border-color: @highlight_color;
            }
        }
    }

    li {
        display: inline-block;
        margin: 0 20px;

        &:first-child {
            margin-left: 0;
        }

        &:last-child {
            margin-right: 0;
        }

        a {
            border-color: transparent;
        }
    }

    .chosen-container {

        li {
            width: 100%;
        }
    }
}

.tabsContentWrap {
    .clearfix();
    float: left;
    width: 100%;

    .tabContent {
        float: left;
        width: 100%;

        .mtcTabsInitialised & {
            display: none;

            .tabTitle {
                display: none;
            }
        }
    }
}

.accordionWrap {
    .clearfix();

    .tabsNav {
        border-bottom: 0;

        &.active {

            a {
                cursor: pointer;

                &:after {
                    transform: rotate(180deg);
                }
            }
        }

        a {

            &:after {
                .fa(f107);
                position: absolute;
                top: 50%;
                right: 0;
                margin-top: -0.7em;
                transform: rotate(0deg);
                transition: transform .3s;
            }
        }
    }
}
