.diaglog-historial {
	border-radius: 1rem;
	width: 70rem;
	padding: 2rem 3rem;
	border: none;
	min-height: 50rem;
	max-height: 60rem;
	overflow: hidden;
}

.diaglog-historial .cerrar {
	display: flex;
	background: url('/assets/skins/lahuen/base/images/icon_close.svg') center/1.5rem no-repeat;
	position: absolute;
	top: 1.5rem;
	right: 1.5rem;
	cursor: pointer;
	height: 1.2rem;
	width: 1.2rem;
}

.monitoreo__signos-vitales .diaglog-historial .titulo {
	margin-bottom: 0.5rem;
	color: var(--primary-c-normal);
	font: 600 2.4rem 'Lato', sans-serif;
	text-align: left;
	border-bottom: none;
}

.diaglog-historial .subtitulos-group {
	margin-bottom: 0.2rem;
}

.diaglog-historial .subtitulo.sin-indicacion--vs {
	padding-bottom: 1rem;
}

.diaglog-historial .nombre-completo-paciente {
	display: flex;
	flex-direction: column;
	color: var(--gray-a);
	font: 400 1.2rem 'Open Sans', sans-serif;
	text-align: left;
	align-items: flex-start;
	text-transform: none;
}

.diaglog-historial .nombre-completo-paciente:before {
	content: 'Paciente';
	font: 600 1.2rem 'Lato', sans-serif;
	color: var(--primary-d-normal);
}

.diaglog-historial .subtitulo {
	display: flex;
	flex-direction: column;
	color: var(--gray-a);
	font: 400 1.2rem 'Open Sans', sans-serif;
	text-transform: none;
	align-items: flex-start;
}

.diaglog-historial .subtitulo:before {
	content: 'Indicaciones';
	font: 600 1.2rem 'Lato', sans-serif;
	color: var(--primary-d-normal);
}

.diaglog-historial .contenido {
	max-height: 40rem;
}

.diaglog-historial .contenido .tag {
	display: inline-block;
	font-family: 'Dosis', sans-serif;
	text-transform: uppercase;
	color: #fff;
	background-color: rgba(52, 114, 130, 1);
	font-size: 0.8em;
	padding: 0.4em;
}

.diaglog-historial .footer {
	text-align: center;
	display: flex;
	margin-top: 1rem;
	justify-content: center;
}

.diaglog-historial .footer .boton {
	font: 600 1.3rem 'Lato', sans-serif;
	border-radius: 0.4rem;
	padding: 0.5rem 1.5rem;
	cursor: pointer;
	color: var(--primary-d-normal);
	border: 0.1rem solid var(--primary-d-normal);
}
.diaglog-historial .footer .boton.aceptar:hover {
	background-color: #708875;
}
.diaglog-historial .footer .boton.aceptar:active {
	background-color: #76bf86;
}

.diaglog-historial .contenido .encabezado table {
	width: 100%;
	font-size: 1.2rem;
	font-family: 'Open Sans', sans-serif;
	color: var(--gray-a);
	margin-bottom: 1rem;
}

.diaglog-historial .contenido .encabezado tr {
	display: flex;
	flex-direction: column;
}

.diaglog-historial .contenido .encabezado table th {
	font: 600 1.2rem 'Lato', sans-serif;
	color: var(--primary-d-normal);
	text-align: left;
}

.diaglog-historial .contenido .encabezado table td {
	padding: 0.2rem 0;
}

.diaglog-historial .contenido .historial {
	width: 100%;
	max-height: 33rem;
	overflow: auto;
}

.diaglog-historial .footer .boton.cancelar:hover {
	color: #fff;
	background-color: var(--primary-d-normal);
	transition: all 0.3s ease;
}

.diaglog-historial .footer .boton.cancelar:active {
	background-color: #f46767;
}

.diaglog-historial .contenido .historial table {
	color: var(--gray-a);
	font: 400 1.2rem 'Open Sans', sans-serif;
	overflow: auto;
}

.diaglog-historial .contenido .historial th {
	background-color: var(--primary-f-light);
	color: var(--primary-d-normal);
	font: 600 1.2rem 'Lato', sans-serif;
	padding: 0.5rem;
	text-align: left;
	text-transform: none;
}

.diaglog-historial .historial-detail-section_details {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
}

.diaglog-historial .contenido .historial td {
	padding: 0.4rem;
	border-bottom: 0.15rem solid var(--gray-e);
	color: var(--gray-a);
	font: 400 1.2rem 'Open Sans', sans-serif;
}

.diaglog-historial .contenido .historial table th.fecha {
	width: 18%;
}

.diaglog-historial .contenido .historial table th.horario-prog {
	width: 17%;
}

.diaglog-historial .contenido .historial table th.registro {
	width: 17%;
}

.diaglog-historial .contenido .historial table th.accion {
	width: 25%;
}

.diaglog-historial .contenido .historial table th.observaciones {
	width: 27%;
}

.diaglog-historial .historial .w-action--eliminar {
	background: url('/assets/skins/lahuen/base/images/icon_delete.svg') no-repeat center;
	background-size: 1.4rem;
	height: 1.8rem;
	width: 1.8rem;
	border-radius: 0.3rem;
	padding: 1rem;
	border: none;
	cursor: pointer;
	transition: all ease 0.2s;
	text-indent: -9999px;
}

.diaglog-historial .historial .w-action--eliminar:hover {
	background-color: var(--primary-e-bright);
}

.diaglog-historial .historial .deleted-date,
.diaglog-historial .historial .deleted-name,
.diaglog-historial .historial .deleted-action,
.diaglog-historial .historial .deleted-description {
	text-decoration: line-through;
	opacity: 0.5;
	margin-right: 1rem;
}

.diaglog-historial .w-action.w-action--action-detail {
	background-color: var(--primary-e-bright);
	color: var(--primary-c-normal);
	padding: 0.2rem 0.5rem;
	border-radius: 0.2rem;
	font: 400 1.1rem 'Lato', sans-serif;
	margin-left: 0.3rem;
	cursor: pointer;
	border: none;
	transition: all ease 0.3s;
}

.diaglog-historial .w-action.w-action--action-detail:hover {
	background: var(--primary-a-bright);
	color: var(--primary-a-normal);
	transition: background-color 0.3s ease;
}

.diaglog-historial .historial-detail-section_details__section--row {
	max-width: 9.4rem;
}

/*tachar eliminadas*/
.historial-deleted .historial-responsable-section .historial-responsable-section__date,
.historial-deleted .historial-responsable-section .historial-responsable-section__responsable,
.historial-deleted .historial-prog-section .historial-prog-section__date,
.historial-deleted .historial-type-section .historial-type-section__type {
	text-decoration: line-through;
}

/*delete modal*/
.historial-deleted .historial-observation-section__cancel-responsable:before,
.historial-deleted .historial-observation-section__cancel-motive:before {
	content: '\25BA';
	padding-right: 8px;
	color: #ccc;
	font-size: 0.7em;
}

.w-modal__body > span {
	width: -webkit-fill-available;
}

.confirm-delete .nombre-completo-paciente {
	display: flex;
	flex-direction: column;
	margin-bottom: 1rem;
	font: 400 1.2rem 'Open Sans', sans-serif;
}

.confirm-delete .nombre-completo-paciente:before {
	content: 'Paciente';
	color: var(--primary-d-normal);
	font: 600 1.2rem 'Lato', sans-serif;
	margin-bottom: 0.2rem;
}

.confirm-delete .description-indication {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	font-family: 'Dosis', sans-serif;
	text-transform: uppercase;
	color: #2d6370;
	font-size: 1.4rem;
	font-weight: 600;
	margin-bottom: 0.3rem;
}

.confirm-delete .deletion-reason {
	color: var(--primary-d-normal);
	font: 600 1.2rem 'Lato', sans-serif;
}

.confirm-delete .program-date {
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: 'Dosis', sans-serif;
	text-transform: uppercase;
	font-size: 1.2rem;
	font-weight: 600;
}

.deletion-reason-container {
	display: flex;
	flex-direction: column;
	margin-bottom: 2rem;
}

.confirm-delete .deletion-reason-input {
	width: -webkit-fill-available;
	background-color: #fff;
	font: 400 1.2rem 'Open Sans', sans-serif;
	border: 0.1rem solid var(--primary-e-normal);
	margin-top: 0.2rem;
	padding: 0.3rem 0.5rem;
	border-radius: 0.3rem;
	outline: none;
}

.confirm-delete .info-error {
	font-family: 'Open Sans', sans-serif;
	text-transform: none;
	font-size: 1rem;
	background-color: rgba(255, 255, 255, 0.8);
	color: #f46767;
	margin-bottom: 0.5rem;
}