.kv-tabs {
	&-header {
		@extend .kv-row;

		padding-right: $grid-gutter-width / 2;
		border-bottom: 1px solid #eaeaea;
	}

	.kv-tab {
		&-title {
			$t: &;

			@extend %kv-col-12, %kv-col-sm-6, %kv-col-md-6, %kv-col-lg-3;

			min-width: 150px;
			padding-right: 0;
			font-size: 18px;
			cursor: pointer;

			&-text {
				@extend .kv-text-ellip;

				position: relative;
				width: 100%;
				padding: 10px;
				border: 1px solid #eaeaea;
				border-bottom: none;

				&:after {
					content: '';
					position: absolute;
					left: 0;
					bottom: 0;
					width: 100%;
					height: 5px;
					margin: 0 auto;
				}
			}
		}

		&-active {
			.kv-tab-title-text:after {
				transition: background-color 0.33s;
				background-color: $color-primary;
			}
		}

		&-content {
			width: 100%;
			min-height: 100px;
			padding: $grid-gutter-width / 2 0;
		}

		&-link {
			color: $color-primary;

			.kv-tab-title-text:after {
				background-color: $color-primary;
			}
		}
	}
}