/*!
 * @copyright © Kartik Visweswaran, Krajee.com, 2014
 * @version 1.1.0
 *
 * Bootstrap Tabs Extended - Extended Bootstrap Tabs with ability to tab-align tabs in 
 * multiple ways, add borders, rotated titles, and more.
 *
 * For more JQuery/Bootstrap plugins and demos visit http://plugins.krajee.com
 * For more Yii related demos visit http://demos.krajee.com
 */


.tab-align-center .nav-pills>li, .tab-align-center .nav-tabs>li, .tab-align-right .nav-pills>li, .tab-align-right .nav-tabs>li {
	float:none;
	display:inline-block;
*display:inline;
	zoom:1
}
.tab-align-center .nav-pills, .tab-align-center .nav-tabs {
	text-align:center
}
.tab-align-right .nav-pills, .tab-align-right .nav-tabs {
	text-align:right
}
.tab-align-right .nav-tabs li:last-child {
	margin-right:-2px
}
.tab-height-xs .tab-content {
	height:135px!important;
	overflow:auto
}
.tab-height-sm .tab-content {
	height:195px!important;
	overflow:auto
}
.tab-height-md .tab-content {
	height:280px!important;
	overflow:auto
}
.tab-height-lg .tab-content {
	height:400px!important;
	overflow:auto
}
.pill-content>.pill-pane, .tab-content>.tab-pane {
	display:none
}
.pill-content>.active, .tab-content>.active {
	display:block
}
.tabs-above>.nav-tabs>.active>a, .tabs-above>.nav-tabs>.active>a:focus, .tabs-above>.nav-tabs>.active>a:hover {
	border-color:#ddd #ddd #fff
}
.tabs-below>.nav-tabs, .tabs-left>.nav-tabs, .tabs-right>.nav-tabs {
	border-bottom:0
}
.tabs-below>.nav-tabs {
	border-top:1px solid #ddd
}
.tabs-below>.nav-tabs>li {
	margin-top:-1px;
	margin-bottom:0
}
.tabs-below>.nav-tabs>li>a {
	-webkit-border-radius:0 0 4px 4px;
	-moz-border-radius:0 0 4px 4px;
	border-radius:0 0 4px 4px
}
.tabs-below>.nav-tabs>li>a:focus, .tabs-below>.nav-tabs>li>a:hover {
	border-top-color:#ddd;
	border-bottom-color:transparent
}
.tabs-below>.nav-tabs>.active>a, .tabs-below>.nav-tabs>.active>a:focus, .tabs-below>.nav-tabs>.active>a:hover {
	border-color:transparent #ddd #ddd
}
.tabs-left>.nav-tabs>li, .tabs-right>.nav-tabs>li {
	float:none
}
.tabs-left>.nav-tabs>li>a, .tabs-right>.nav-tabs>li>a {
	margin-right:0;
	margin-bottom:3px
}
.tabs-left>.nav-tabs {
	float:left;
	margin-right:19px;
	border-right:1px solid #ddd
}
.tabs-left>.nav-tabs>li>a {
	margin-right:-1px;
	-webkit-border-radius:4px 0 0 4px;
	-moz-border-radius:4px 0 0 4px;
	border-radius:4px 0 0 4px;
	padding-bottom:12px;
}
.tabs-left>.nav-tabs>li>a:focus, .tabs-left>.nav-tabs>li>a:hover {
	border-color:#eee #ddd #eee #eee
}
.tabs-right>.nav-tabs {
	float:right;
	border-left:1px solid #ddd
}
.tabs-right>.nav-tabs>li>a {
	margin-left:-1px;
	-webkit-border-radius:0 4px 4px 0;
	-moz-border-radius:0 4px 4px 0;
	border-radius:0 4px 4px 0
}
.tabs-right>.nav-tabs>li>a:focus, .tabs-right>.nav-tabs>li>a:hover {
	border-color:#eee #eee #eee #ddd
}
.tabs-right>.nav-tabs .active>a, .tabs-right>.nav-tabs .active>a:focus, .tabs-right>.nav-tabs .active>a:hover {
	border-color:#ddd #ddd #ddd transparent;
*border-left-color:#fff
}
.tab-sideways .nav-tabs {
	margin-top:51px;
	border:none!important;
	position:relative
}
.tab-sideways .nav-tabs>li {
	height:20px;
	width:120px;
	margin-bottom:100px;
}
.tab-sideways .nav-tabs>li>a {
	border-bottom:1px solid #ddd;
	border-right-color:transparent;
	text-align:center;
	border-radius:4px 4px 0 0;
}
.tab-sideways .nav-tabs .dropdown-menu {
	margin-top:20px
}
.tabs-left.tab-sideways .nav-tabs {
	left:-50px;
	margin-right:-50px
}
.tabs-right.tab-sideways .nav-tabs {
	right:-50px;
	margin-left:-50px
}
.tabs-left.tab-sideways .nav-tabs>li.active>a, .tabs-left.tab-sideways .nav-tabs>li.active>a:focus, .tabs-left.tab-sideways .nav-tabs>li.active>a:hover, .tabs-right.tab-sideways .nav-tabs>li.active>a, .tabs-right.tab-sideways .nav-tabs>li.active>a:focus, .tabs-right.tab-sideways .nav-tabs>li.active>a:hover {
	border-radius:4px 4px 0 0;
	border-color:#ddd;
	border-bottom:none!important
}
.tabs-right.tab-sideways .nav-tabs>li {
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	-o-transform:rotate(90deg);
	transform:rotate(90deg)
}
.tabs-left.tab-sideways .nav-tabs>li {
	-webkit-transform:rotate(-90deg);
	-moz-transform:rotate(-90deg);
	-ms-transform:rotate(-90deg);
	-o-transform:rotate(-90deg);
	transform:rotate(-90deg)
}
.tab-sideways .nav-tabs>li>a {
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden
}
.tab-content {
	padding:10px;
	border-top: 0px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
}

/*@David 12.11.2014 tab.content does not overlap tabs anymore*/
.tab-content-noOverlap {
    padding-right: 40px; 
    height:0px;
}

.tabs-above.tab-bordered .tab-content {
	border:1px solid #ddd;
	border-top:none;
	border-radius:0 0 4px 4px
}
.tabs-below.tab-bordered .tab-content {
	border:1px solid #ddd;
	border-bottom:none;
	border-radius:4px 4px 0 0
}
.tabs-left .nav-tabs, .tabs-left .tab-content, .tabs-right .nav-tabs, .tabs-right .tab-content {
	height:100%
}
.tabs-left.tab-bordered .tab-content {
	border:1px solid #ddd;
	border-left:none;
	border-radius:0 4px 4px 0
}
.tabs-left.tab-bordered .tab-content .tab-pane, .tabs-right.tab-bordered .tab-content .tab-pane {
	margin-left:0
}
.tabs-right.tab-bordered .tab-content {
	border:1px solid #ddd;
	border-right:none;
	border-radius:4px 0 0 4px
}
.tabs-left.tab-sideways.tab-bordered .tab-content {
	margin-left:41px
}
.tabs-right.tab-sideways.tab-bordered .tab-content {
	margin-right:41px
}
.kv-tab-loading {
	background-image:url(../img/loading.gif);
	background-position:right 2px center;
	background-repeat:no-repeat;
	z-index:15000;
	cursor:wait;
	opacity:.6
}