:root
{
	--tab-hr-offset: 11px;
	--tab-hr-thickness: 2px;
}
.nav-tabs
{
	border-bottom: none;
    font-size: .9rem;
	font-weight: 400;
    margin-top: 0;
    margin-bottom: 0;
    background-color: transparent;
    counter-reset: none;
}
.nav-tabs li:before
{
	display: none;
}
.nav-tabs .nav-link
{
	padding: 10px 20px 10px 0;
	margin-right: 22px;
	color: white;	
	border: none;
}

.nav-tabs li
{
	padding: 0;
}
.nav-tabs
{
	padding-top: 30px;
	padding-bottom: 40px;
}
.nav-tabs:first-child
{
	padding-top: 0;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-link:hover
{
	color: white;
	background-color: transparent;
}
.nav-tabs a.nav-link.active hr
{
	background-color: #95ddff;
	width: 22px;
}
.nav-tabs a.nav-link hr
{
	background-color: #95ddff;
	border-top: none;
	width: 0px;
	height: var(--tab-hr-thickness);
	margin-top: var(--tab-hr-offset);
	margin-bottom: 0px;
	-webkit-transition: 0.6s;
	-o-transition: 0.6s;
	transition: 0.6s;
}
.nav-tabs a.nav-link:hover hr
{
	background-color: #95ddff;
	width: 22px;
}
.exam-item hr 
{
	border-bottom: 1px solid #eee;
	height: 1px;
	padding-top: 20px;
	margin-bottom: 30px;
}
@media all and (max-width: 575.98px)
{
	.nav-tabs:first-child
	{
		padding: 0;
	}
	.nav-tabs li
	{
		display: block;
		width: 100%;
	}		
	.nav-tabs a.nav-link
	{
		position: relative;
		display: block;
		padding: 5px 35px 5px 0;
		margin-right: 0;
	}
	.nav-tabs a.nav-link hr
	{
		width: 0;
		margin-top: 0;
		position: absolute;
		right: 0px;
		top: 15px;
	}
	.nav-tabs a.nav-link:hover hr
	{
		width: 35px;
		border: none;
	}
}
.nav-item:last-child .nav-link
{
	margin-right: 0;
}