@import 'https://shared.lahuen.health/assets/skins/lahuen/base/variables.css';

html{
font-size: 0.65vw;
height: 100%;
box-sizing: border-box;
}
*, *::before, *::after{box-sizing: inherit;}

body{
width: auto;
font-size: 0.65vw;
height: 100%;
background-color: var(--primary-e-bright);
}

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

}

a{text-decoration: none;color: inherit; cursor: pointer;}
a:visited{color: inherit;}
b{font-weight: 600;}
/* w-dialog*/
.w-dialog{
	font-size: 1.6rem;
}

div#login {
    display: flex;
    flex-direction: column;
    height: -webkit-fill-available;
}

/* Barra Navegación ppal (título) */
.app-monitoreo__nav-titulo{
	background-color: #fff;
    color: var(--primary-c-normal);
    height: 8rem;
    display: flex;
    padding: 2rem 4rem;
    font: 600 2rem 'Open Sans', sans-serif;
}

.app-monitoreo__nav-titulo .titulo-text,
.app-monitoreo__nav-titulo .nombres{
display: flex;
align-items: center;
}

.app-monitoreo__nav-titulo .nombre-app {
    display: flex;
    margin-left: 1rem;
}

.app-monitoreo__nav-titulo .nombre-app:before {
    content: "-";
    margin-right: 1rem;
}

.app-monitoreo__nav-titulo .titulo-text:after {
    height: 6rem;
    width: 10rem;
    content: "";
    background: url('//shared.lahuen.health/assets/skins/lahuen/base/images/logo_simple.svg') no-repeat center/11rem;
    margin-left: 1rem;
}

.app-monitoreo__nav-titulo .link-home {
    display: flex;
    padding: 1.5rem 2rem;
    border-radius: 0.5rem;
}

.app-monitoreo__nav-titulo .link-home:hover {
    background-color: #f1f1f6;
    transition: background-color 0.3s ease;
}

.app-monitoreo__nav-titulo .link-home:before {
    -webkit-mask: no-repeat center;
    -webkit-mask-size: contain;
    background-color: var(--primary-c-normal);
    content: '';
    width: 2.5rem;
    height: 2.5rem;
    -webkit-mask-image: url('//shared.lahuen.health/assets/skins/lahuen/base/images/icon_home.svg');
}

.app-monitoreo__nav-titulo .nombre-sub-app{
color: #fff;
font-size: 4.4rem;
display: inline-block;
margin-left: .5rem;
font-weight: 300;
}

.app-monitoreo__nav-titulo .titulo-usuario {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 2rem;
}

.app-monitoreo__nav-titulo .usuario-id {
    display: flex;
    align-items: center;
    gap: 2rem;
}

.app-monitoreo__nav-titulo .usuario-id .id-text {
    display: flex;
    color: var(--primary-c-normal);
    font: 400 2.5rem 'Lato',sans-serif;
    gap: 0.75rem;
}

.app-monitoreo__nav-titulo .usuario-id .id-text:before {
    -webkit-mask: no-repeat center;
    -webkit-mask-size: contain;
    background-color: var(--primary-c-normal);
    content: '';
    width: 3rem;
    height: 3rem;
    -webkit-mask-image: url('//shared.lahuen.health/assets/skins/lahuen/base/images/icon_account_circle.svg');
}

.app-monitoreo__nav-titulo .usuario-sesion {
    display: flex;
    border: none;
    width: 8.3rem;
    font: 600 3rem 'Lato',sans-serif;
    color: var(--primary-c-normal);
}

.app-monitoreo__nav-titulo .usuario-logout {
    background-color: var(--primary-d-bright);
    padding: 0.5rem 2rem;
    border-radius: 0.5rem;
    color: var(--primary-c-normal);
    font: 400 2rem 'Lato',sans-serif;
}

.app-monitoreo__nav-titulo .usuario-logout:hover {
    background-color: var(--primary-a-bright);
    color: var(--primary-a-normal);
}

/* Barra Navegación secundaria (sub-título) */
.app-monitoreo__nav-subtitulo {
    padding: 3rem 0 0 3rem;
    font: 400 2.5rem 'Lato',sans-serif;
    color: var(--primary-c-normal);
}

.app-monitoreo__nav-subtitulo .subtitulo-text{
display: flex;
    align-items: center;
}

.app-monitoreo__nav-subtitulo .detalle-piso,
.app-monitoreo__nav-subtitulo .detalle-unidad {
    font: 600 3rem 'Lato',sans-serif;
}

.app-monitoreo__nav-subtitulo .detalle-unidad {
    display: flex;
    align-items: center;
    margin-left: 1rem;
}

.app-monitoreo__nav-subtitulo .detalle-unidad:before {
    content: "\23F5";
    margin-right: 1rem;
}

.app-monitoreo__nav-subtitulo .detalle-cama{margin-left: 1rem;}
.app-monitoreo__nav-subtitulo .detalle-turno{margin-left: 1rem;}

.app-monitoreo__nav-subtitulo .subtitulo-volver{
    background-color: var(--primary-f-normal);
    display: flex;
    align-items: center;
    border-radius: 0.5rem;
    padding: 0.4rem 2rem;
    margin-left: 2rem;
    font-size: 2rem;
}

.app-monitoreo__nav-subtitulo .subtitulo-volver:hover {
    background-color: var(--primary-a-bright);
    color: var(--primary-a-normal);
}

.app-monitoreo__nav-subtitulo .subtitulo-volver:before {
    -webkit-mask-image: url(//shared.lahuen.health/assets/skins/lahuen/base/images/icon_back.svg);
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    content: ' ';
    height: 1.8rem;
    margin-right: 1rem;
    width: 1.8rem;
    background-color: var(--primary-c-normal);
}

.app-monitoreo__nav-subtitulo .subtitulo-volver:hover:before{
	background-color: var(--primary-a-normal) ;
}

/*
.app-monitoreo__nav-subtitulo .boton-accion{
display: inline-block;
background-color: #5485cc;
font-size: 2rem;
font-weight: 500;
color: #fff;
padding: .8rem 1rem;
vertical-align: top;
margin-left: 1rem;
border-radius: .5rem;
}
*/

.app-monitoreo__nav-subtitulo .links{display: flex;}


#cudyrAppMovil {
    display: flex;
    flex-direction: column;
}
/* Barra de búsqueda paciente */

.app-monitoreo__buscador {
    border-top: 0.1rem solid var(--primary-d-light);
    border-bottom: 0.1rem solid var(--primary-d-light);
    margin: 1rem 3rem;
    padding: 0.5rem 0;
}

.app-monitoreo__buscador input {
    color: var(--gray-a);
    font: 400 1.5rem/1.5rem 'Open Sans', sans-serif;
    outline: none;
    width: 50rem;
    align-items: center;
    background-color: white;
    border: 0.1rem solid var(--primary-f-normal);
    border-radius: 0.5rem;
    display: flex;
    height: 3.5rem;
    padding: 0 1rem;
}

.app-monitoreo__buscador input::placeholder{
color: #bbb;
font-style: italic;
}

/* Menú botones para elegir unidad */
.app-monitoreo__select-unidad {
    display: flex;
    margin: 2rem 6rem;
}

.app-monitoreo__select-unidad .menu-unidades{
	display: flex;
	flex-wrap: wrap;
	gap: 3rem;
}

.app-monitoreo__select-unidad .unidad-item{
	height: 28rem;
    width: 20.5rem;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-around;
    font: 400 2rem 'Lato',sans-serif;
    color: var(--primary-c-normal);
    padding: 2rem;
    background-color: #fff;
    border-radius: 1rem;
    text-align: center;
    cursor: pointer;
}

.app-monitoreo__select-unidad .unidad-icon {
    display: flex;
}

.app-monitoreo__select-unidad .unidad-icon:before {
    -webkit-mask-image: url(//shared.lahuen.health/assets/skins/lahuen/base/images/icon_bed.svg);
    -webkit-mask-repeat: no-repeat;
    content: ' ';
    height: 9rem;
    width: 11rem;
    background-color: var(--primary-c-normal);
}

.app-monitoreo__select-unidad .unidad-item:hover{
	background-color: var(--primary-b-bright);
}

.app-monitoreo__select-unidad .unidad-detalle,
.app-monitoreo__select-unidad .unidad-piso {
    font: 400 1.75rem 'Open Sans',sans-serif;
    color: var(--primary-d-normal);
}

.app-monitoreo__select-unidad .unidad-nombre {
    font: 600 2rem 'Lato',sans-serif;
}

.app-monitoreo__select-unidad .unidad-pendiente{
display: inline-block;
padding: .5rem 1rem;
text-align: center;
width: 12rem;
background-color: #d8d8d8;
color: #565656;
margin-top: .5rem;
border-radius: .5rem;
}
.app-monitoreo__select-unidad .unidad-listo{
display: inline-block;
padding: .5rem 1rem .5rem 3.5rem;
text-align: center;
width: 12rem;
background: #c6eac4 url("../images/icon--check.svg") 23% 55%/2rem no-repeat;
color: #4d9645;
margin-top: .5rem;
border-radius: .5rem;
}

/* Modificador para unidad sin pacientes */
.app-monitoreo__select-unidad .unidad-item.sin-pacientes{opacity: .3; cursor: not-allowed;}

.app-monitoreo__select-unidad .unidad-item.sin-pacientes img{filter: grayscale();}

.app-monitoreo__select-unidad .unidad-vacia{
display: inline-block;
padding: .5rem 1rem;
text-align: center;
width: 14rem;
border: .1rem solid #d8d8d8;
color: #565656;
margin-top: .5rem;
border-radius: .5rem;
}


/* Al abrir una unidad, con barra de título + subtítulo + buscador */
.app-monitoreo__cuerpo-centrado{
    display: flex;
    flex: 1 1;
    padding: 1rem 3rem;
}

.app-monitoreo__cuerpo-listado{
height: auto;
padding: 3rem;
}

/* Tabla listado de pacientes */
.app-monitoreo__tabla{
	width: 100%;
	height: auto;
	border-collapse: separate;
	border-spacing: 0 0.5rem;
    text-transform: uppercase;
}

.app-monitoreo__tabla th {
    font: 600 1.6rem/normal 'Open Sans', sans-serif;
    text-align: left;
    padding: 1rem 2rem;
    background-color: var(--primary-f-light);
    color: var(--primary-d-normal);
}

.app-monitoreo__tabla th:first-child,
.app-monitoreo__tabla tr td:first-child {
    border-radius: 0.5rem 0 0 0.5rem;
}

.app-monitoreo__tabla th:last-child,
.app-monitoreo__tabla tr td:last-child {
    border-radius: 0 0.5rem 0.5rem 0;
}


.app-monitoreo__tabla tr {
    background-color: #fff;
}

.app-monitoreo__tabla td {
	border-right: 0.1rem solid #dddde4;
    font: 400 1.6rem/normal 'Open Sans', sans-serif;
    padding: 1rem 2rem;
    vertical-align: middle;
}

.app-monitoreo__tabla .boton-accion {
	display: flex;
    font: 600 1.6rem 'Open Sans',sans-serif;
    color: var(--primary-d-normal);
    align-items: center;
        padding: 0.25rem 0;
}

.app-monitoreo__tabla .boton-accion:before {
    -webkit-mask-image: url('//shared.lahuen.health/assets/skins/lahuen/worklist/images/icon_document_evaluate.svg');
    -webkit-mask-repeat: no-repeat;
    content: ' ';
    height: 2rem;
    width: 2rem;
    background-color: var(--primary-c-normal);
}

.app-monitoreo__tabla .boton-accion img{width: 2.3rem;}
.app-monitoreo__tabla .boton-accion .texto{margin-left: 1rem; text-transform: none}

.app-monitoreo__tabla .boton-accion.off {
	color: #6c6d6c;
	    opacity: .4;
	cursor: not-allowed;
}

/* Barra resumen información del paciente */
.app-monitoreo__info-paciente{
background: url('//shared.lahuen.health/assets/skins/lahuen/base/images/bg_leaves_v2.svg') no-repeat left;
    height: 8rem;
    width: 100%;
    background-color: #fff;
    padding: 1rem 10rem 1rem 14rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.app-monitoreo__info-paciente .info-paciente__nombre {
    display: flex;
    align-items: center;
}

.app-monitoreo__info-paciente .nombre-icono{
display: inline-block;
vertical-align: middle;
margin-right: 2rem;
}
.app-monitoreo__info-paciente .nombre-icono img{width: 7rem;}

.app-monitoreo__info-paciente .nombre-texto{
font: 600 2.2rem 'Lato',sans-serif;
    color: var(--primary-c-normal);
    margin-right: 2rem;
    display: flex;
    flex-direction: column;
}
.app-monitoreo__info-paciente .nombres{font-weight: 600;}

.app-monitoreo__info-paciente .nombre-sexo{
display: inline-block;
vertical-align: middle;
}
.app-monitoreo__info-paciente .nombre-sexo img{width: 5rem;}

.info-paciente__datos {
    font: 400 1.6rem 'Open Sans',sans-serif;
    display: flex;
    flex-direction: column;
}

.info-paciente__datos .dato-titulo {
    color: var(--primary-d-normal);
}

/* Checkbox círculo azul */
.checkbox-circulo{
	-webkit-appearance	: none;
    background-color: #fff;
    border: 0.1rem solid var(--primary-e-dark);
	background-image	: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg"/>');
	background-position	: center;
	background-repeat	: no-repeat;
	background-size		: 3rem;
    border-radius       : 50%;
    cursor              : pointer;
	height				: 3.8rem;
    outline             : none;
	transition			: background-color ease .2s, background-image ease .2s;
	width				: 3.8rem;
	min-width			: 3.8rem;
}

.checkbox-circulo:checked{
	background-image	: url('data:image/svg+xml,<svg fill="%2380809C" 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>');
}

.checkbox-circulo:disabled {
	background-color: #dfdfdf;
	cursor: not-allowed;
}

.checkbox-cuadrado{
	-webkit-appearance	: none;
    background-color    : #dce1ef;
	background-image	: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg"/>');
	background-position	: center;
	background-repeat	: no-repeat;
	background-size		: 2.6rem;
    border-radius       : 1rem;
    cursor              : pointer;
	height				: 3em;
    outline             : none;
	transition			: background-color ease-in 0.25s, background-image ease-in 0.25s;
	width				: 3em;
    margin              : 0;
}

.checkbox-cuadrado:checked{
	background-image	: url('data:image/svg+xml,<svg fill="%23193c82" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1671 566q0 40-28 68l-724 724-136 136q-28 28-68 28t-68-28l-136-136-362-362q-28-28-28-68t28-68l136-136q28-28 68-28t68 28l294 295 656-657q28-28 68-28t68 28l136 136q28 28 28 68z"/></svg>');
}


/* Animación tipo parpadeo */
@keyframes blink{20% {opacity: 0}}
@keyframes blink-background{20% {background-color: #ffb3b3}}

.app-monitoreo__footer{
margin-top: 3rem;
margin-bottom: 3rem;
width: 100%;
display: flex;
justify-content: center;
}

.app-monitoreo__footer .footer__guardar{
    align-items: center;
    border: 0.1rem solid var(--primary-a-normal);
    border-radius: 0.5rem;
    display: flex;
    padding: 0.75rem 3rem;
    transition: background-color ease .25s;
    background-color: var(--primary-a-normal);
    font: 600 1.8rem/normal 'Lato', sans-serif;
    color: #fff;
    width: fit-content;
    cursor: pointer;
}

.app-monitoreo__footer .footer__guardar:hover{
	background-color: var(--primary-a-light);
}

.deleted{
	text-decoration:line-through;
}