/**
 * @license Copyright 2022 Lahuen Health SPA. All Rights Reserved.
 */
/* Pantallas vacías */
.w-panel--plan-atencion .empty {
	background-image: none;
	height: 44rem;
}

.w-panel--plan-atencion .empty .mensaje {
	padding: 0;
	width: -webkit-fill-available;
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: -webkit-fill-available;
}

.w-panel--plan-atencion .empty .mensaje:before {
	background: #fff url('/assets/skins/lahuen/worklist/images/bg_empty_grid.svg') no-repeat center/18rem;
	content: '';
	height: 24rem;
	width: 20rem;
}

.w-panel--plan-atencion .empty .mensaje .subtitulo {
	color: var(--primary-d-normal);
	margin-bottom: 0.25rem;
	font: 600 1.7rem 'Lato', sans-serif;
}

.w-panel--plan-atencion .empty .mensaje .parrafo {
	font: 400 1.2rem 'Open Sans', sans-serif;
	color: var(--gray-d);
}

.w-panel--plan-atencion {
	flex-direction: column;
}

/* Tabs superiores */
.w-panel--plan-atencion .w-tabbedpane--vertical {
	flex-direction: row;
	width: -webkit-fill-available;
	padding: 0;
	background: none;
	height: fit-content;
}

.w-panel--plan-atencion .w-tabbedpane__action {
	border-top: 0.5rem solid #fff;
	color: var(--primary-c-normal);
	background-color: var(--primary-f-light);
	border-color: var(--primary-f-light);
	margin-right: 0.3rem;
	cursor: pointer;
	border-radius: 0.5rem 0.5rem 0 0;
	padding: 1rem 2rem;
	font: 400 1.3rem 'Lato', sans-serif;
	border: none;
	display: flex;
	align-items: center;
}

.w-panel--plan-atencion .w-tabbedpane__action:hover {
	background-color: #fff;
	border-color: #fff;
}

.w-panel--plan-atencion .w-tabbedpane .w-action--selected {
	background-color: #fff;
	border-top: 0.5rem solid var(--primary-c-normal);
}

.w-panel--plan-atencion .w-action__pendings {
    background-color: var(--primary-f-bright);
    padding: 0rem 0.5rem;
    border-radius: 0.5rem;
}

.w-panel--plan-atencion .w-action--selected .w-action__pendings {
    background-color: var(--primary-d-bright);
}

/* Cuerpo */
.w-panel--plan-atencion > .w-panel__body {
	background-color: #fff;
	padding: 2rem;
	min-height: 45rem;
	border-radius: 0 0.5rem 0.5rem 0.5rem;
}

/* Horarios programados */
.w-panel--plan-atencion .title {
	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;
	margin-bottom: 1rem;
}

.w-panel--plan-atencion .w-timeline {
	margin-bottom: 2rem;
}

.w-panel--plan-atencion .w-timeline .w-table {
	width: 100%;
}

.w-panel--plan-atencion .w-timeline .w-table-header__cell {
	color: var(--primary-d-normal);
	font: 400 1.2rem 'Lato', sans-serif;
}

.w-panel--plan-atencion .w-timeline .w-table-header__cell.w-table-cell--nombre {
	text-align: right;
}

.w-panel--plan-atencion .w-timeline .w-table-body__row.inactive .w-table-cell--nombre {
	color: var(--gray-d);
}

.w-panel--plan-atencion .w-timeline .w-table-body__cell {
	width: 4.5rem;
	text-align: center;
	padding: 0.2rem 0;
	background: var(--primary-f-bright) url('/assets/skins/lahuen/ehr/images/plan_atencion_background.svg');
}

.w-panel--plan-atencion .w-timeline .w-table-body__cell.w-table-cell--nombre {
	font: 600 1.2rem 'Lato', sans-serif;
	text-transform: none;
	color: var(--primary-c-normal);
	text-align: right;
	background-image: none;
}

.w-panel--plan-atencion .w-timeline .tomorrow {
	background-color: var(--primary-f-light);
}

.w-panel--plan-atencion .w-timeline .w-table-body__cell .w-table-cell__content {
	background-color: #fff;
	border-radius: 0.2rem;
	padding: 0 0.5rem;
	display: inline-flex;
	font: 600 1.2rem 'Lato', sans-serif;
}

.w-panel--plan-atencion .w-timeline .w-table-body__row.active {
	color: var(--primary-c-normal);
}

.w-panel--plan-atencion .w-timeline .w-table-body__row.inactive {
	color: var(--gray-d);
}

.w-panel--plan-atencion .w-timeline .w-table-body__cell.w-table-cell--icon {
	background: none;
}

/* Horarios por programar */

.programacion-atencion__indicaciones-no-programadas .title {
    display: flex;
    align-items: center;
}

/*.programacion-atencion__indicaciones-no-programadas .title:before {
    content: '';
    width: 1rem;
    height: 1rem;
    background-color: var(--system-error-normal);
    border-radius: 50%;
    margin-right: 0.5rem;
}*/

.programacion-atencion__indicaciones-programadas .contenido {
	display: flex;
}

.programacion-atencion__indicaciones-programadas .w-table {
	flex: 1;
}

.programacion-atencion__indicaciones-programadas .w-table-header__cell,
.programacion-atencion__indicaciones-no-programadas .w-table-header__cell {
	text-align: left;
	background-color: var(--primary-e-bright);
	color: var(--primary-d-normal);
	font: 600 1.2rem 'Lato', sans-serif;
	padding: 0.4rem 1rem;
}

.programacion-atencion__indicaciones-programadas .w-table-header__cell:first-child,
.programacion-atencion__indicaciones-no-programadas .w-table-header__cell:first-child {
	border-radius: 0.3rem 0 0 0.3rem;
}

.programacion-atencion__indicaciones-programadas .w-table-header__cell:last-child,
.programacion-atencion__indicaciones-no-programadas .w-table-header__cell:last-child {
	border-radius: 0 0.3rem 0.3rem 0;
}

.programacion-atencion__indicaciones-programadas .w-table-cell--schedules {
    width: 36rem;
}

.programacion-atencion__indicaciones-programadas .w-table-cell--schedule {
	width: 33rem;
}

.programacion-atencion__indicaciones-programadas .w-table-cell--observations {
	width: 14rem;
}

.programacion-atencion__indicaciones-programadas .w-table-cell--responsible {
	width: 16rem;
}

.programacion-atencion__indicaciones-programadas .w-table-cell--actions {
	width: 11rem;
}

.programacion-atencion__indicaciones-programadas .w-table-header__cell.w-table-cell--schedule .w-status-title {
	display: flex;
	align-items: center;
	gap: 2rem;
}

.programacion-atencion__indicaciones-programadas .w-table-header__cell.w-table-cell--schedule .bp-dropdown__btn {
	width: 18rem;
	color: var(--primary-c-normal);
	background: #fff;
	border: 0.1rem solid var(--primary-e-normal);
	border-radius: 0.3rem;
	padding: 0.2rem 0.5rem;
	font: 400 1.2rem 'Lato', sans-serif;
}

.programacion-atencion__indicaciones-programadas .w-table-header__cell.w-table-cell--schedule .bp-dropdown {
	position: relative;
}

.programacion-atencion__indicaciones-programadas .w-table-header__cell.w-table-cell--schedule .bp-dropdown__body {
	width: -webkit-fill-available;
	font: 400 1.2rem 'Open Sans', sans-serif;
	color: var(--gray-a);
	border-radius: 0.3rem;
	padding: 0.4rem 0.2rem;
	position: absolute;
	top: 2.3rem !important;
	left: 0 !important;
}

.programacion-atencion__indicaciones-programadas .w-table-header__cell.w-table-cell--schedule .bp-dropdown__icon {
	margin-left: auto;
}

.programacion-atencion__indicaciones-programadas .w-table-header__cell.w-table-cell--schedule .bp-dropdown__body li {
	border-bottom: 0.1rem solid #dddddd;
	padding: 0.4rem 0.3rem;
}

.programacion-atencion__indicaciones-programadas
	.w-table-header__cell.w-table-cell--schedule
	.bp-dropdown__body
	li:last-child {
	border: none;
}

.programacion-atencion__indicaciones-programadas .w-table-header__cell.w-table-cell--schedule .bp-dropdown__body label {
	display: flex;
	align-items: center;
}

.programacion-atencion__indicaciones-programadas .w-table-header__cell.w-table-cell--schedule .bp-dropdown__body input {
	background-size: 1rem;
	margin-right: 0.5rem;
}

/* Estilo para mensaje sobre filtros de la tabla */
.w-panel--plan-atencion .filter-error {
	font: 400 1.2rem 'Open sans', sans-serif;
	color: var(--gray-d);
	display: flex;
	justify-content: center;
	padding: 2rem;
}

.programacion-atencion__indicaciones-programadas .w-table__secondary .w-table-header__cell {
	display: none;
}

/* Cuerpo Tabla */
.programacion-atencion__indicaciones-programadas .w-table-body__cell,
.programacion-atencion__indicaciones-no-programadas .w-table-body__cell {
	font: 400 1.2rem 'Open Sans', sans-serif;
	padding: 0.5rem 1rem;
	vertical-align: top;
	border-bottom: 0.1rem solid var(--primary-f-normal);
}

/* Etiqueta nuevo */
.programacion-atencion__indicaciones-programadas .new-program {
	background-color: var(--secondary-c-bright);
	color: var(--gray-a);
	font: 400 1.2rem 'Open Sans', sans-serif;
	border-radius: 0.4rem;
	padding: 0.1rem 0.5rem;
	margin-left: 0.5rem;
}

/* Indicaciones programadas */
.programacion-atencion__indicaciones-programadas .w-table-body__cell--horarios {
	/* display: flex; */
	align-items: center;
}

.programacion-atencion__indicaciones-programadas .w-table-body__cell--sos {
	padding: 0 0.3rem;
	border: 0.1rem solid var(--gray-e);
	border-radius: 0.3rem;
}

.programacion-atencion__indicaciones-programadas .w-table-cell--schedule .w-action {
	background: var(--primary-f-light);
	color: var(--primary-c-normal);
	font: 400 1rem 'Lato', sans-serif;
	padding: 0.2rem 0.5rem;
	margin-left: 0.5rem;
	border-radius: 0.3rem;
	border: none;
	cursor: pointer;
	width: fit-content;
	transition: all ease 0.3s;
}

.programacion-atencion__indicaciones-programadas .w-table-cell--schedule .w-action:hover {
	background-color: var(--primary-a-bright);
	color: var(--primary-a-normal);
}

.programacion-atencion__indicaciones-programadas .w-table-cell--schedule .all-done {
	color: var(--gray-d);
}

.programacion-atencion__indicaciones-programadas .w-table-cell--schedule .late-schedule:before {
	content: '';
	width: 0.9rem;
	height: 0.9rem;
	background: url('data:image/svg+xml,<svg fill="%23E54848" 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>')
		center/.9rem no-repeat;
	margin-right: 0.2rem;
}

.programacion-atencion__indicaciones-programadas .w-table-cell--schedule .late-schedule {
	display: flex;
	align-items: center;
}

.programacion-atencion__indicaciones-programadas .w-table-cell--schedule .w-table-body__cell--horarios .prog-sos,
.programacion-atencion__indicaciones-programadas .w-table-cell--schedule .w-table-body__cell--horarios .next-schedule {
	margin-left: 0.4rem;
}

.programacion-atencion__indicaciones-programadas .w-table-body__cell.w-table-cell--responsible {
	color: var(--gray-d);
}

/* Acciones */
.programacion-atencion__indicaciones-programadas .w-table-cell--actions .w-action,
.programacion-atencion__indicaciones-no-programadas .w-table-cell--actions .w-action {
	border: none;
	padding: 0.9rem;
	border-radius: 0.3rem;
	width: 1.6rem;
	height: 1.6rem;
	cursor: pointer;
}

.programacion-atencion__indicaciones-programadas .w-table-cell--actions .w-action:hover {
	background-color: var(--primary-e-bright);
}

.programacion-atencion__indicaciones-programadas .w-programmed-table__actions {
	display: flex;
	gap: 1rem;
}

.programacion-atencion__indicaciones-programadas .w-table-cell--actions .w-action__label,
.programacion-atencion__indicaciones-no-programadas .w-table-cell--actions .w-action__label {
	display: none;
}

.programacion-atencion__indicaciones-programadas .w-table-cell--actions .w-action--horarios {
	background: url(/assets/skins/lahuen/base/images/icon_calendar.svg) center/1.4rem no-repeat;
}

.programacion-atencion__indicaciones-programadas .w-table-cell--actions .w-action--edit {
	background: url('/assets/skins/lahuen/ehr/images/icon_edit.svg') center/1.4rem no-repeat;
}

.programacion-atencion__indicaciones-programadas .w-table-cell--actions .w-action--history {
	background: url('/assets/skins/lahuen/ehr/images/icon_clock_arrow.svg') center/1.4rem no-repeat;
}

.programacion-atencion__indicaciones-no-programadas .w-table-cell--actions .w-action--limpiar {
	background: url('/assets/skins/lahuen/ehr/images/icon_broom.svg') center/1.6rem no-repeat;
}

.programacion-atencion__indicaciones-no-programadas .w-table-cell--otros .select--solid {
	background: #fff url('/assets/skins/lahuen/base/images/icon_select.svg') no-repeat right 0.4rem center/0.7rem;
}

/* Tabla no programados */
.programacion-atencion__indicaciones-no-programadas {
	margin-top: 2rem;
}

.programacion-atencion__indicaciones-no-programadas .w-table {
	width: 100%;
}

.programacion-atencion__indicaciones-no-programadas .w-table-cell--sos {
	width: 4rem;
}

.programacion-atencion__indicaciones-no-programadas .w-table-cell--constante {
	width: 7rem;
}

.programacion-atencion__indicaciones-no-programadas .w-table-cell--horario {
	width: 24rem;
}

.programacion-atencion__indicaciones-no-programadas .w-table-cell--otros {
    width: 18rem;
}

.programacion-atencion__indicaciones-no-programadas .w-table-cell--observaciones {
	width: 12rem;
}

.programacion-atencion__indicaciones-no-programadas .w-table-cell--actions {
	width: 6rem;
}

.w-table-cell--constante input:disabled,
.w-new-program__select-hour input:disabled {
	background-color: var(--primary-f-normal);
	cursor: initial;
}

/* Centrar columnas 'SOS', 'Constante' y 'Acciones' */
.programacion-atencion__indicaciones-no-programadas .w-table-cell--sos,
.programacion-atencion__indicaciones-no-programadas .w-table-cell--constante,
.programacion-atencion__indicaciones-no-programadas .w-table-cell--actions {
	text-align: center;
}

/* Info indicación */
.programacion-atencion__indicaciones-no-programadas .w-table-body__cell.w-table-cell--indicacion:before {
	-webkit-mask: url('/assets/skins/lahuen/ehr/images/icono--check--gris-claro.svg') no-repeat center;
	-webkit-mask-size: contain;
	background-color: var(--gray-f);
	content: ' ';
	height: 1.2rem;
	width: 1.2rem;
	margin-right: 0.5rem;
	padding: 0.65rem;
}

.programacion-atencion__indicaciones-no-programadas .w-table-body__cell.w-table-cell--indicacion.valid:before {
	background-color: var(--system-ok-normal);
}

/* Programar por horario */
.programacion-atencion__indicaciones-no-programadas .w-table-cell--horario label {
	display: flex;
	align-items: flex-start;
}

.programacion-atencion__indicaciones-no-programadas .w-table-cell--horario .w-action {
	background: var(--primary-f-light);
	color: var(--primary-c-normal);
	font: 400 1rem 'Lato', sans-serif;
	padding: 0.4rem 0.75rem;
	margin-left: 0.5rem;
	border-radius: 0.3rem;
	cursor: pointer;
	border: none;
	transition: all ease 0.3s;
}

.programacion-atencion__indicaciones-no-programadas .w-table-cell--horario .w-action:hover {
	background-color: var(--primary-a-bright);
	color: var(--primary-a-normal);
}

.programacion-atencion__indicaciones-no-programadas .w-table-cell--horario .selected_schedules {
	margin-left: 0.5rem;
}

/* Otros */
.programacion-atencion__indicaciones-no-programadas .w-table-cell--otros label {
	display: flex;
	align-items: center;
}

.programacion-atencion__indicaciones-no-programadas .w-table-cell--otros select {
	flex: 1;
	margin-left: 0.4rem;
}

/* Observaciones */
.programacion-atencion__indicaciones-no-programadas .w-table-body__cell input[type='text'] {
	outline: none;
	background-color: #fff;
	border: 0.1rem solid var(--primary-e-normal);
	border-radius: 0.3rem;
	padding: 0.3rem;
}

.programacion-atencion__indicaciones-no-programadas .w-table-body__cell input[type='text']:disabled {
	background: none;
	border: none;
	cursor: initial;
}

.programacion-atencion__indicaciones-no-programadas .w-table-body__cell input[type='text']:focus {
	border-color: var(--primary-b-light);
	transition: border-color 0.3s ease;
}

/* Footer */
.w-panel--plan-atencion .w-panel__footer {
	padding: 2rem 0;
}

.w-panel--plan-atencion .w-panel__footer div {
	display: flex;
	flex-direction: row-reverse;
}

.w-panel--plan-atencion .w-panel__footer .w-action {
	display: flex;
	align-items: center;
	font: 600 1.3rem '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;
}

.w-panel--plan-atencion .w-panel__footer .w-action:hover {
	background-color: var(--primary-d-normal);
	color: #fff;
	transition: all 0.3s ease;
}

.w-panel--plan-atencion .w-panel__footer .w-action--save {
	background-color: var(--primary-a-normal);
	border: none;
	color: #fff;
}

.w-panel--plan-atencion .w-panel__footer .w-action--save:hover {
	background-color: var(--primary-a-light);
	transition: all 0.3s ease;
}

/* Pop up - Historial de la indicación */
.w-panel--plan-atencion .w-historial-programas {
	border-radius: 1rem;
	width: 46rem;
	padding: 2rem 3rem;
	border: none;
	max-height: 54rem;
}

.w-panel--plan-atencion .w-historial-programas__title {
	color: var(--primary-c-normal);
	font: 600 2.4rem 'Lato', sans-serif;
}

.w-panel--plan-atencion .w-historial-programas__sub-title {
	font: 400 1.3rem 'Open Sans', sans-serif;
	display: flex;
	flex-direction: column;
}

.w-panel--plan-atencion .w-historial-programas__sub-title:before {
	content: 'Indicación';
	font: 600 1.2rem 'Lato', sans-serif;
	color: var(--primary-d-normal);
}

.w-panel--plan-atencion .w-historial-programas__informacion-indicacion {
	margin-top: 1rem;
}

.w-panel--plan-atencion .w-historial-programas__informacion-indicacion > div {
	display: flex;
	flex-direction: column;
}

.w-panel--plan-atencion .w-historial-programas__info-nombre {
	font: 600 1.2rem 'Lato', sans-serif;
	color: var(--primary-d-normal);
}

.w-panel--plan-atencion .w-historial-programas__info-descripcion {
	font: 400 1.2rem 'Open Sans', sans-serif;
}

.w-panel--plan-atencion .w-historial-programas .w-modal__body {
	margin: 0.5rem 0 2rem;
	overflow-y: auto;
}

.w-panel--plan-atencion .w-historial-programas .w-table {
	width: 100%;
	font: 400 1.2rem 'Open Sans', sans-serif;
}

.w-panel--plan-atencion .w-historial-programas .w-table th {
	color: var(--primary-d-normal);
	background-color: var(--primary-e-bright);
	padding: 0.5rem 0.7rem;
	font: 600 1.2rem 'Lato', sans-serif;
	text-align: left;
}

.w-panel--plan-atencion .w-historial-programas .w-table-cell--header.w-table-cell--fecharesponsable {
	width: 14rem;
}

.w-panel--plan-atencion .w-historial-programas .w-table td {
	padding: 0.5rem;
	border-bottom: 0.1rem solid var(--gray-e);
}

/* Footer pop up */
.w-panel--plan-atencion .w-historial-programas .w-modal__footer {
	display: flex;
	align-items: center;
	justify-content: center;
}

.w-panel--plan-atencion .w-historial-programas .w-modal__footer .w-action {
	color: var(--primary-d-normal);
	border: 0.1rem solid var(--primary-d-normal);
	background-color: #fff;
	border-radius: 0.3rem;
	font: 600 1.3rem 'Lato', sans-serif;
	padding: 0.5rem 1.5rem;
	cursor: pointer;
}

.w-panel--plan-atencion .w-historial-programas .w-modal__footer .w-action:hover {
	color: #fff;
	background-color: var(--primary-d-normal);
	transition: background-color 0.3s ease;
}

/* Pop up 'Programación de indicación' */
.pop-up__programacion-indicacion .w-modal,
.pop-up__programacion-indicacion .w-modal__body {
	height: 100%;
}

.pop-up__programacion-indicacion {
	width: -webkit-fill-available;
	height: -webkit-fill-available;
	margin: 2rem;
	border: none;
	border-radius: 1rem;
	padding: 0;
}

.pop-up__programacion-indicacion .w-new-program__body {
	height: calc(100% - 7rem);
	position: relative;
	overflow-y: auto;
}

/* Cabecera indicación */
.pop-up__programacion-indicacion .w-new-program__header {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
}

.pop-up__programacion-indicacion .new-program__indication {
	font: 400 1.2rem 'Open Sans', sans-serif;
	margin-bottom: 0.5rem;
	width: -webkit-fill-available;
}

.pop-up__programacion-indicacion .new-program__indication-name {
	font-weight: 700;
	margin-right: 0.3rem;
}

.pop-up__programacion-indicacion .w-new-program__types {
	display: flex;
	align-items: center;
	font: 400 1.2rem 'Open Sans', sans-serif;
}

.pop-up__programacion-indicacion .w-new-program__types-title {
	font: 600 1.3rem 'Lato', sans-serif;
	color: var(--primary-c-normal);
}

.pop-up__programacion-indicacion .w-new-program__types .input-checkbox--solid {
	margin-right: 0.5rem;
}

.pop-up__programacion-indicacion .w-new-program__types label {
	display: flex;
	align-items: center;
	margin-left: 1rem;
}

.pop-up__programacion-indicacion .w-new-program__types select {
	margin-left: 1rem;
}

.pop-up__programacion-indicacion.w-new-program .w-new-program__body {
	display: flex;
	margin: 1rem 0;
}

.pop-up__programacion-indicacion .w-new-program__footer_observations {
	margin-left: 4rem;
	font: 400 1.2rem 'Open Sans', sans-serif;
}

.pop-up__programacion-indicacion .w-new-program__footer_observations input[type='text'] {
	background-color: #fff;
	border: 0.1rem solid var(--primary-e-normal);
	border-radius: 0.3rem;
	padding: 0.3rem 0.5rem;
	flex: 1;
	margin-left: 0.5rem;
}

/* Sugerir programa */
.pop-up__programacion-indicacion .w-new-program__suggest-schedules {
	width: 18rem;
	margin-right: 4rem;
	overflow-y: auto;
	font: 600 1.2rem 'Open Sans', sans-serif;
	color: var(--primary-c-normal);
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.pop-up__programacion-indicacion .w-new-program__body .w-new-program__select-schedules {
	width: 115rem;
	overflow: auto;
}

.pop-up__programacion-indicacion .w-new-program__body.editable .w-new-program__select-schedules {
	width: -webkit-fill-available;
	height: calc(100% - 5rem);
	overflow: auto;
}

.pop-up__programacion-indicacion .w-new-program__suggest-schedules-title,
.w-new-program__select-header-title {
	font: 600 1.3rem 'Lato', sans-serif;
	color: var(--primary-c-normal);
	border-bottom: 0.1rem solid var(--primary-e-normal);
	width: -webkit-fill-available;
}

.w-new-program__suggest-schedules-start-time {
	display: flex;
	flex-direction: column;
}

.w-new-program__suggest-schedules .vdp-datepicker {
	position: relative;
	text-align: left;
}

.w-new-program__suggest-schedules .vdp-datepicker input[type='text'] {
	position: relative;
	border-radius: 0.4rem;
	border: 0.1rem solid var(--primary-e-normal);
	padding-left: 1rem;
	background: #fff url(/assets/skins/lahuen/base/images/icon_calendar.svg) no-repeat right 1rem center/1.5rem;
	cursor: pointer;
	font: 400 1.2rem/1.5rem 'Open Sans', sans-serif;
	width: -webkit-fill-available;
	height: 2.3rem;
}

.w-new-program__suggest-schedules-start-date .vdp-datepicker__calendar {
	position: fixed;
	top: 18.8rem;
}

.w-new-program__suggest-schedules input[type='time'] {
	border-radius: 0.4rem;
	border: 0.1rem solid var(--primary-e-normal);
	padding: 0 1rem;
	width: 100%;
	height: 2.3rem;
	font: 1.2rem / normal 'Open Sans', sans-serif;
}

.w-new-program__suggest-schedules input.error,
.w-new-program__suggest-schedules select.error {
	background-color: var(--system-error-bright);
}

.w-new-program__suggest-schedules select {
	width: 100%;
}

.w-new-program__suggest-schedules .w-action {
	padding: 0.3rem 1rem;
	background-color: var(--primary-f-light);
	color: var(--primary-c-normal);
	font: 400 1.2rem 'Lato', sans-serif;
	border: none;
	border-radius: 0.3rem;
	transition: all ease-in 0.3s;
	cursor: pointer;
}

.w-new-program__suggest-schedules .w-action:hover {
	background: var(--primary-a-bright);
	color: var(--primary-a-normal);
}

.w-new-program__suggest-schedules .error-suggest {
    font: 400 1.1rem 'Open Sans', sans-serif;
    color: var(--system-error-normal);
}

/*  Seleccionar horarios */
.w-new-program__select-header {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 1rem;
}

.pop-up__programacion-indicacion .w-action--limpiar-todo {
	width: fit-content;
	padding: 0.3rem 1rem;
	background-color: var(--primary-f-light);
	color: var(--primary-c-normal);
	font: 400 1.2rem 'Lato', sans-serif;
	border: none;
	border-radius: 0.3rem;
	transition: all ease-in 0.3s;
	cursor: pointer;
}

.pop-up__programacion-indicacion .w-action--limpiar-todo:hover {
	background: var(--primary-a-bright);
	color: var(--primary-a-normal);
}

.w-new-program__select-header-new-date {
	display: flex;
	align-items: center;
	font: 400 1.2rem 'Open Sans', sans-serif;
	margin-top: 1rem;
}

.w-new-program__select-header-new-date input[type='text'],
.w-new-program__special-schedule input[type='datetime-local'] {
	position: relative;
	border-radius: 0.4rem;
	border: 0.1rem solid var(--primary-e-normal);
	padding: 0.2rem 1rem;
	background: #fff url('/assets/skins/lahuen/base/images/icon_calendar.svg') no-repeat right 1rem center/1.3rem;
	cursor: pointer;
	font: 400 1.2rem/1.5rem 'Open Sans', sans-serif;
	margin: 0 1rem;
	outline: none;
}

.w-new-program__special-schedule input[type='datetime-local'] {
	width: 16rem;
}

.w-new-program__special-schedule input[type='datetime-local']:focus {
	outline: none;
	border-color: var(--primary-b-light);
	transition: border-color 0.3s ease;
}

.w-new-program__select-header-new-date .vdp-datepicker__calendar {
	left: 1rem;
}

.w-new-program__select-header-new-date .w-action--add-new-date,
.w-new-program__special-schedule .w-action--add-special-date {
	display: flex;
	border: none;
	border-radius: 0.4rem;
	background-color: var(--primary-f-light);
	cursor: pointer;
	transition: all ease 0.3s;
}

.w-new-program__select-header-new-date .w-action--add-new-date:hover,
.w-new-program__special-schedule .w-action--add-special-date:hover {
	background-color: var(--primary-a-bright);
	color: var(--primary-a-normal);
}

.w-new-program__select-header-new-date .w-action--add-new-date:before,
.w-new-program__special-schedule .w-action--add-special-date:before {
	-webkit-mask: url('/assets/skins/lahuen/base/images/icon_add.svg') no-repeat center;
	-webkit-mask-size: contain;
	background-color: var(--primary-c-normal);
	content: '';
	height: 1.6rem;
	width: 1.6rem;
	transition: all ease 0.3s;
}

.w-new-program__select-header-new-date .w-action--add-new-date:hover:before,
.w-new-program__special-schedule .w-action--add-special-date:hover:before {
	background-color: var(--primary-a-normal);
}

.w-new-program__special-schedule {
	display: flex;
	align-items: center;
	margin-left: 3rem;
	margin-top: 1rem;
	font: 400 1.2rem 'Open Sans', sans-serif;
}

.w-new-program__special-schedule .error-horario-especial {
	width: 23rem;
	font: 400 1.1rem/1.2rem 'Open Sans', sans-serif;
	color: var(--system-error-normal);
	margin-left: 1rem;
}

/* Días seleccionados */
.w-new-program__select-days {
	display: flex;
	overflow-x: auto;
	margin-top: 2rem;
	height: 37rem;
}

.w-new-program__select-day {
	font: 400 1.2rem 'Open Sans', sans-serif;
	border: 0.1rem solid var(--primary-e-normal);
	padding: 1rem 1.5rem;
	border-radius: 0.4rem;
	margin-right: 1.5rem;
	position: relative;
}

.w-new-program__select-date {
	color: var(--primary-c-normal);
}

.w-new-program__hours-list {
	margin-top: 1rem;
	display: grid;
	grid-template-columns: 5rem 5rem;
	grid-auto-columns: 5rem;
	grid-column-gap: 0.8rem;
	grid-template-rows: repeat(12, 1fr);
	grid-auto-flow: column;
}

.w-new-program__select-hour {
	break-inside: avoid;
}

.w-new-program__select-hour label {
	display: flex;
	align-items: center;
	margin-bottom: 1rem;
}

.w-new-program__select-hour input {
	margin-right: 0.25rem;
}

.w-new-program__select-day .w-action--delete-day {
	position: absolute;
	top: 0.5rem;
	right: 0.5rem;
	height: 1.6rem;
	width: 1.2rem;
	border: none;
	border-radius: 0.3rem;
	padding: 0.8rem;
	background: url('/assets/skins/lahuen/base/images/icon_delete.svg') no-repeat center/1.2rem;
	transition: all ease 0.3s;
	cursor: pointer;
}

.w-new-program__select-day .w-action--clean-day {
	position: absolute;
	top: 0.5rem;
	right: 2.6rem;
	height: 1.6rem;
	width: 1.5rem;
	border: none;
	border-radius: 0.3rem;
	padding: 0.8rem;
	background: transparent url('/assets/skins/lahuen/base/images/icon_broom.svg') center/1.4rem no-repeat;
	transition: all ease 0.3s;
	cursor: pointer;
}

.w-new-program__select-hour.done input:checked {
	display: flex;
	background: var(--system-ok-normal);
}

.w-new-program__select-hour.done input:checked:before {
	content: '';
	-webkit-mask: url('/assets/skins/lahuen/ehr/images/icon_check.svg') no-repeat center;
	-webkit-mask-size: 1.1rem;
	-webkit-mask-position: 0.15rem;
	width: 1.2rem;
	height: 1.2rem;
}

.w-new-program__select-hour.cancelled input:checked {
	background-color: var(--primary-d-normal);
	background-image: url('data:image/svg+xml,<svg fill="%23fff" viewBox="2.52 2.52 80 80" xmlns="http://www.w3.org/2000/svg"><path d="M72.205,32.703L7.796,32.704C3.767,32.704,0.5,35.969,0.5,40c0,4.03,3.267,7.295,7.296,7.295h64.409 c4.029,0,7.295-3.268,7.295-7.295C79.5,35.969,76.234,32.703,72.205,32.703z"/></svg>');
	background-size: 1.1rem;
	background-position: 0.2rem;
}

.w-new-program__select-hour.late input:checked {
	background-color: var(--system-error-normal);
	background-image: url(/assets/skins/lahuen/ehr/images/icono--exclamacion--blanco.svg);
	background-size: 1rem;
	background-position: 0.2rem;
}

/* Leyenda */
.w-new-program__body .legend {
	position: absolute;
	bottom: 0;
	left: 0;
	display: flex;
}

.w-new-program__body .legend input {
	width: 1.6rem;
	height: 1.6rem;
	background-size: 1rem !important;
	margin-right: 0.5rem;
}

.w-new-program__body .legend .w-new-program__select-hour {
	margin-right: 2rem;
}

.w-new-program__body .legend .w-new-program__select-hour-text {
	color: var(--gray-d);
	font: 400 1.1rem 'Open Sans', sans-serif;
}

/* Footer */
.pop-up--indicaciones.footer {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding: 3rem;
}

/* Footer del contenido */
.pop-up__programacion-indicacion .w-new-program__footer {
	display: flex;
	align-items: center;
	font: 400 1.2rem 'Open Sans', sans-serif;
	color: var(--gray-c);
}

.pop-up__programacion-indicacion .w-new-program__footer_last-administration .hora-registro {
	color: var(--gray-d);
	margin-left: 1rem;
}

.pop-up--indicaciones.footer .w-action.w-action--aceptar-programacion {
	background-color: var(--primary-a-normal);
	border: none;
	color: #fff;
}

.pop-up--indicaciones.footer .w-action.w-action--aceptar-programacion:hover {
	background-color: var(--primary-a-light);
}

.pop-up__programacion-indicacion .footer .info-error {
	font: 400 1.2rem 'Open Sans', sans-serif;
	color: var(--system-error-normal);
}

/* Estilo deshabilitado de sugerir programa */
.w-new-program__suggest-schedules select:disabled {
	cursor: not-allowed;
	background: #ddd
		url('data:image/svg+xml,<svg fill="%23bbb" viewBox="0 0 300 150" xmlns="http://www.w3.org/2000/svg"><path d="M 0 0 L 300 0 L 150 150 z"/></svg>')
		calc(100% - 0.3rem) / 0.8rem no-repeat;
	border-color: #bbb;
}

.w-new-program__suggest-schedules input[type='text']:disabled,
.w-new-program__suggest-schedules input[type='time']:disabled,
.w-new-program__suggest-schedules button:disabled {
	cursor: not-allowed;
	background-color: #ddd;
	border-color: #bbb;
	color: #aaaaaa;
}