/**
 * @license Copyright 2021 Lahuen Health SPA. All Rights Reserved.
 */
.l-root__actionbar {
	margin: 1rem 0;
}

.l-root__actionbar .c-actionbar__tool {
	background-color: #999;
	color: #333;
	border-radius: 0.5rem;
	padding: 0.5rem 2rem;
}

.l-root__actionbar .c-action--tertiary.c-actionbar__tool {
	background-color: var(--primary-f-normal);
	color: var(--primary-d-normal);
}

.l-root__actionbar .c-action--primary.c-actionbar__tool {
	background-color: var(--primary-a-normal);
	color: #fff;
}

.l-root__actionbar .c-actionbar__tool:not(:last-child) {
	margin-right: 1rem;
}

.l-root__actionbar .c-action--tertiary.c-actionbar__tool:hover {
	background-color: var(--primary-a-bright);
	color: var(--primary-a-normal);
	transition: background-color 0.3s ease;
}

.l-root__actionbar .c-action--tertiary.c-actionbar__tool:hover .c-action__label:before {
	background-color: var(--primary-a-normal);
}

.l-root__actionbar .c-action--primary.c-actionbar__tool:hover {
	background-color: var(--primary-a-light);
	transition: background-color 0.3s ease;
}

.l-root__actionbar .c-action__label {
	align-items: center;
	display: flex;
	font: 600 1.2rem/1.2rem 'Open Sans', sans-serif;
}

.l-root__actionbar .c-action--primary .c-action__label:before {
	-webkit-mask-image: url('/assets/skins/lahuen/base/images/icon_add.svg');
	background-color: #fff;
}

.l-root__actionbar .c-action--tertiary .c-action__label:before {
	background-color: var(--primary-d-normal);
}

.l-root__actionbar .c-action__label:before {
	-webkit-mask: no-repeat center;
	-webkit-mask-size: contain;
	content: ' ';
	height: 1.5rem;
	margin-right: 0.5rem;
	width: 1.5rem;
}

/* Contadores */
.c-actionbar__xtras {
	display: flex;
}

.c-actionbar__xtras .c-counterbar {
	display: flex;
}

.c-actionbar__xtras .c-counterbar .c-countersgroup {
	display: flex;
}

.c-countersgroup .c-pair__group {
	display: flex;
}

.c-counter__value {
	background-color: var(--primary-f-bright);
	padding: 0rem 0.5rem;
	border-radius: 0.5rem;
	margin-left: 0.5rem;
}

.c-counter {
	font: 400 1.2rem / normal 'Open Sans', sans-serif;
	color: var(--primary-d-normal);
	margin-right: 1.5rem;
	display: flex;
	align-items: center;
}

.c-counter:last-child {
	margin-right: 0;
}

.c-countersgroup .c-label:not(.c-counterbar__item .c-label) {
	font: 400 1.2rem / normal 'Open Sans', sans-serif;
	color: var(--primary-d-normal);
	font-weight: 600;
	margin-right: 1rem;
}

.c-countersgroup .c-label:not(.c-counterbar__item .c-label):after {
	content: ':';
}

.c-actionbar__xtras .c-counterbar .c-countersgroup:not(:first-of-type) {
	margin-left: 2rem;
	padding-left: 2rem;
	border-left: 0.1rem solid var(--primary-e-normal);
}