применение CSS только к одному tabset

Question

Я использую Angular Ui и Angularjs 1,7

Это мой первый табсет, он должен быть вертикальным:

<style>
    .nav-tabs{float:left;position:absolute;}
    .contect-tabs{};
</style>

<div class="col-lg-3 ">
    <uib-tabset vertical="true"  type="tabs" >
        <uib-tab >
             <uib-tab-heading>
                <span class="glyphicon glyphicon-list-alt"></span> Test
            </uib-tab-heading>
                <div class="col-lg-2 "></div>
                <div class="col-lg-10 ">
                    TEXT<br>
                    TEXT<br>
                    TEXT<br>
                    TEXT<br>
                    TEXT<br>
                    TEXT<br>
                    TEXT<br>
                    TEXT<br>
                    TEXT<br>
                </div>
        </uib-tab>  
    </uib-tabset>   

Вот так это выглядит, и это нормально:

Моя проблема в том, что у меня есть другой набор вкладок внутри моего представления, который должен быть горизонтальным, и в настоящее время он исчезает из-за стиля, который я добавил.

Пожалуйста, помогите мне.