Quero alterar a cor de quando um tab está selecionado, ele é azul, quero mudar para preto, também quero mudar a cor das letras dentro do tab, quando não estão selecionadas, para cinza. Como devo proceder? vou deixar um link com o código que estou usando para verem: https://www.codeply.com/go/rv3Cvr0lZ4
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" />
<div class="container">
<div class="row">
<div class="col-md-6">
<h3>Pills left</h3>
<!-- tabs left -->
<div class="tabbable">
<ul class="nav nav-pills nav-stacked col-md-3">
<li><a href="#a" data-toggle="tab">One</a></li>
<li class="active"><a href="#b" data-toggle="tab">Two</a></li>
<li><a href="#c" data-toggle="tab">Twee</a></li>
</ul>
<div class="tab-content col-md-9">
<div class="tab-pane active" id="a">Lorem ipsum dolor sit amet, charetra varius rci quis tortor imperdiet venenatis quam sit amet vulputate. Quisque mauris augue, molestie tincidunt condimentum vitae, gravida a libero.</div>
<div class="tab-pane" id="b">Secondo sed ac orci quis tortor imperdiet venenatis. Duis elementum auctor accumsan. Aliquam in felis sit amet augue.</div>
<div class="tab-pane" id="c">Thirdamuno, ipsum dolor sit amet, consectetur adipiscing elit. Duis elementum auctor accumsan. Duis pharetra
varius quam sit amet vulputate. Quisque mauris augue, molestie tincidunt condimentum vitae. </div>
</div>
</div>
<!-- /tabs -->
</div>
<div class="col-md-6">
<h3>Pills right</h3>
<!-- tabs right -->
<div class="tabbable">
<ul class="nav nav-pills nav-stacked col-sm-3 col-sm-push-9">
<li class="active"><a href="#d" data-toggle="tab">One</a></li>
<li><a href="#e" data-toggle="tab">Two</a></li>
<li><a href="#f" data-toggle="tab">Twee</a></li>
</ul>
<div class="tab-content col-sm-9 col-sm-pull-3">
<div class="tab-pane active" id="d">Lorem ipsum dolor sit amet, rci quis tortor imperdiet venenatischaretra varius quam sit amet vulputate. Quisque mauris augue, molestie tincidunt condimentum vitae, gravida a libero.</div>
<div class="tab-pane" id="e">Secondo sed ac orci quis tortor imperdiet venenatis. Duis elementum auctor rci quis tortor imperdiet venenatis. Aliquam in felis sit amet augue.</div>
<div class="tab-pane" id="d">Thirdamuno, ipsum dolor sit amet, consectetur adipiscing elit. Duis pharetra varius quam sit amet vulputate. Quisque mauris augue, molestie tincidunt condimentum vitae. </div>
</div>
</div>
<!-- /tabs -->
</div>
</div>
<!-- /row -->
</div>
<hr>