/* Estilo para pantalla cambio de clave HEGC */
@import '//shared.lahuen.health/assets/skins/hjm/base/index.css';

[v-cloak] {
	display: none !important;
}

html {
	box-sizing: border-box;
	font-size: .7vw;
	height: 100%;
}

*,
*::before,
*::after {
	box-sizing: inherit;
}

body {
	background-color: #f2f2f4;
}

.hegc__editar-paciente {
	width: 100%;
	height: 100vh;
}

.hegc__editar-paciente .header {
	background: #fff;
	box-shadow: 0 0.75rem 0.75rem -1.1rem gray;
	color: var(--primary-c-normal);
}

.hegc__editar-paciente .header .titulo-app {
	font: 400 1.5rem 'Open sans', sans-serif;
	color: var(--primary-c-normal);
	padding: 0 2rem;
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
	justify-content: flex-end;
}

.hegc__editar-paciente .header .nombre-app {
	display: flex;
	align-items: center;
}

.hegc__editar-paciente .header .nombre-app:after {
	height: 5rem;
	width: 9rem;
	content: "";
	background: url('//shared.lahuen.health/assets/skins/lahuen/base/images/logo_simple.svg') no-repeat center/contain;
	margin-left: 1rem;
}

.hegc__editar-paciente .header .nombre-hospital {
	display: flex;
}

.hegc__editar-paciente .header .nombre-hospital:after {
	content: "-";
	margin: 0 1rem;
}

.hegc__editar-paciente .l-root__body {
	height: 85vh;
	padding: 3rem 0;
	display: flex;
	align-items: flex-start;
}

.hegc__editar-paciente .l-root__body .formulario {
	width: 135rem;
	margin: 0 auto;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.6rem;
	display: flex;
	align-items: flex-start;
}

.hegc__editar-paciente .aside {
	background: #fff url('//shared.lahuen.health/assets/skins/hjm/base/images/icon_patient_bar.svg') no-repeat;
	background-size: 20rem;
	width: 20rem;
	padding: 2rem 0;
	margin-right: 4rem;
	border-radius: 0.5rem;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.hegc__editar-paciente .aside .usuario__avatar {
	width: 12rem;
	height: 11rem;
}

.hegc__editar-paciente .aside .usuario__avatar .avatar {
	width: 12rem;
	height: 12rem;
	background: #fff no-repeat center/contain;
	border-radius: 50%;
}

.hegc__editar-paciente .aside .usuario__avatar .avatar.chico {
	background-image: url('//shared.lahuen.health/assets/skins/lahuen/ehr/images/icon_profile_child.png');
}

.hegc__editar-paciente .aside .listado-acciones {
	margin-top: 4rem;
	text-align: center;
}

.hegc__editar-paciente .aside .listado-acciones button {
	width: 16rem;
	margin-bottom: 0.8rem;
	display: flex;
	align-items: center;
	padding: 1rem;
	font: 400 1.4rem 'Lato', sans-serif;
	border: none;
	border-radius: 0.3rem;
	outline: none;
	cursor: pointer;
	transition: background ease .1s;
	background: var(--primary-e-bright);
	color: var(--gray-a);
}

.hegc__editar-paciente .aside .listado-acciones button:hover {
	background-color: var(--primary-a-bright);
}

.hegc__editar-paciente .aside .listado-acciones button:last-child {
	margin-bottom: 0;
}

.hegc__editar-paciente .aside .listado-acciones .accion__imprimir:before,
.hegc__editar-paciente .aside .listado-acciones .accion__editar:before,
.hegc__editar-paciente .aside .listado-acciones .accion__homologar:before,
.hegc__editar-paciente .aside .listado-acciones .accion__certificado-defuncion:before {
	content: "";
	width: 2rem;
	height: 2rem;
	-webkit-mask: no-repeat;
	margin-right: 1rem;
	background-color: var(--primary-a-normal);
}

.hegc__editar-paciente .aside .listado-acciones .accion__imprimir:before {
	-webkit-mask-image: url(//shared.lahuen.health/assets/skins/lahuen/base/images/icon_print.svg);
}

.hegc__editar-paciente .aside .listado-acciones .accion__editar:before {
	-webkit-mask-image: url(//shared.lahuen.health/assets/skins/lahuen/base/images/icon_edit.svg);
}

.hegc__editar-paciente .aside .listado-acciones .accion__homologar:before {
	-webkit-mask-image: url(../images/icon--merge.svg);
	-webkit-mask-size: 1.6rem;
}

.hegc__editar-paciente .aside .listado-acciones .accion__certificado-defuncion:before {
	-webkit-mask-image: url('//shared.lahuen.health/assets/skins/lahuen/ehr/images/icon_document.svg')
}

.hegc__editar-paciente .aside .listado-acciones button:disabled {
	opacity: .5;
	cursor: not-allowed;
	filter: grayscale();
}

/* Contenido */
.hegc__editar-paciente .contenido {
	flex: 1;
	background-color: #fff;
	border-radius: 0.5rem;
	position: relative;
	padding-bottom: 2rem;
	margin-bottom: 2rem;
}

.hegc__editar-paciente .contenido .accion__cerrar-sesion {
	position: absolute;
	top: 1rem;
	right: 1rem;
	bottom: auto;
	left: auto;
	background: var(--primary-f-light);
	color: var(--primary-c-normal);
	font: 400 1.4rem 'Lato', sans-serif;
	text-transform: none;
	display: flex;
	padding: 0.3rem 1rem;
	border-radius: 0.3rem;
	cursor: pointer;
	margin-left: auto;
	transition: background-color 0.3s ease;
	border: none;
}

.hegc__editar-paciente .contenido .accion__cerrar-sesion:hover {
	background: var(--primary-a-bright);
	color: var(--primary-a-normal);
}

.hegc__editar-paciente .listado-datos {
	display: flex;
	flex-direction: column;
}

.hegc__editar-paciente .fila-titulo {
	background-color: var(--primary-c-normal);
	font: 600 2rem 'Lato', sans-serif;
	color: #fff;
	padding: 1rem 2rem;
	border-radius: 0.5rem 0.5rem 0 0;
}

.hegc__editar-paciente .fila-subtitulo {
	margin: 2rem 2rem .5rem;
	color: var(--primary-c-normal);
	border-bottom: 0.1rem solid var(--primary-e-normal);
	padding-bottom: 0.2rem;
	font: 600 1.6rem 'Lato', sans-serif;
}

.hegc__editar-paciente .fila-subtitulo:first-child {
	margin-top: 0;
}

.hegc__editar-paciente .fila-datos {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-column-gap: 1rem;
	margin: 0.5rem 2rem 1rem;
	align-items: start;
}

.hegc__editar-paciente .fila-datos:last-child {
	margin-bottom: 0;
	display: flex;
}

.hegc__editar-paciente .fila-datos.fila-nombres,
.hegc__editar-paciente .fila-datos.fila-info-paciente {
	margin-bottom: 5rem;
}

.hegc__editar-paciente .fila-datos .item {
	grid-column-start: span 1;
	display: flex;
	flex-direction: column-reverse;
	min-width: 20%;
}

.hegc__editar-paciente .fila-datos .item.usuario__direccion {
	grid-column-start: span 2;
}

.hegc__editar-paciente .dato--modo-ver {
	font-size: 1.8rem;
	padding-bottom: .3rem;
}

.hegc__editar-paciente .dato--modo-ver.nombre,
.hegc__editar-paciente .dato--modo-ver.apellido {
	font-family: 'Dosis', sans-serif;
	text-transform: uppercase;
	color: #193c82;
	font-size: 2.3rem;
	padding-bottom: 0;
}

.hegc__editar-paciente .dato--modo-ver.apellido {
	font-weight: 600;
}
/*
.hegc__editar-paciente .usuario__genero.femenino .dato--modo-ver {
	padding-left: 2.1rem;
	background: url('../images/icon--female.svg') .1rem .2rem/1.8rem no-repeat;
}

.hegc__editar-paciente .usuario__genero.masculino .dato--modo-ver {
	padding-left: 2.1rem;
	background: url('../images/icon--male.svg') .1rem .2rem/1.8rem no-repeat;
}
*/
.hegc__editar-paciente .usuario__genero.indefinido .dato--modo-ver {
	padding-left: 2.1rem;
	background: url('../images/icon--undefined.svg') .1rem .2rem/1.8rem no-repeat;
}
/*

.hegc__editar-paciente .usuario__fecha-nacimiento .dato--modo-ver {
	padding-left: 1.9rem;
	background: url('../images/icon--cake.svg') .1rem .2rem/1.5rem no-repeat;
}
*/
/* Estilo para campo 'sin información' */
.hegc__editar-paciente .dato--modo-ver.sin-informacion {
	opacity: .2;
	font-style: italic;
}


.hegc__editar-paciente .lista-opciones {
	display: flex;
	align-items: center;
}

.hegc__editar-paciente .lista-opciones .opcion {
	display: flex;
	align-items: center;
	margin-right: 2rem;
}

.hegc__editar-paciente .lista-opciones .opcion:last-child {
	margin-right: 0;
}

.hegc__editar-paciente .lista-opciones input[type="checkbox"] {
	-webkit-appearance: none;
	appearance: none;
	border-radius: 50%;
	border: .1rem solid #e8d5b4;
	background-color: #f9efdc;
	height: 3rem;
	width: 3rem;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg"/>');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 2rem;
	outline: none;
	transition: background-image ease .2s;
	cursor: pointer;
}

.hegc__editar-paciente .lista-opciones input[type="checkbox"]:checked {
	background-image: url('data:image/svg+xml,<svg fill="%23193c82" 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>');
}

.hegc__editar-paciente .lista-opciones .icon-opcion {
	height: 2.6rem;
	width: 2.6rem;
	margin-left: .1rem;
}

.hegc__editar-paciente .lista-opciones .icon-opcion:last-child {
	margin-right: 0;
}

.hegc__editar-paciente .lista-opciones .detalle {
	margin-left: .5rem;
	width: 2.15rem;
}

.hegc__editar-paciente .lista-opciones .icon-opcion.femenino {
	background: url('../images/icon--female.svg') center/2.6rem no-repeat;
}

.hegc__editar-paciente .lista-opciones .icon-opcion.masculino {
	background: url('../images/icon--male.svg') center/2.6rem no-repeat;
}

.hegc__editar-paciente .lista-opciones .icon-opcion.indefinido {
	background: url('../images/icon--undefined.svg') center/2.6rem no-repeat;
}

.hegc__editar-paciente .nombre-dato {
	margin-bottom: 0.2rem;
	color: var(--primary-d-normal);
	font: 600 1.4rem 'Lato', sans-serif;
}

.hegc__editar-paciente .nombre-dato .obligatorio {
	font-family: 'Nunito', sans-serif;
	font-size: 1.5rem;
	color: red;
	margin-left: .2rem;
	vertical-align: sub;
	line-height: 0;
}

/* Modo editar */
.hegc__editar-paciente .dato--modo-editar {
	background-color: #fff;
	border: 0.1rem solid var(--primary-e-normal);
	border-radius: 0.3rem;
	padding: 0.4rem 0.5rem;
	flex: 1;
}

.hegc__editar-paciente select.dato--modo-editar {
	border: 0.1rem solid var(--primary-e-normal);
	color: var(--gray-a);
	border-radius: 0.3rem;
	background: #fff url('//shared.lahuen.health/assets/skins/lahuen/base/images/icon_select.svg') no-repeat right 0.5rem center/0.9rem;
	text-align: left;
	-webkit-appearance: none;
	cursor: pointer;
	outline: none;
	padding: 0.5rem 1.5rem 0.5rem 0.5rem;
	display: flex;
	align-items: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* Botón guardar */
.hegc__editar-paciente button.guardar-edicion {
	display: flex;
	align-items: center;
	font: 600 1.6rem 'Lato', sans-serif;
	padding: 0.5rem 2rem;
	border-radius: 0.5rem;
	margin-right: 1rem;
	cursor: pointer;
	background-color: var(--primary-a-normal);
	border: none;
	color: #fff;
	width: fit-content;
}

.hegc__editar-paciente button.guardar-edicion:hover {
	background-color: var(--primary-a-light);
	transition: all 0.3s ease;
}

/* Botón cancelar */
.hegc__editar-paciente button.cancelar-edicion {
	display: flex;
	align-items: center;
	font: 600 1.6rem 'Lato', sans-serif;
	text-transform: none;
	background: transparent;
	color: var(--primary-d-normal);
	border: 0.1rem solid var(--primary-d-normal);
	padding: 0.5rem 1.5rem;
	border-radius: 0.5rem;
	margin-right: 1rem;
	cursor: pointer;
}

.hegc__editar-paciente button.cancelar-edicion:hover {
	background-color: var(--primary-d-normal);
	color: #fff;
	transition: all 0.3s ease;
}


.hegc__editar-paciente .ventanaGuardar {
	background-color: #fff;
	border: none;
	border-radius: .5rem;
	padding: 3rem 5rem;
	box-shadow: 0rem 0rem 3rem 1rem #888;
	z-index: 100;
	width: 50rem;
}

.hegc__editar-paciente .ventanaGuardar .w-modal {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.hegc__editar-paciente .ventanaGuardar .w-modal .w-action.close {
	width: 2.5rem;
	height: 2.5rem;
	position: absolute;
	top: 2rem;
	left: auto;
	right: 2rem;
	bottom: auto;
	border: .1rem solid #cccbca;
	border-radius: .3rem;
	background: #eee url('data:image/svg+xml,<svg fill="%23777" viewBox="2.52 2.52 80 80" xmlns="http://www.w3.org/2000/svg"><path d="M77.126,63.411L53.715,39.998l23.408-23.409c3.788-3.788,3.791-9.925,0.003-13.712 c-3.786-3.787-9.926-3.788-13.714,0L40.001,26.288L16.589,2.875c-3.787-3.787-9.927-3.788-13.714,0 c-3.787,3.787-3.786,9.927,0.001,13.714l23.412,23.413L2.877,63.411c-3.787,3.788-3.788,9.929-0.001,13.715 c3.789,3.789,9.926,3.784,13.713-0.002L40,53.713l23.412,23.412c3.787,3.788,9.927,3.786,13.713,0 C80.912,73.338,80.914,67.197,77.126,63.411z"/></svg>') center/1.2rem no-repeat;
	cursor: pointer;
}

.hegc__editar-paciente .ventanaGuardar .w-modal .w-action__label {
	display: none;
}

.hegc__editar-paciente .ventanaGuardar .w-modal .w-modal__header {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.hegc__editar-paciente .ventanaGuardar .w-modal .w-modal__header .icon--cambiar-clave {
	width: 14rem;
	height: 14rem;
	background: url('../images/icon--key--pop-up.svg') center/14rem no-repeat;
	margin-bottom: 1rem;
}

.hegc__editar-paciente .ventanaGuardar .w-modal .w-modal__title {
	font-family: 'Dosis', sans-serif;
	text-transform: uppercase;
	color: #193c82;
	font-weight: 600;
	font-size: 2rem;
	text-align: center;
	margin: 1rem 0;
}

.hegc__editar-paciente .ventanaGuardar .w-modal .w-modal__subtitle {
	display: none;
}

.hegc__editar-paciente .ventanaGuardar .w-modal .w-modal__body .modal__cuerpo {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.hegc__editar-paciente .ventanaGuardar .w-modal .w-modal__body .nombre-usuario {
	font-family: 'Dosis', sans-serif;
	text-transform: uppercase;
	color: #888;
	font-weight: 600;
	font-size: 1.7rem;
	text-align: center;
	margin: 0 0 3rem 0;
}

.hegc__editar-paciente .ventanaGuardar .subtitulo {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.5rem;
	color: #888;
	margin-bottom: .5rem;
}

.hegc__editar-paciente .ventanaGuardar input[type='password'] {
	background: #dae8fd url('../images/icon--key.svg') 1rem center/2.5rem no-repeat;
	border-radius: 1rem;
	border: none;
	height: 3.5rem;
	width: 22rem;
	padding: 0 1rem 0 5rem;
	font-size: 2rem;
	-webkit-text-security: disc;
	letter-spacing: .4rem;
	color: #7891ba;
}

.hegc__editar-paciente .ventanaGuardar .item {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.hegc__editar-paciente .ventanaGuardar .item.reingrese-clave {
	margin-top: 2rem;
}

.hegc__editar-paciente .ventanaGuardar .item .subtitulo {
	margin-right: 1rem;
	margin-bottom: 0;
	width: 11rem;
}

.hegc__editar-paciente dialog .w-modal__footer {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 4rem;
}

.hegc__editar-paciente dialog .w-modal__footer button {
	font-family: 'Dosis', sans-serif;
	text-transform: uppercase;
	padding: .5rem 1.5rem;
	border-radius: .5rem;
	background-color: #fff;
	color: #000;
	border: .15rem solid #cccbca;
	font-size: 1.5rem;
	letter-spacing: .05rem;
	margin: 0 2rem;
	cursor: pointer;
	transition: background ease .2s;
}

.hegc__editar-paciente dialog .w-modal__footer button:hover {
	background-color: #eee;
}

.hegc__editar-paciente dialog .w-modal__footer button.aceptar {
	background-color: #4266c1;
	border-color: #4266c1;
	color: #fff;
}

.hegc__editar-paciente dialog .w-modal__footer button.aceptar:hover {
	background-color: #2a55ad;
}


.mensajeError {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.4rem;
	font-style: italic;
	color: #888;
	margin-top: 1rem;
	text-align: center;
}

.mensajeError .asterisco {
	font-family: 'Nunito', sans-serif;
	font-size: 1.5rem;
	color: red;
	font-weight: 600;
}


.spinner-blocker {
	position: fixed !important;
	z-index: 1000 !important;
}