/**
 * @license Copyright 2021 Lahuen Health SPA. All Rights Reserved.
 */
.c-worklist-nav {
	background-color: var(--primary-c-normal);
	display: flex;
	font: 500 1.6rem/1.9rem 'Lato', sans-serif;
	width: var(--lh-worklist-nav-height);
	flex-direction: column;
	left: 0;
	letter-spacing: 0.1rem;
	position: fixed;
	height: calc(100vh - var(--lh-top-appbar-height));
	padding: 1rem 0;
}

.c-worklist-nav.c-nav > .c-nav__item.footer {
	margin-top: auto;
}

.c-worklist-nav.c-nav > .c-nav__separator {
	flex: 1;
}

.c-worklist-nav .c-nav__item {
	background-color: transparent;
	font: 1rem/1.2rem 'Open Sans', sans-serif;
	color: #fff;
	display: flex;
	flex-direction: column;
	padding: 1rem 0.5rem;
	align-items: center;
	border-bottom: 0.1rem solid var(--primary-d-dark);
}

.c-worklist-nav .c-nav__item:hover {
	background-color: var(--primary-c-light);
	border-top-left-radius: 0.5rem;
	border-bottom-left-radius: 0.5rem;
}

.c-worklist-nav .c-nav__item:last-child {
	margin-bottom: 0;
	border-bottom: none;
}

.c-worklist-nav .c-nav__item.c-action--selected {
	background-color: var(--primary-e-bright);
	color: var(--primary-c-normal);
	border-top-left-radius: 0.5rem;
	border-bottom-left-radius: 0.5rem;
}

.c-worklist-nav .c-nav__item .c-action__label:before {
	content: ' ';
	height: 2rem;
	width: 2rem;
	margin-bottom: 0.5rem;
	background-color: var(--primary-e-bright);
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center;
}

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

.c-worklist-nav .c-nav__item .c-action__label {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.c-worklist-nav .c-nav__item-mi-escritorio.c-nav__item .c-action__label:before {
	mask: url('/assets/skins/lahuen/images/home.svg') no-repeat center;
	-webkit-mask: url('/assets/skins/lahuen/images/home.svg') no-repeat center;
}