/*==========================*/
/*======= NAVIGATION =======*/
/*==========================*/

.navigation-tabs-container {
	display: flex;
}

.navigation-tabs-container h5 {
	margin-bottom: 0px;
	padding: 8px 25px;
}

.navigation-tabs-container .navigation-tab:hover {
	cursor: pointer;
}

.navigation-tabs-container .navigation-tab:hover h5 {
	color: var(--navigation-tab-primary);
	transition: all ease-out 120ms;
}

.navigation-tabs-container .navigation-tab:hover .border-selected {
	width: 100%;
	transition: all ease-out 120ms;
}

.navigation-tabs-container .navigation-tab:hover .border-default {
	width: 0%;
	transition: all ease-out 120ms;
}

.navigation-tabs-container .selected .border-default {
	width: 0%;
}

.navigation-tabs-container .selected .border-selected {
	width: 100%;
}

.navigation-tabs-container .selected h5 {
	color: var(--navigation-tab-primary) !important;
	margin: 0px !important;
}

.navigation-tabs-container .border-selected {
	width: 0%;
	height: 5px;
	background: var(--navigation-tab-primary);
}

.navigation-tabs-container .border-default {
	width: 100%;
	height: 1px;
	margin-top: 2px;
	background: #707070;
}