

.c-patient-modal.c-patient-modal--visible .c-patient-modal__popup{
	position: fixed;
	z-index: 1100;
	height: 96vh;
	width: 98vw;
	max-height: 100%;
	max-width: 100%;
	margin: 1rem;
	background-color: #fff;
	border: none;
	border-radius: .5rem;
padding: 0;
}

.c-patient-modal:not(.c-patient-modal--visible) .c-patient-modal__popup {
display: none;
}

.c-patient-modal:not(.c-patient-modal--visible) .c-patient-modal__backdrop {
display: none;
}

.c-patient-modal.c-patient-modal--visible .c-patient-modal__backdrop {
background-color: rgba(52, 58, 64, .6);
height: 100vh;
left: 0;
position: fixed;
top: 0;
width: 100vw;
z-index: 1000;
}

.c-patient-modal .c-patient-modal__header {
display: flex;
justify-content: flex-end;
	padding-right: 1rem;
	padding-top: 1.2rem;
}

.l-root__modal-patient .c-patient-modal-content__header .c-title__label {
font: 600 2.2rem 'Lato', sans-serif;
color: var(--primary-c-normal);
padding: 3rem;
}


.c-patient-modal .c-patient-modal__header .c-patient-modal__preheader-action--close {
background: url('/assets/skins/lahuen/base/images/icon_close.svg') center/1.2rem no-repeat;
	width: 1rem;
	height: 1rem;
}

.c-patient-modal .c-patient-modal__header .c-patient-modal__preheader-action--close .c-label {
display: none;
}

.c-patient-modal .c-patient-modal__body .c-patient-cardboard::before {
	position: absolute;
	top: 0rem;
	left: 0rem;
	background-position: center;
	content: "";
	background: url('/assets/skins/lahuen/base/images/icon_patient_bar.svg') no-repeat;
	background-size: 18rem;
	height: 100%;
	width: 20rem;
	height: 11rem;
	border-radius: .5rem 0 0 0;
}
.c-patient-modal .c-patient-modal__body .c-patient-cardboard {
	display: flex;
    flex-direction: column;
    font-family: 'Open Sans', sans-serif;
    font-size: 1.3rem;
    color: var(--gray-b);
    width: 12.8%;
    padding: 12.5rem 2rem;
    border-right: 0.1rem solid var(--gray-e);
    height: 100%;
    line-height: 1.3rem;
}

.c-patient-modal .c-patient-modal__content.c-patient-modal-content {
	width: 88.2%;
}


/*/assets/skins/hjm/base/images/icon_patient_bar.svg*/
.c-patient-modal__body {
	display: flex;
}

.c-patient-modal .c-patient-modal__body .c-patient-cardboard .icon-modal-profile {
	bottom: 2rem;
	width: 9rem;
	position: absolute;
	top: 2rem;
	left: 4rem;
}


.c-patient-modal .c-modal__body {
	position: absolute;
	top: 3rem;
	left: 18rem;
	right: 2rem;
	bottom: 5rem;
}

.c-patient-modal .c-modal-link__iframe {
	position: absolute;
	top: 2rem;
	left: 2rem;
	right: 2rem;
	height: 97%;
	width: 98%;
}

.c-patient-modal .c-patient-cardboard__header .c-title__label,
.c-patient-modal .c-patient-cardboard__body .c-pair {
display: flex;
flex-direction: column;
margin-bottom: 1rem;
}

.c-patient-modal .c-patient-modal .c-modal__header{
padding: 10rem 1.5rem;
}

.c-patient-cardboard .c-patient-cardboard-value {
font: 400 1.3rem 'Open sans', sans-serif !important;
}
.c-patient-cardboard .c-patient-cardboard__title .c-title__label {
font: 400 1.3rem 'Open sans', sans-serif !important;
}

.c-patient-cardboard .c-patient-cardboard-title .c-pair__label {
font: 600 1.2rem 'Lato', sans-serif;
color: var(--primary-d-normal)!important;
}

.c-patient-cardboard .c-patient-cardboard-value__date {
font: 400 1.3rem 'Lato', sans-serif!important;
color: var(--primary-e-light)
}

.c-patient-modal .c-patient-cardboard__header .c-title__label:before{
content: "Nombre";
}

.c-patient-modal .c-patient-modal .c-modal__body {
left: 20rem;
top: 2rem;
}

.c-patient-modal .c-form-container__header .c-title__label {
display: flex;
align-items: center;
font: 600 2.3rem 'Lato', sans-serif;
color: var(--primary-c-normal);
border-radius: 0.4rem 0.4rem 0 0;
}

.c-patient-modal .c-form-container__body {
margin-top: 1rem;
}

.c-patient-modal .c-form-section__body .c-pair {
display: flex;
flex-wrap: wrap;
align-items: baseline;
}


.c-patient-modal .c-table__header .c-table-header__row {
	position: sticky;
	top: 0;
}

.c-patient-vs-capsule-title .c-pair__label {
	font: 600 1.2rem 'Lato', sans-serif;
	color: var(--primary-d-normal) !important;
}

.c-patient-vs-capsule__body .c-patient-vs-capsule-value.c-label {
	font: 400 1.3rem 'Open sans', sans-serif !important;
}

.c-patient-vs-capsule__body .c-patient-vs-capsule-value.c-vs-date {
	color: var(--primary-d-normal) !important;
}

