@import '~heading.less';

.Tabs {
	:global(.menu) {
		border-top: none !important;
		border-right: none !important;
		border-bottom: 1px solid @greyLight !important;
		border-left: none !important;
		width: 100% !important;
	}
}

.Tab {
	color: @greyDark !important;
	font-size: 15px;
	line-height: 15px !important;
	font-weight: 400 !important;
	border-bottom: 4px solid transparent !important;
	padding: 20px 20px 16px !important;

	&:global(.active) {
		border-bottom: 4px solid @secondary !important;
		font-weight: 400 !important;
	}

	&:global(.right) {
		margin-left: auto;
		color: @greyMedium !important;
		font-size: 13px !important;

		&:global(.active) {
			border-bottom: 4px solid @greyMedium !important;
			font-weight: 400 !important;
		}

		:global(.icon) {
			margin-left: 10px !important;
			font-size: 17px !important;
			line-height: 15px !important;
		}
	}
}

.Count {
	background: none !important;
	color: @greyMedium !important;
	font-size: 15px !important;
	line-height: 15px !important;
	font-weight: 400 !important;
	margin: 0 0 0 10px !important;
	padding: 0 !important;
	font-style: italic;
}

.Pane {
	border: 0 !important;
	padding: 0 !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
}