/*!
 * bootstrap-vertical-tabs - v1.2.1
 * https://dbtek.github.io/bootstrap-vertical-tabs
 * 2014-11-07
 * Copyright (c) 2014 İsmail Demirbilek
 * License: MIT
 */
.tabs-left, .tabs-right {
	border-bottom: none;
	padding-top: 2px;
}

.tabs-left {
	/*border-right: 1px solid #ddd;*/
}

.tabs-right {
	border-left: 1px solid #ddd;
}

	.tabs-left > li, .tabs-right > li {
		float: none;
		margin-bottom: 2px;
	}

		.tabs-left > li.active:before, .tabs-right > li.active:before {
			border-bottom: 10px solid transparent;
			border-right: 12px solid #fff;
			border-top: 10px solid transparent;
			content: "";
			left: -8px;
			position: absolute;
			top: 35px;
			z-index: 1;
		}

		.tabs-left > li.active:after, .tabs-right > li.active:after {
			border-bottom: 10px solid transparent;
			border-right: 12px solid #ddd;
			border-top: 10px solid transparent;
			content: "";
			left: -10px;
			position: absolute;
			top: 35px;
		}

.tabs-left > li {
	/*margin-right: -1px;*/
}

.tabs-right > li {
	/*margin-left: -1px;*/
}

.tabs-left > li.active > a,
.tabs-left > li.active > a:hover,
.tabs-left > li.active > a:focus {
	border-bottom-color: #ddd;
	/*border-right-color: transparent;*/
	outline: none;
}

.tabs-right > li.active > a,
.tabs-right > li.active > a:hover,
.tabs-right > li.active > a:focus {
	border-bottom: 1px solid #ddd;
	border-left-color: transparent;
}

.tabs-left > li > a {
	border-radius: 4px 0 0 4px;
	margin-right: 0;
	display: block;
}

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

.sideways {
	margin-top: 50px;
	border: none;
	position: relative;
}

	.sideways > li {
		height: 20px;
		width: 120px;
		margin-bottom: 100px;
	}

		.sideways > li > a {
			border-bottom: 1px solid #ddd;
			border-right-color: transparent;
			text-align: center;
			border-radius: 4px 4px 0px 0px;
		}

		.sideways > li.active > a,
		.sideways > li.active > a:hover,
		.sideways > li.active > a:focus {
			border-bottom-color: transparent;
			border-right-color: #ddd;
			border-left-color: #ddd;
		}

	.sideways.tabs-left {
		left: -50px;
	}

	.sideways.tabs-right {
		right: -50px;
	}

		.sideways.tabs-right > li {
			-webkit-transform: rotate(90deg);
			-moz-transform: rotate(90deg);
			-ms-transform: rotate(90deg);
			-o-transform: rotate(90deg);
			transform: rotate(90deg);
		}

	.sideways.tabs-left > li {
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		-o-transform: rotate(-90deg);
		transform: rotate(-90deg);
	}