/**
 * @license Copyright 2022 Lahuen Health SPA. All Rights Reserved.
 */
#patientServiceBar {
	height: auto;
	top: 16.3rem;
	position: absolute;
	left: 0;
	right: 0;
}

.l-root__patient-service-bar.c-patient-service-bar {
	display: flex;
	padding: 0.6rem 2rem;
	gap: 3rem;
	font: 400 1.2rem/1.3rem 'Open Sans', sans-serif;
	background-color: #fff;
	height: 5.3rem;
}

.c-patient-service-bar__section.c-patient-service-bar__section--header,
.c-patient-service-bar__section.c-patient-service-bar__section--body {
	display: flex;
	gap: 4rem;
	border-right: 0.1rem solid var(--gray-e);
	padding-right: 2rem;
}

.c-patient-service-bar__section.c-patient-service-bar__section--body {
	border: none;
}

.c-patient-service-bar__section.c-patient-service-bar__section--footer {
	margin-left: auto;
	padding-left: 2rem;
	display: flex;
	align-items: center;
}

.c-patient-service-bar__section.c-patient-service-bar__section--footer:not(:empty) {
	border-left: 0.1rem solid var(--gray-e);
}

.c-patient-service-bar__label {
	color: var(--primary-d-normal);
	font: 400 1.1rem 'Lato', sans-serif;
}

.c-formatted-attentiontype__title {
	font: 400 1.2rem 'Lato', sans-serif;
}

.c-formatted--empty {
	color: var(--gray-e);
}

/* Tipo de atención */

.c-formatted-attentiontype {
	display: flex;
	align-items: baseline;
	gap: 0.5rem;
}

.c-formatted-attentiontype__type.c-formatted-attentiontype__type--H {
	display: flex;
	justify-content: center;
	height: 1.85rem;
	width: 1.85rem;
	font: 600 1.4rem 'Lato', sans-serif;
	color: var(--primary-c-normal);
	border: 0.1rem solid var(--primary-c-normal);
	border-radius: 50%;
}

/* Días hosp. */
.c-patient-service-bar__hosp-days {
	background: url('/assets/skins/lahuen/ehr/images/icon_triangle.svg') center no-repeat;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2.8rem;
	height: 2.8rem;
	padding-top: 0.7rem;
}

/* Ubicación */
.c-formatted-location__label.c-formatted-group__child {
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	display: -webkit-inline-box;
	overflow: hidden;
	word-break: break-all;
}

.c-formatted-location .c-formatted-group {
	display: flex;
	flex-direction: column;
	position: relative !important;
}

/* Peso, talla y S. Corporal */
.c-patient-service-bar__item--weight .c-formatted-group,
.c-patient-service-bar__item--body-surface .c-formatted-group,
.c-patient-service-bar__item--size .c-formatted-group {
	display: flex;
	flex-direction: column;
}

.c-formatted-group__child.c-formatted-healthmetric__date {
	font-size: 1.1rem;
	color: var(--gray-d);
}

/* Ancho de elementos */
.c-patient-service-bar__item.c-patient-service-bar__item--service-type {
	width: 12rem;
}

.c-patient-service-bar__item.c-patient-service-bar__item--location {
	width: 9rem;
}

.c-patient-service-bar__item.c-patient-service-bar__item--diagnosis,
.c-patient-service-bar__item.c-patient-service-bar__item--consultation-reason {
	max-width: 22rem;
}

.c-patient-service-bar__item.c-patient-service-bar__item--precautions {
    max-width: 9rem;
}

.c-patient-service-bar__item.c-patient-service-bar__item--vital-signs {
	max-width: 20rem;
}

/* Precauciones */

.c-patient-service-bar .c-formatted-caution__label {
    color: var(--system-error-normal);
}

/* Diagnósticos */
.c-patient-service-bar .c-formatted-diagnosis__group .c-formatted-diagnosis__label:before {
	display: none;
}

.c-patient-service-bar__value .c-formatted-diagnosis[aria-label][data-balloon-pos] {
    position: relative;
}

/* Atención cerrada */
.l-root__patient-service-bar.c-patient-service-bar.c-patient-service-bar--finished {
	background-color: var(--system-warning-bright);
}

.c-patient-service-bar--finished .c-patient-service-bar__section.c-patient-service-bar__section--header {
	border: none;
	margin-left: 2rem;
}

.c-patient-service-bar--finished .c-patient-service-bar__item.c-patient-service-bar__item--message {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 0 0.5rem;
	color: var(--gray-a);
}

.c-patient-service-bar--finished .c-label.c-patient-service-bar__label:first-child {
	width: -webkit-fill-available;
}

.c-patient-service-bar--finished .c-label.c-patient-service-bar__label {
	width: fit-content;
	color: var(--gray-a);
	font-size: 1.3rem;
}

.c-patient-service-bar--finished .c-timestamp__date {
	font-weight: 700;
	margin-left: 0.4rem;
	font-size: 1.3rem;
}

.c-patient-service-bar--finished .c-formatted-attentiontype__title {
	font-size: 1.3rem;
}

/* Hamburguesa */
.c-table-actionbar__sandwich.c-action.c-action--tertiary {
	background: var(--primary-e-bright) url('/assets/skins/lahuen/base/images/icon_hamburguer.svg') center/contain
		no-repeat;
	background-origin: content-box;
	border-radius: 0.5rem;
	margin-left: auto;
	padding: 0.6rem;
	height: 3rem;
	width: 3rem;
}

.c-table-actionbar__sandwich.c-action.c-action--tertiary .c-label {
	display: none;
}

.c-patient-service-bar__actions {
	background-color: #fff;
	border-radius: 0.5rem;
	box-shadow: 0.2rem 0.2rem 0.4rem rgb(0 0 0 / 30%);
	display: flex;
	flex-direction: column;
	position: absolute;
	right: 2rem;
	top: 3.5rem;
	width: 14rem;
	z-index: 1;
}

.c-patient-service-bar__actions .c-action.c-action--tertiary {
	background: none;
	padding: 0.5rem 1rem;
	text-align: left;
}

.c-patient-service-bar__actions .c-action.c-action--tertiary:not(:last-child) {
	border-bottom: 0.1rem solid #e3e4ed;
}

.c-patient-service-bar__actions .c-action.c-action--tertiary:hover {
	background-color: var(--primary-a-bright);
	transition: background-color 0.3s ease;
}