/** Nav Tabs */
.nav {
padding-right: 0;
margin-bottom: 0;
list-style: none
}

.nav > li {
position: relative;
display: block
}

.nav > li > a {
position: relative;
display: block;
padding: 10px 15px
}

.nav > li > a:focus, .nav > li > a:hover {
text-decoration: none;
background-color: #eee
}

.nav > li.disabled > a {
color: #999
}

.nav > li.disabled > a:focus, .nav > li.disabled > a:hover {
color: #999;
text-decoration: none;
cursor: not-allowed;
background-color: transparent
}

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
background-color: #eee;
border-color: #428bca
}

.nav .nav-divider {
height: 1px;
margin: 9px 0;
overflow: hidden;
background-color: #e5e5e5
}

.nav > li > a > img {
max-width: none
}

.nav-tabs {
border-bottom: 1px solid #ddd
}

.nav-tabs > li {
float: right;
margin-bottom: -1px
}

.nav-tabs > li > a {
margin-left: 2px;
line-height: 1.42857143;
border: 1px solid transparent;
border-radius: 4px 0 0 4px
}

.nav-tabs > li > a:hover {
border-color: #eee #eee #ddd
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
color: #555;
cursor: default;
background-color: #fff;
border: 1px solid #ddd;
border-bottom-color: transparent
}

.nav-tabs.nav-justified {
width: 100%;
border-bottom: 0
}

.nav-tabs.nav-justified > li {
float: none
}

.nav-tabs.nav-justified > li > a {
margin-bottom: 5px;
text-align: center
}

.nav-tabs.nav-justified > .dropdown .dropdown-menu {
top: auto;
right: auto
}

@media (min-width: 768px) {
.nav-tabs.nav-justified > li {
display: table-cell;
width: 1%
}

.nav-tabs.nav-justified > li > a {
margin-bottom: 0
}
}

.nav-tabs.nav-justified > li > a {
margin-left: 0;
border-radius: 4px
}

.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover {
border: 1px solid #ddd
}

@media (min-width: 768px) {
.nav-tabs.nav-justified > li > a {
border-bottom: 1px solid #ddd;
border-radius: 4px 0 0 4px
}

.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover {
border-bottom-color: #fff
}
}

.nav-pills > li {
float: right
}

.nav-pills > li > a {
border-radius: 4px
}

.nav-pills > li + li {
margin-right: 2px
}

.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
color: #fff;
background-color: #428bca
}

.nav-stacked > li {
float: none
}

.nav-stacked > li + li {
margin-top: 2px;
margin-right: 0
}

.nav-justified {
width: 100%
}

.nav-justified > li {
float: none
}

.nav-justified > li > a {
margin-bottom: 5px;
text-align: center
}

.nav-justified > .dropdown .dropdown-menu {
top: auto;
right: auto
}

@media (min-width: 768px) {
.nav-justified > li {
display: table-cell;
width: 1%
}

.nav-justified > li > a {
margin-bottom: 0
}
}

.nav-tabs-justified {
border-bottom: 0
}

.nav-tabs-justified > li > a {
margin-left: 0;
border-radius: 4px
}

.nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:focus, .nav-tabs-justified > .active > a:hover {
border: 1px solid #ddd
}

@media (min-width: 768px) {
.nav-tabs-justified > li > a {
border-bottom: 1px solid #ddd;
border-radius: 4px 0 0 4px
}

.nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:focus, .nav-tabs-justified > .active > a:hover {
border-bottom-color: #fff
}
}

.tab-content > .tab-pane {
display: none
}

.tab-content > .active {
display: block
}

.nav-tabs .dropdown-menu {
margin-top: -1px;
border-top-right-radius: 0;
border-top-left-radius: 0
}




/***
Custom tabs
***/
/* In BS3.0.0 tabbable class was removed. We had to added it back */
.tabbable:before, .tabbable:after {
content: " ";
display: table;
}
.tabbable:after {
clear: both;
}

.tabbable-custom {
margin-bottom: 15px;
padding: 0px;
overflow: hidden;
/* justified tabs */
/* boxless tabs */
/* below justified tabs */
/* full width tabs */
/* below tabs */
}
.tabbable-custom > .nav-tabs {
border: none;
margin: 0px;
}
.tabbable-custom > .nav-tabs > li {
margin-left: 2px;
border-top: 2px solid transparent;
}
.tabbable-custom > .nav-tabs > li > a {
margin-left: 0;
}
.tabbable-custom > .nav-tabs > li > a:hover {
background: none;
border-color: transparent;
}
.tabbable-custom > .nav-tabs > li.active {
border-top: 3px solid #f3565d;
margin-top: 0;
position: relative;
}
.tabbable-custom > .nav-tabs > li.active > a {
border-top: none;
font-weight: 400;
}
.tabbable-custom > .nav-tabs > li.active > a:hover {
border-top: none;
background: #fff;
border-color: #d4d4d4 #d4d4d4 transparent;
}
.tabbable-custom > .tab-content {
background-color: #fff;
border: 1px solid #ddd;
padding: 10px;
}
.tabbable-custom.nav-justified > .tab-content {
margin-top: -1px;
}
.tabbable-custom.boxless > .tab-content {
padding: 15px 0;
border-right: none;
border-left: none;
border-bottom: none;
}
.tabbable-custom.tabs-below.nav-justified .tab-content {
margin-top: 0px;
margin-bottom: -2px;
}
.tabbable-custom.tabbable-full-width > .nav-tabs > li > a {
color: #424242;
font-size: 15px;
padding: 9px 15px;
}
.tabbable-custom.tabbable-full-width > .tab-content {
padding: 15px 0;
border-right: none;
border-left: none;
border-bottom: none;
}
.tabbable-custom.tabs-below .nav-tabs > li > a {
border-top: none;
border-bottom: 2px solid transparent;
margin-top: -1px;
}
.tabbable-custom.tabs-below .nav-tabs > li.active {
border-top: none;
border-bottom: 3px solid #d12610;
margin-bottom: 0;
position: relative;
}
.tabbable-custom.tabs-below .nav-tabs > li.active > a {
border-bottom: none;
}
.tabbable-custom.tabs-below .nav-tabs > li.active > a:hover {
background: #fff;
border-color: #d4d4d4 #d4d4d4 transparent;
}

.tabbable-custom.tabbable-noborder > .nav-tabs > li > a {
border: 0;
}
.tabbable-custom.tabbable-noborder .tab-content {
border: 0;
}

.tabbable-line > .nav-tabs {
border: none;
margin: 0px;
}
.tabbable-line > .nav-tabs > li {
margin-left: 2px;
}
.tabbable-line > .nav-tabs > li > a {
border: 0;
margin-left: 0;
color: #737373;
}
.tabbable-line > .nav-tabs > li > a > i {
color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover {
border-bottom: 4px solid #fbcdcf;
}
.tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a {
border: 0;
background: none !important;
color: #333333;
}
.tabbable-line > .nav-tabs > li.open > a > i, .tabbable-line > .nav-tabs > li:hover > a > i {
color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open .dropdown-menu, .tabbable-line > .nav-tabs > li:hover .dropdown-menu {
margin-top: 0px;
}
.tabbable-line > .nav-tabs > li.active {
border-bottom: 4px solid #f3565d;
position: relative;
}
.tabbable-line > .nav-tabs > li.active > a {
border: 0;
color: #333333;
}
.tabbable-line > .nav-tabs > li.active > a > i {
color: #404040;
}
.tabbable-line > .tab-content {
margin-top: -3px;
background-color: #fff;
border: 0;
border-top: 1px solid #eee;
padding: 15px 0;
}
.portlet .tabbable-line > .tab-content {
padding-bottom: 0;
}

.tabbable-line.tabs-below > .nav-tabs > li {
border-top: 4px solid transparent;
}
.tabbable-line.tabs-below > .nav-tabs > li > a {
margin-top: 0;
}
.tabbable-line.tabs-below > .nav-tabs > li:hover {
border-bottom: 0;
border-top: 4px solid #fbcdcf;
}
.tabbable-line.tabs-below > .nav-tabs > li.active {
margin-bottom: -2px;
border-bottom: 0;
border-top: 4px solid #f3565d;
}
.tabbable-line.tabs-below > .tab-content {
margin-top: -10px;
border-top: 0;
border-bottom: 1px solid #eee;
padding-bottom: 15px;
}