/* menu account */


.content_container_menu {
	width: calc(100% - 0rem);
  	display: flex;
  	flex-direction: column;
}

.menu_links {
	width: calc(100% - 0rem);
	display: flex;
	flex-direction: column;
	align-items: center;
}

.menu_links ul {
	width: calc(100% - 6.25rem);
	max-width: calc(75rem - 6.25rem);
	margin: 0 0.3125rem;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	background-color: var(--white);
}

.menu_links ul li {
	width: fit-content;
	height: calc(3.125rem - 0rem);
	margin: 0 0.125rem 0 0;
	display: flex;
  	flex-direction: row;
  	align-items: center;
  	background-color: var(--white);
}

.menu_links ul li:last-child {
	margin: 0;
}

.menu_links ul li a {
	width: calc(100% - 2.5rem);
	height: calc(100% - 0rem);
	padding: 0 1.25rem;
	display: flex;
  	flex-direction: row;
  	align-items: center;
  	color: var(--text-menu);
  	text-decoration: none;
}

.menu_links ul li a:hover,
.menu_links ul li:hover {
	background-color: var(--grey);
  	color: var(--color-primary) !important;
	border-top-left-radius: var(--radius-default);
	border-top-right-radius: var(--radius-default);
}

.menu_links ul li a span,
.menu_links ul li span {
	margin: 0 0 0 0.675rem;
	font-size: 0.875em;
  	font-weight: 500;
}

.menu_links ul li a i,
.menu_links ul li i {
	width: calc(1em - 0rem);
	font-size: 1em;
	text-align: center;
}

.menu_links_active,
.menu_links_active a {
	background-color: var(--grey);
	color: var(--color-primary) !important;
	border-top-left-radius: var(--radius-default);
	border-top-right-radius: var(--radius-default);
}


@media only screen and (max-width: 1024px) {


	/* menu account */
	.menu_links ul {
		width: calc(100% - 5rem);
		max-width: calc(100% - 5rem);
		margin: 0 2.5rem;
	}


}


@media only screen and (max-width: 768px) {


	/* menu account */
	.content_container_menu {
		width: calc(100% - 0rem);
	}

	.menu_links ul {
		width: calc(100% - 2.5rem);
		max-width: calc(100% - 2.5rem);
		margin: 0 1.25rem;
	}

	.menu_links ul li {
		justify-content: center;
	}

	.menu_links ul li a {
		justify-content: center;
	}

	.menu_links ul li a span,
	.menu_links ul li span {
		display: none;
	}

	.menu_links ul li a i,
	.menu_links ul li i {
		width: calc(1.25em - 0rem);
		font-size: 1.25em;
	}


}


/* menu */