/**
 * @license Copyright 2021 Lahuen Health SPA. All Rights Reserved.
 */
.c-appgroup {
	background-color: #f2f2f4;
	display: flex;
	flex-direction: column;
	flex: 1;
}

.c-appgroup__header {
	padding: 5.5rem 7rem 0;
}

.c-appgroup__title {
	color: var(--primary-c-normal);
	font: 600 2.7rem / normal 'Open Sans', sans-serif;
}

.c-appgroup .c-tabs__header {
	align-items: flex-end;
	border-bottom: solid 0.2rem var(--primary-c-bright);
	column-gap: 3rem;
	display: flex;
	height: 6rem;
}

.c-appgroup .c-tabs__action {
	background-color: transparent;
	color: var(--primary-c-normal);
	height: 3rem;
	padding: 0;
	position: relative;
	transition: color ease 0.25s;
}

.c-appgroup .c-tabs__action.c-action--disabled {
	color: var(--primary-e-normal);
}

.c-appgroup .c-tabs__action::after {
	bottom: -0.25rem;
	content: '';
	display: block;
	height: 0.4rem;
	pointer-events: none;
	position: absolute;
	transition: background-color ease 0.25s;
	width: 100%;
}

.c-appgroup .c-tabs__action.c-action--selected {
	color: var(--primary-a-normal);
}

.c-appgroup .c-tabs__action.c-action--selected::after {
	background-color: var(--primary-a-normal);
}

.c-appgroup .c-tabs__action .c-action__label {
	font: 1.3rem / normal 'Open Sans', sans-serif;
}

.c-appgroup .c-tabs__action:first-child {
	padding-left: 0;
}

.c-appgroup .c-tabs__body {
	display: flex;
	flex-wrap: wrap;
	gap: 4rem 5rem;
	padding-top: 4rem;
}

.c-appgroup__body {
	display: flex;
	flex: 1;
}

.c-appgroup .c-tabs {
	flex: 1;
	min-height: 35rem;
	padding: 0 7rem;
	position: relative;
}

.c-appgroup .c-tabs::after {
	background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg"/>') right bottom/contain no-repeat;
	bottom: 0;
	content: '';
	height: 30rem;
	opacity: 0.5;
	position: absolute;
	right: 4rem;
	transition: background-image ease 0.25s;
	width: 60rem;
	z-index: 10;
}

.c-appgroup__action {
	background-color: transparent;
	height: 12rem;
	padding: 0;
	width: 8rem;
	z-index: 20;
}

.c-appgroup__action .c-action__label {
	align-items: center;
	display: flex;
	flex-direction: column;
	height: 100%;
	font: 1.3rem / normal 'Open Sans', sans-serif;
}

.c-appgroup__action .c-action__label::before {
	background: 0 / contain no-repeat;
	content: '';
	height: 5rem;
	margin-bottom: 1.5rem;
	transition: background-image ease 0.25s;
	width: 5rem;
}

.c-appgroup__action.c-action--disabled .c-action__label::before {
	opacity: 0.6;
}

/* Fondos de panel */
.c-appgroup .c-tabs-apps::after {
	background-image: url('/assets/skins/lahuen/base/images/banner_01.png');
}

.c-appgroup .c-tabs-er-service::after {
	background-image: url('/assets/skins/lahuen/base/images/banner_07.png');
}

.c-appgroup .c-tabs-inpatient::after {
	background-image: url('/assets/skins/lahuen/base/images/banner_02.png');
}

.c-appgroup .c-tabs-outpatient::after {
	background-image: url('/assets/skins/lahuen/base/images/banner_08.png');
}

.c-appgroup .c-tabs-command-center::after {
	background-image: url('/assets/skins/lahuen/base/images/banner_10.png');
}

.c-appgroup .c-tabs-internal-indications::after {
	background-image: url('/assets/skins/lahuen/base/images/banner_10.png');
}

/* Iconos por botón */
/* Urgencias */
.c-appgroup__action-er-reception .c-action__label::before {
	background-image: url('/assets/skins/lahuen/menu/images/icon_admision_urgencias_plain.svg');
}

.c-appgroup__action-er-reception .c-action__label:hover::before {
	background-image: url('/assets/skins/lahuen/menu/images/icon_admision_urgencias.svg');
}

.c-appgroup__action-er-triage .c-action__label::before {
	background-image: url('/assets/skins/lahuen/menu/images/icon_triage_plain.svg');
}

.c-appgroup__action-er-triage .c-action__label:hover::before {
	background-image: url('/assets/skins/lahuen/menu/images/icon_triage.svg');
}

.c-appgroup__action-er-waiting-room .c-action__label::before {
	background-image: url('/assets/skins/lahuen/menu/images/icon_pacientes_espera_plain.svg');
}

.c-appgroup__action-er-waiting-room .c-action__label:hover::before {
	background-image: url('/assets/skins/lahuen/menu/images/icon_pacientes_espera.svg');
}

.c-appgroup__action-er-patients .c-action__label::before {
	background-image: url('/assets/skins/lahuen/menu/images/icon_pacientes_atencion_plain.svg');
}

.c-appgroup__action-er-patients .c-action__label:hover::before {
	background-image: url('/assets/skins/lahuen/menu/images/icon_pacientes_atencion.svg');
}

.c-appgroup__action-er-past-patients .c-action__label::before {
	background-image: url('/assets/skins/lahuen/menu/images/icon_atenciones_anteriores_plain.svg');
}

.c-appgroup__action-er-past-patients .c-action__label:hover::before {
	background-image: url('/assets/skins/lahuen/menu/images/icon_atenciones_anteriores.svg');
}

.c-appgroup__action-er-status .c-action__label::before {
	background-image: url('/assets/skins/lahuen/menu/images/icon_atenciones_anteriores_plain.svg');
}

.c-appgroup__action-er-status .c-action__label:hover::before {
	background-image: url('/assets/skins/lahuen/menu/images/icon_atenciones_anteriores.svg');
}

.c-appgroup__action-er-reception-call .c-action__label::before {
	background-image: url('/assets/skins/lahuen/menu/images/icon_supervision_plain.svg');
}

.c-appgroup__action-er-reception-call .c-action__label:hover::before {
	background-image: url('/assets/skins/lahuen/menu/images/icon_supervision.svg');
}

/* Hospitalización */
.c-appgroup__action-er-service-admission .c-action__label::before {
	background-image: url('/assets/skins/lahuen/menu/images/icon_admission_plain.svg');
}

.c-appgroup__action-er-service-admission .c-action__label:hover::before {
	background-image: url('/assets/skins/lahuen/menu/images/icon_admission.svg');
}

.c-appgroup__action-admission .c-action__label::before {
	background-image: url('/assets/skins/lahuen/menu/images/icon_admission_plain.svg');
}

.c-appgroup__action-admission .c-action__label:hover::before {
	background-image: url('/assets/skins/lahuen/menu/images/icon_admission.svg');
}

.c-appgroup__action-inpatient .c-action__label::before {
	background-image: url('/assets/skins/lahuen/menu/images/icon_inpatient_plain.svg');
}

.c-appgroup__action-inpatient .c-action__label:hover::before {
	background-image: url('/assets/skins/lahuen/menu/images/icon_inpatient.svg');
}

.c-appgroup__action-bed-management .c-action__label::before {
	background-image: url('/assets/skins/lahuen/menu/images/icon_bed_management_plain.svg');
}

.c-appgroup__action-bed-management .c-action__label:hover::before {
	background-image: url('/assets/skins/lahuen/menu/images/icon_bed_management.svg');
}

.c-appgroup__action-categorization .c-action__label::before {
	background-image: url('/assets/skins/lahuen/menu/images/icon_categorization_plain.svg');
}

.c-appgroup__action-categorization .c-action__label:hover::before {
	background-image: url('/assets/skins/lahuen/menu/images/icon_categorization.svg');
}

.c-appgroup__action-vital-signs-form .c-action__label::before {
	background-image: url('/assets/skins/lahuen/menu/images/icon_vital_signs_form_plain.svg');
}

.c-appgroup__action-vital-signs-form .c-action__label:hover::before {
	background-image: url('/assets/skins/lahuen/menu/images/icon_vital_signs_form.svg');
}

.c-appgroup__action-consultation .c-action__label::before {
	background-image: url('/assets/skins/lahuen/menu/images/icon_consultation_plain.svg');
}

.c-appgroup__action-consultation .c-action__label:hover::before {
	background-image: url('/assets/skins/lahuen/menu/images/icon_consultation.svg');
}

.c-appgroup__action-lis .c-action__label::before {
	background-image: url('/assets/skins/lahuen/menu/images/icon_lis_plain.svg');
}

.c-appgroup__action-lis .c-action__label:hover::before {
	background-image: url('/assets/skins/lahuen/menu/images/icon_lis.svg');
}

.c-appgroup__action-ris .c-action__label::before {
	background-image: url('/assets/skins/lahuen/menu/images/icon_ris_plain.svg');
}

.c-appgroup__action-ris .c-action__label:hover::before {
	background-image: url('/assets/skins/lahuen/menu/images/icon_ris.svg');
}

.c-appgroup__action-ris .c-action__label:hover::before {
	background-image: url('/assets/skins/lahuen/menu/images/icon_ris.svg');
}

.c-appgroup__action-ris .c-action__label::before {
	background-image: url('/assets/skins/lahuen/menu/images/icon_ris_plain.svg');
}

.c-appgroup__action-task-management .c-action__label::before {
	background-image: url('/assets/skins/lahuen/menu/images/icon_task_management_plain.svg');
}

.c-appgroup__action-task-management .c-action__label:hover::before {
	background-image: url('/assets/skins/lahuen/menu/images/icon_task_management.svg');
}

/* Farmacia */
.c-appgroup__action-pharmaceutical-arsenal .c-action__label::before {
	background-image: url('/assets/skins/lahuen/menu/images/icon_task_management_plain.svg');
}

.c-appgroup__action-pharmaceutical-arsenal .c-action__label:hover::before {
	background-image: url('/assets/skins/lahuen/menu/images/icon_task_management.svg');
}

.c-appgroup__action-inpatient-pharmacy .c-action__label::before {
	background-image: url('/assets/skins/lahuen/menu/images/icon_inpatient_pharmacy_plain.svg');
}

.c-appgroup__action-inpatient-pharmacy .c-action__label:hover::before {
	background-image: url('/assets/skins/lahuen/menu/images/icon_inpatient_pharmacy.svg');
}

/* Apoyo Diagnóstico */
.c-appgroup__action-ris .c-action__label::before {
	background-image: url('/assets/skins/lahuen/menu/images/icon_ris_plain.svg');
}

.c-appgroup__action-ris .c-action__label:hover::before {
	background-image: url('/assets/skins/lahuen/menu/images/icon_ris.svg');
}

.c-appgroup__action-lis .c-action__label::before {
	background-image: url('/assets/skins/lahuen/menu/images/icon_lis_plain.svg');
}

.c-appgroup__action-lis .c-action__label:hover::before {
	background-image: url('/assets/skins/lahuen/menu/images/icon_lis.svg');
}

.c-appgroup__action-other-exams .c-action__label::before {
	background-image: url('/assets/skins/lahuen/menu/images/icon_other_exams_plain.svg');
}

.c-appgroup__action-other-exams .c-action__label:hover::before {
	background-image: url('/assets/skins/lahuen/menu/images/icon_other_exams.svg');
}

/* Administración */
.c-appgroup__action-user-manager .c-action__label::before {
	background-image: url('/assets/skins/lahuen/menu/images/icon_user_manager_plain.svg');
}

.c-appgroup__action-user-manager .c-action__label:hover::before {
	background-image: url('/assets/skins/lahuen/menu/images/icon_user_manager.svg');
}

.c-appgroup__action-bi .c-action__label::before {
	background-image: url('/assets/skins/lahuen/menu/images/icon_admission_plain.svg');
}

.c-appgroup__action-bi .c-action__label:hover::before {
	background-image: url('/assets/skins/lahuen/menu/images/icon_admission.svg');
}

/* Command center */
.c-appgroup__action-dashboard .c-action__label::before {
	background-image: url('/assets/skins/lahuen/menu/images/icon_dashboard_plain.svg');
}

.c-appgroup__action-dashboard .c-action__label:hover::before {
	background-image: url('/assets/skins/lahuen/menu/images/icon_dashboard.svg');
}

:is(
		.c-appgroup__action-inpatient-internal-indications,
		.c-appgroup__action-inpatient-internal-indications-room1,
		.c-appgroup__action-inpatient-internal-indications-room2,
		.c-appgroup__action-inpatient-internal-indications-room3,
		.c-appgroup__action-inpatient-internal-indications-room4,
		.c-appgroup__action-inpatient-internal-indications-room5,
		.c-appgroup__action-inpatient-internal-indications-room6,
		.c-appgroup__action-inpatient-internal-indications-room7,
		.c-appgroup__action-inpatient-internal-indications-room8,
		.c-appgroup__action-inpatient-internal-indications-room9,
		.c-appgroup__action-inpatient-internal-indications-room10,
		.c-appgroup__action-inpatient-internal-indications-room11,
		.c-appgroup__action-inpatient-internal-indications-roomi1,
		.c-appgroup__action-inpatient-internal-indications-roomi2
	)
	.c-action__label::before {
	background-image: url('/assets/skins/lahuen/menu/images/icon_internal_indications_plain.svg');
}

:is(
		.c-appgroup__action-inpatient-internal-indications,
		.c-appgroup__action-inpatient-internal-indications-room1,
		.c-appgroup__action-inpatient-internal-indications-room2,
		.c-appgroup__action-inpatient-internal-indications-room3,
		.c-appgroup__action-inpatient-internal-indications-room4,
		.c-appgroup__action-inpatient-internal-indications-room5,
		.c-appgroup__action-inpatient-internal-indications-room6,
		.c-appgroup__action-inpatient-internal-indications-room7,
		.c-appgroup__action-inpatient-internal-indications-room8,
		.c-appgroup__action-inpatient-internal-indications-room9,
		.c-appgroup__action-inpatient-internal-indications-room10,
		.c-appgroup__action-inpatient-internal-indications-room11,
		.c-appgroup__action-inpatient-internal-indications-roomi1,
		.c-appgroup__action-inpatient-internal-indications-roomi2
	)
	.c-action__label:hover::before {
	background-image: url('/assets/skins/lahuen/menu/images/icon_internal_indications.svg');
}

:is(
		.c-appgroup__action-inpatient-external-indications,
		.c-appgroup__action-inpatient-external-indications-room1,
		.c-appgroup__action-inpatient-external-indications-room2,
		.c-appgroup__action-inpatient-external-indications-room3,
		.c-appgroup__action-inpatient-external-indications-room4,
		.c-appgroup__action-inpatient-external-indications-room5,
		.c-appgroup__action-inpatient-external-indications-room6,
		.c-appgroup__action-inpatient-external-indications-room7,
		.c-appgroup__action-inpatient-external-indications-room8,
		.c-appgroup__action-inpatient-external-indications-room9,
		.c-appgroup__action-inpatient-external-indications-room10,
		.c-appgroup__action-inpatient-external-indications-room11,
		.c-appgroup__action-inpatient-external-indications-roomi1,
		.c-appgroup__action-inpatient-external-indications-roomi2
	)
	.c-action__label::before {
	background-image: url('/assets/skins/lahuen/menu/images/icon_external_indications_plain.svg');
}

:is(
		.c-appgroup__action-inpatient-external-indications,
		.c-appgroup__action-inpatient-external-indications-room1,
		.c-appgroup__action-inpatient-external-indications-room2,
		.c-appgroup__action-inpatient-external-indications-room3,
		.c-appgroup__action-inpatient-external-indications-room4,
		.c-appgroup__action-inpatient-external-indications-room5,
		.c-appgroup__action-inpatient-external-indications-room6,
		.c-appgroup__action-inpatient-external-indications-room7,
		.c-appgroup__action-inpatient-external-indications-room8,
		.c-appgroup__action-inpatient-external-indications-room9,
		.c-appgroup__action-inpatient-external-indications-room10,
		.c-appgroup__action-inpatient-external-indications-room11,
		.c-appgroup__action-inpatient-external-indications-roomi1,
		.c-appgroup__action-inpatient-external-indications-roomi2
	)
	.c-action__label:hover::before {
	background-image: url('/assets/skins/lahuen/menu/images/icon_external_indications.svg');
}

:is(
		.c-appgroup__action-inpatient-patient-mix,
		.c-appgroup__action-inpatient-patient-mix-room1,
		.c-appgroup__action-inpatient-patient-mix-room2,
		.c-appgroup__action-inpatient-patient-mix-room3,
		.c-appgroup__action-inpatient-patient-mix-room4,
		.c-appgroup__action-inpatient-patient-mix-room5,
		.c-appgroup__action-inpatient-patient-mix-room6,
		.c-appgroup__action-inpatient-patient-mix-room7,
		.c-appgroup__action-inpatient-patient-mix-room8,
		.c-appgroup__action-inpatient-patient-mix-room9,
		.c-appgroup__action-inpatient-patient-mix-room10,
		.c-appgroup__action-inpatient-patient-mix-room11,
		.c-appgroup__action-inpatient-patient-mix-roomi1,
		.c-appgroup__action-inpatient-patient-mix-roomi2
	)
	.c-action__label::before {
	background-image: url('/assets/skins/lahuen/menu/images/icon_patient_mix_plain.svg');
}

:is(
		.c-appgroup__action-inpatient-patient-mix,
		.c-appgroup__action-inpatient-patient-mix-room1,
		.c-appgroup__action-inpatient-patient-mix-room2,
		.c-appgroup__action-inpatient-patient-mix-room3,
		.c-appgroup__action-inpatient-patient-mix-room4,
		.c-appgroup__action-inpatient-patient-mix-room5,
		.c-appgroup__action-inpatient-patient-mix-room6,
		.c-appgroup__action-inpatient-patient-mix-room7,
		.c-appgroup__action-inpatient-patient-mix-room8,
		.c-appgroup__action-inpatient-patient-mix-room9,
		.c-appgroup__action-inpatient-patient-mix-room10,
		.c-appgroup__action-inpatient-patient-mix-room11,
		.c-appgroup__action-inpatient-patient-mix-roomi1,
		.c-appgroup__action-inpatient-patient-mix-roomi2
	)
	.c-action__label:hover::before {
	background-image: url('/assets/skins/lahuen/menu/images/icon_patient_mix.svg');
}

:is(
		.c-appgroup__action-inpatient-summary,
		.c-appgroup__action-inpatient-summary-room1,
		.c-appgroup__action-inpatient-summary-room2,
		.c-appgroup__action-inpatient-summary-room3,
		.c-appgroup__action-inpatient-summary-room4,
		.c-appgroup__action-inpatient-summary-room5,
		.c-appgroup__action-inpatient-summary-room6,
		.c-appgroup__action-inpatient-summary-room7,
		.c-appgroup__action-inpatient-summary-room8,
		.c-appgroup__action-inpatient-summary-room9,
		.c-appgroup__action-inpatient-summary-room10,
		.c-appgroup__action-inpatient-summary-room11,
		.c-appgroup__action-inpatient-summary-roomi1,
		.c-appgroup__action-inpatient-summary-roomi2
	)
	.c-action__label::before {
	background-image: url('/assets/skins/lahuen/menu/images/icon_inpatient_summary_plain.svg');
}

:is(
		.c-appgroup__action-inpatient-summary,
		.c-appgroup__action-inpatient-summary-room1,
		.c-appgroup__action-inpatient-summary-room2,
		.c-appgroup__action-inpatient-summary-room3,
		.c-appgroup__action-inpatient-summary-room4,
		.c-appgroup__action-inpatient-summary-room5,
		.c-appgroup__action-inpatient-summary-room6,
		.c-appgroup__action-inpatient-summary-room7,
		.c-appgroup__action-inpatient-summary-room8,
		.c-appgroup__action-inpatient-summary-room9,
		.c-appgroup__action-inpatient-summary-room10,
		.c-appgroup__action-inpatient-summary-room11,
		.c-appgroup__action-inpatient-summary-roomi1,
		.c-appgroup__action-inpatient-summary-roomi2
	)
	.c-action__label:hover::before {
	background-image: url('/assets/skins/lahuen/menu/images/icon_inpatient_summary.svg');
}

.c-appgroup__action-inpatient-external-indications .c-action__label::before {
	background-image: url('/assets/skins/lahuen/menu/images/icon_external_indications_plain.svg');
}

.c-appgroup__action-inpatient-external-indications .c-action__label:hover::before {
	background-image: url('/assets/skins/lahuen/menu/images/icon_external_indications.svg');
}

.c-appgroup__action-patient-mix .c-action__label::before {
	background-image: url('/assets/skins/lahuen/menu/images/icon_patient_mix_plain.svg');
}

.c-appgroup__action-patient-mix .c-action__label:hover::before {
	background-image: url('/assets/skins/lahuen/menu/images/icon_patient_mix.svg');
}

.c-appgroup__action-inpatient-flow .c-action__label::before {
	background-image: url('/assets/skins/lahuen/menu/images/icon_inpatient_flow_plain.svg');
}

.c-appgroup__action-inpatient-flow .c-action__label:hover::before {
	background-image: url('/assets/skins/lahuen/menu/images/icon_inpatient_flow.svg');
}

.c-appgroup__action-inpatient-summary .c-action__label::before {
	background-image: url('/assets/skins/lahuen/menu/images/icon_inpatient_summary_plain.svg');
}

.c-appgroup__action-inpatient-summary .c-action__label:hover::before {
	background-image: url('/assets/skins/lahuen/menu/images/icon_inpatient_summary.svg');
}

.c-appgroup__action-inpatient-supervision .c-action__label::before {
	background-image: url('/assets/skins/lahuen/menu/images/icon_supervision_plain.svg');
}

.c-appgroup__action-inpatient-supervision .c-action__label:hover::before {
	background-image: url('/assets/skins/lahuen/menu/images/icon_supervision.svg');
}
