/**
 * @license Copyright 2021 Lahuen Health SPA. All Rights Reserved.
 */
.c-menu-nav {
	background-color: var(--primary-c-normal);
	display: flex;
	flex-direction: column;
	padding-top: 7rem;
	width: 28rem;
}

.c-menu-nav .c-nav__item {
	align-items: center;
	background-color: transparent;
	display: flex;
	padding: 2rem 3rem;
	transition: background-color ease 0.25s, color ease 0.25s;
}

.c-menu-nav .c-nav__item::before {
	-webkit-mask: center/cover no-repeat;
	background-color: var(--primary-c-bright);
	content: '';
	height: 4.5rem;
	width: 4.5rem;
}

.c-menu-nav .c-nav__item.c-action--selected {
	background-color: #f2f2f4;
	color: var(--primary-c-normal) !important;
}

.c-menu-nav .c-action__label {
	color: var(--primary-c-bright);
	flex: 1;
	font: 1.4rem / normal 'Open Sans', sans-serif;
	margin-left: 1.5rem;
	text-align: left;
}

.c-menu-nav .c-action--selected .c-action__label {
	color: var(--primary-c-normal);
}

.c-menu-nav .c-action--disabled .c-action__label {
	color: var(--primary-c-light);
}

.c-menu-nav .c-nav__item.c-action--selected::before {
	background-color: var(--primary-c-normal);
}

.c-menu-nav .c-nav__item.c-action--disabled::before {
	background-color: var(--primary-c-light);
}

/* Iconos por botón */
.c-menu-nav .c-nav__item-apps::before {
	-webkit-mask-image: url('/assets/skins/lahuen/menu/images/icon_apps_outline.svg');
}

.c-menu-nav .c-nav__item-command-center::before {
	-webkit-mask-image: url('/assets/skins/lahuen/menu/images/icon_command_center_outline.svg');
}

.c-menu-nav .c-nav__item-patient-search::before {
	-webkit-mask-image: url('/assets/skins/lahuen/menu/images/icon_search_outline.svg');
}