/**
 * @license Copyright 2022 Lahuen Health SPA. All Rights Reserved.
 */
body {
	height: auto;
	width: auto;
	background-size: cover;
	background-color: var(--primary-e-bright);
}

a {
	color: inherit;
	text-decoration: none;
}

b {
	font-weight: 700;
}

dialog::backdrop {
	background: rgba(0, 0, 0, 0.3);
}

/* Formato Tabla "Blanca" */
.tabla-blanca {
	width: 100%;
	font-family: 'Open Sans', sans-serif;
	border-spacing: 0.3em;
}

/* Ajuste si la tabla está debajo de otra igual */
.tabla-blanca--margin-top {
	margin-top: 1.3em;
}

/* Animación tipo parpadeo */
@keyframes blink {
	20% {
		opacity: 0;
	}
}

@keyframes blink-background {
	20% {
		background-color: #9cb1f2;
		border-color: #9cb1f2;
	}
}

/* Main content */
#mainContent {
	position: fixed;
	bottom: 0;
	padding: 0 0 0 1rem;
	overflow-y: auto;
	top: 18rem;
	right: 1rem;
	left: 14.5rem;
}

/* Tabs */
.nav-tabs-superior {
	top: 0;
	position: absolute;
	left: 1rem;
	display: flex;
}

.nav-tabs-inferior {
	top: 3.5rem;
	display: flex;
	background-color: #fff;
	position: absolute;
	overflow-y: auto;
	left: 1rem;
	right: 0rem;
	bottom: 0.5rem;
}

.nav-tabs-superior .titulo-principal--tab {
	border-top: 0.5rem solid #fff;
	color: var(--primary-c-normal);
	margin-right: 0.3rem;
	cursor: pointer;
	border-radius: 0.5rem 0.5rem 0 0;
	padding: 1rem 2rem;
	font: 400 1.3rem 'Lato', sans-serif;
}

.nav-tabs-superior .titulo-principal--tab-off-emerald {
	background-color: var(--primary-f-light);
	border-color: var(--primary-f-light);
}

.nav-tabs-superior .titulo-principal--tab-off-emerald:hover {
	background-color: #fff;
	border-color: #fff;
}

.nav-tabs-superior .titulo-principal-superior.titulo-principal-superior--emerald {
	background-color: #fff;
	border-top: 0.5rem solid var(--primary-c-normal);
	color: var(--primary-c-normal);
	font: 400 1.3rem 'Lato', sans-serif;
}

.nav-tabs-superior .titulo-principal--tab img {
	display: none;
}

/* Título evaluaciones */
.titulo-principal-superior.titulo-principal-superior--emerald {
	background-color: var(--primary-c-normal);
	border-radius: 0.5rem 0.5rem 0 0;
	color: #fff;
	padding: 0.75rem 2rem;
	font: 600 1.5rem 'Lato', sans-serif;
	display: flex;
}

.titulo-principal-superior--emerald .tab-arrow__examenes {
	display: none;
}

/* Cuerpo */
.cuerpo-principal-gris {
	background-color: #fff;
	border-radius: 0 0.5rem 0.5rem;
	flex: 1;
	padding: 2rem;
	position: relative;
}

.recuadro-contenido-blanco {
	padding-bottom: 2rem;
}

/* Títulos */
.recuadro-contenido-blanco .titulo,
.ev-nutricional .evaluacion__evaluacion-paciente .titulo,
.ev-nutricional .evaluacion__sugerencias .titulo,
.ev-farmacologica .evaluacion__evaluacion-paciente .titulo,
.ev-farmacologica .evaluacion__sugerencias .titulo,
.ev-funcional .evaluacion__evaluacion-paciente .titulo,
.ev-funcional .evaluacion__sugerencias .titulo,
.ev-salud-mental .evaluacion__evaluacion-paciente .titulo,
.ev-salud-mental .evaluacion__sugerencias .titulo,
.ev-familiar .evaluacion__evaluacion-paciente .titulo,
.ev-familiar .evaluacion__sugerencias .titulo,
.ev-cuidados .evaluacion__autonomia-seguridad .cuerpo .titulo,
.cierre-atencion__alta-urgencia .evaluacion__indicaciones-actuales .titulo {
	text-transform: none;
	color: var(--primary-c-normal);
	border-bottom: 0.1rem solid var(--primary-e-normal);
	padding-bottom: 0.2rem;
	font: 600 1.4rem 'Lato', sans-serif;
}

/* Pantallas vacías */
.tratamientos-cuidados__otras-indicaciones .listado-otras-indicaciones-actuales.empty {
	background-image: none;
	height: auto;
}

.tratamientos-cuidados__cuidados .listado-cuidados-actuales.empty .mensaje {
	padding: 0;
	align-self: center;
	width: auto;
	align-items: center;
	text-align: center;
	display: flex;
	flex-direction: column;
	margin-top: 3rem;
}

/* Tabla */
.tabla-grilla td {
	border: none;
	padding: 0.5rem 1rem;
	border-bottom: 0.1rem solid var(--gray-f);
	vertical-align: top;
}

.tabla-grilla th {
	border: none;
	color: var(--primary-d-normal);
	background-color: var(--primary-e-bright);
	padding: 0.5rem 1rem;
	font-size: 1.2rem;
}

.tabla-grilla th:first-child {
	border-radius: 0.3rem 0 0 0.3rem;
}

.tabla-grilla th:last-child {
	border-radius: 0 0.3rem 0.3rem 0;
}

/* Indicaciones complementarias */
.textarea-plantilla-container textarea {
	margin: 0;
	background-color: #fff;
	border: 0.1rem solid var(--primary-e-normal);
	border-radius: 0.3rem;
	padding: 0.5rem 1rem;
	font: 400 1.2rem 'Open Sans', sans-serif;
	resize: none;
	flex: 1;
}

.textarea-plantilla-container textarea:focus {
	outline: none;
	border-color: var(--primary-b-light);
	transition: border-color 0.3s ease;
}

.textarea-plantilla-container .tool-bar .flecha {
	display: none;
}

.textarea-plantilla-container .tool-bar .ingresar-plantilla .icon {
	display: none;
}

.textarea-plantilla-container .tool-bar .nombre {
	background-color: var(--primary-f-light);
	color: var(--primary-c-normal);
	padding: 0.3rem 1rem;
	border-radius: 0.3rem;
	font: 400 1.2rem 'Lato', sans-serif;
}

.textarea-plantilla-container .tool-bar .nombre:hover {
	background: var(--primary-a-bright);
	color: var(--primary-a-normal);
	transition: background-color 0.3s ease;
}

.textarea-plantilla-container .tool-bar .item {
	display: flex;
	align-items: center;
	cursor: pointer;
	transition: opacity ease 0.2s;
}

.textarea-plantilla-container .tool-bar {
	position: absolute;
	top: -3rem;
	right: 0;
	display: flex;
	width: fit-content;
	align-items: end;
	flex-direction: row;
	gap: 0.4rem;
}

.textarea-plantilla-container .tool-bar .encabezado {
	display: flex;
	align-items: center;
}

/* Ocultar temporalmente interconsultas y notificaciones */
.resumen-interconsultas {
	display: none;
}

#notificaciones {
	display: none;
}

/* Se mueve todo para que quepa el appbar */
#headerInfoPaciente {
	visibility: hidden;
	height: 0;
}

#headerAmbitos {
	top: 5.3rem;
}

#headerAvatar {
	top: 5.7rem;
}

#patientServiceBar {
	top: 17.5rem !important;
}

#menu {
	top: 23rem !important;
}

#mainContent {
	top: 24rem;
	right: 1rem;
	left: 18.5rem;
}

/* Obs de tabla */
.tabla-blanca th {
	text-align: left;
	border-bottom: 0.1rem solid;
	font: 600 1.2rem 'Lato', sans-serif;
	padding-bottom: 0.4em;
}

.tabla-blanca__instruccion {
	padding-left: 0.6rem;
	color: var(--gray-d);
}

/* Botón cuaternario */
.c-action.c-action--quaternary {
	background: var(--primary-e-bright);
	display: flex;
	align-items: center;
	padding: 0.2rem 0.5rem;
	font: 400 1.2rem 'Lato', sans-serif;
	border: none;
	border-radius: 0.3rem;
	outline: none;
	cursor: pointer;
	transition: background ease 0.1s;
	color: var(--gray-a);
}

.c-action--quaternary:hover {
	background-color: var(--primary-a-bright);
}

/* Tabla */
.tabla-blanca th:first-child {
	border-radius: 0.3rem 0 0 0.3rem;
}

.tabla-blanca th:last-child {
	border-radius: 0 0.3rem 0.3rem 0;
}

/* Select  */
/* Dropdown */
select,
.dropdown .dropdown-select {
	border: 0.1rem solid var(--primary-e-normal);
	color: var(--gray-a);
	border-radius: 0.3rem;
	background: #fff url('/assets/skins/lahuen/base/images/icon_select.svg') no-repeat right 0.5rem center/.9rem;
	text-align: left;
	font: 400 1.2rem 'Open Sans', sans-serif;
	-webkit-appearance: none;
	cursor: pointer;
	outline: none;
	padding: 0.2rem 1.5rem 0.2rem 0.5rem;
	display: flex;
	align-items: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.dropdown .dropdown-select:focus,
select:focus {
	outline: none;
	border-color: var(--primary-b-light);
	transition: border-color 0.3s ease;
}

.dropdown .dropdown-select p {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

/* Checkbox */
.input-checkbox--solid, 
input[type='checkbox']:not(.input-circulo--solid) {
	background-color: #fff;
	border: 0.1rem solid var(--primary-e-normal);
	border-radius: 0.3rem;
	-webkit-appearance: none;
	background-size: 1rem;
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
	outline: none;
	transition: all ease 0.3s;
	width: 1.6rem;
	height: 1.6rem;
}

.input-checkbox--solid:checked, 
input[type='checkbox']:not(.input-circulo--solid):checked {
	background-image: url('/assets/skins/hjm/base/images/icon_check.svg');
}

.input-checkbox--solid:focus,
input[type='checkbox']:focus {
	outline: none;
	border-color: var(--primary-b-light);
	transition: border-color 0.3s ease;
}

/* Radio buttons */
.input-circulo--solid,
.w-vas__options-item-input,
.checkbox-circulo input[type='radio'],
input[type='radio'] {
	background-color: #fff;
	border: 0.1rem solid var(--primary-e-normal);
	height: 1.6rem;
	width: 1.6rem;
	min-width: 1.6rem;
	-webkit-appearance: none;
	margin: 0 0.5rem 0 0;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg"/>');
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	border-radius: 50%;
	cursor: pointer;
	outline: none;
	transition: all ease 0.3s;
}

.input-circulo--solid:checked,
.w-vas__options-item-input:checked,
.checkbox-circulo input[type='radio']:checked,
input[type='radio']:checked {
	background-image: url('data:image/svg+xml,<svg fill="%23637291" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"><path d="M 100, 100 m -75, 0 a 75,75 0 1,0 150,0 a 75,75 0 1,0 -150,0"/></svg>');
}

/* Spinner carga */
.waiting {
	display: flex;
	flex-direction: column;
	align-items: center;
	font: 600 1.2rem 'Lato', sans-serif;
	color: var(--primary-d-normal);
}

/* Animación tipo parpadeo */
@keyframes blink {
	20% {
		opacity: 0.3;
	}
}

@keyframes blink-background {
	20% {
		background-color: var(--primary-a-bright);
	}
}

/* Date time picker */
input[type='date']::-webkit-inner-spin-button,
input[type='date']::-webkit-calendar-picker-indicator,
input[type='datetime-local']::-webkit-inner-spin-button,
input[type='datetime-local']::-webkit-calendar-picker-indicator {
	opacity: 0;
	cursor: pointer;
}

input[type='date']::-webkit-calendar-picker-indicator,
input[type='datetime-local']::-webkit-calendar-picker-indicator {
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

.vdp-datepicker__calendar {
	font: 400 1.2rem 'Open sans', sans-serif;
}