.nav-tabs
{
background-color: #e6e9ed;
border-bottom: none;
border-radius: 4px 4px 0 0;
moz-border-radius: 4px 4px 0 0;
webkit-border-radius: 4px 4px 0 0;
}
.nav-tabs>li
{
border-left: 1px solid #ccd1d9;
margin-bottom: 0;
}
.nav-tabs>li:first-child
{
border-left: none;
}
.nav-tabs>li>a
{
border: none;
border-radius: 0;
color: #434a54;
margin-right: 0;
moz-border-radius: 0;
webkit-border-radius: 0;
}
.nav-tabs>li:first-child>a
{
border-radius: 4px 0 0;
moz-border-radius: 4px 0 0;
webkit-border-radius: 4px 0 0;
}
.nav-tabs>li>a:focus,.nav-tabs>li>a:hover
{
background-color: #f5f7fa;
border: none;
}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover
{
background-color: #fff!important;
border: none;
}
.nav-tabs .dropdown-toggle,.nav-tabs .dropdown-toggle:focus,.nav-tabs .dropdown-toggle:hover
{
color: #434a54;
}
.nav-tabs li.dropdown.open .dropdown-toggle
{
background-color: #f5f7fa;
color: #434a54;
}
.nav-tabs li.dropdown.active.open .dropdown-toggle
{
color: #434a54;
}
.nav-tabs .dropdown-toggle .caret,.nav-tabs .dropdown-toggle:focus .caret,.nav-tabs .dropdown-toggle:hover .caret,.nav-tabs li.dropdown.active .dropdown-toggle .caret,.nav-tabs li.dropdown.active.open .dropdown-toggle .caret,.nav-tabs li.dropdown.open .caret,.nav-tabs li.dropdown.open a:focus .caret,.nav-tabs li.dropdown.open a:hover .caret,.nav-tabs li.dropdown.open.active .caret
{
border-bottom-color: #434a54;
border-top-color: #434a54;
}
.nav-tabs.nav-justified>li>a
{
margin-bottom: 0;
text-align: center;
}
.nav-tabs.nav-justified>.dropdown .dropdown-menu
{
left: auto;
top: auto;
}
.nav-tabs.nav-justified>li>a
{
border-radius: 0;
moz-border-radius: 0;
webkit-border-radius: 0;
}
.nav-tabs.nav-justified>li:first-child>a
{
border-radius: 4px 0 0;
moz-border-radius: 4px 0 0;
webkit-border-radius: 4px 0 0;
}
.nav-tabs.nav-justified>li:last-child>a
{
border-radius: 0 4px 0 0;
moz-border-radius: 0 4px 0 0;
webkit-border-radius: 0 4px 0 0;
}
.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover
{
border: none;
}
@media (min-width:768px)
{
.nav-tabs.nav-justified>li>a
{
border-bottom: none;
border-radius: 0;
moz-border-radius: 0;
webkit-border-radius: 0;
}
.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover
{
border-bottom: none;
}
}
.tab-content
{
padding: 10px;
}
.tabs-below .nav-tabs
{
border-radius: 0 0 4px 4px;
moz-border-radius: 0 0 4px 4px;
webkit-border-radius: 0 0 4px 4px;
}
.tabs-below .nav-tabs>li:first-child>a
{
border-radius: 0 0 0 4px;
moz-border-radius: 0 0 0 4px;
webkit-border-radius: 0 0 0 4px;
}
.tabs-below .nav-tabs.nav-justified>li:last-child>a
{
border-radius: 0 0 4px;
moz-border-radius: 0 0 4px;
webkit-border-radius: 0 0 4px;
}
.tabs-left .nav-tabs>li,.tabs-right .nav-tabs>li
{
border-left: none;
border-top: 1px solid #ccd1d9;
float: none;
}
.tabs-left .nav-tabs>li:first-child,.tabs-right .nav-tabs>li:first-child
{
border-top: none;
}
.tabs-left .nav-tabs>li>a,.tabs-right .nav-tabs>li>a
{
margin-right: 0;
min-width: 74px;
}
.tabs-left .nav-tabs
{
border-radius: 4px 0 0 4px;
float: left;
margin-right: 19px;
moz-border-radius: 4px 0 0 4px;
webkit-border-radius: 4px 0 0 4px;
}
.tabs-left .nav-tabs>li:first-child>a
{
border-radius: 4px 0 0;
moz-border-radius: 4px 0 0;
webkit-border-radius: 4px 0 0;
}
.tabs-left .nav-tabs>li:last-child>a
{
border-radius: 0 0 0 4px;
moz-border-radius: 0 0 0 4px;
webkit-border-radius: 0 0 0 4px;
}
.tabs-right .nav-tabs
{
border-radius: 0 4px 4px 0;
float: right;
margin-left: 19px;
moz-border-radius: 0 4px 4px 0;
webkit-border-radius: 0 4px 4px 0;
}
.tabs-right .nav-tabs>li:first-child>a
{
border-radius: 0 4px 0 0;
moz-border-radius: 0 4px 0 0;
webkit-border-radius: 0 4px 0 0;
}
.tabs-right .nav-tabs>li:last-child>a
{
border-radius: 0 0 4px;
moz-border-radius: 0 0 4px;
webkit-border-radius: 0 0 4px;
}
.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover
{
background-color: #3bafda;
color: #fff;
}
.nav-pills>li>a
{
color: #3bafda;
}
.nav-pills>li>a:hover
{
background-color: #e6e9ed;
color: #434a54;
}
.nav-pills>.active>a>.badge
{
color: #3bafda;
}
.nav-pills .open>a,.nav-pills .open>a:focus,.nav-pills .open>a:hover
{
background-color: #e6e9ed;
color: #434a54;
}