@tabs-background-color: #F1F2F2;
@tabs-border-color: #F1F2F2;
@tabs-border: 1px solid @tabs-border-color;

.fusion-tabs {
	margin-bottom: 50px;

	.nav {
		display: none;

		a {
			text-decoration: none;
			box-shadow: none !important;
		}
	}

	.fusion-mobile-tab-nav {
		display: block;
	}

	&.clean {
		.tab-pane {
			margin: 20px 0;
		}
	}

	.nav-tabs {
		display: block;
		list-style: none outside none;
		margin: 0;
		padding: 0;
		border: @tabs-border;
		border-bottom: none;
		background-color: #fff;

		&:after,
		&:before {
			content: " ";
			display: table;
		}

		&:after {
			clear: both;
		}

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

		li {
			display: block;
			position: relative;
			float: none;
			text-align: center;
			margin: 0;

			.fusion-tab-heading {
				margin: 0;
				font-weight: 300;
				font-size: 1em;
			}

			.tab-link {
				display: block;
				position: relative;
				margin: 0;
				padding: 11px 0;
				outline: 0;
				line-height: normal;
				border: none;
				border-top: 3px solid @tabs-background-color;
				background-color: @tabs-background-color;
				color: #747474;
				cursor: pointer;
				transition: all 0.2s;

				&:focus,
				&:hover {
					border-top-color: #fff;
					background-color: #fff;
				}

				.fa {
					float: none;
					color: inherit;
				}
			}
		}

		> .active {
			> .tab-link {
				border: none;
				border-top: 3px solid @primary-color;
				background-color: #fff;
				cursor: pointer;

				&:focus,
				&:hover {
					border-top: 3px solid @primary-color;
				}
			}
		}
	}

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

	.tab-pane {
		display: none;
		padding: 15px;
		max-width: 100%;
		border: @tabs-border;
		border-top: none;
	}

	&.nav-not-justified {
		.nav-tabs {
			.tab-link {
				padding: 11px 15px;
			}
		}
	}

	&.clean {
		.nav-tabs {
			background: none;
			border: none;

			li {
				margin-bottom: 10px;

				.tab-link {
					padding: 14px 15px;
					border: 1px solid;

					&:focus,
					&:hover {
						border: 1px solid;
					}
				}
			}
		}

		.tab-content {
			margin-top: 20px;

			.tab-pane {
				padding: 0;
				background: transparent;
				border: none;
			}
		}
	}
}
