/**
 * @license Copyright 2021 Lahuen Health SPA. All Rights Reserved.
 */
 :root {
	--lh-side-modal-width: 66rem;
}

.c-side-modal__panel {
	background-color: var(--primary-e-bright);
	height: 100vh;
	max-height: 100%;
	max-width: 100%;
	position: fixed;
	top: 0;
	transition: transform .25s ease;
	width: var(--lh-side-modal-width);
	padding: 3rem 4rem;
	z-index: 1200;
}

.c-side-modal__panel.maximize-side-panel {
	width: 90rem !important;
}


.c-side-modal--left .c-side-modal__panel {
	left: 0;
}

.c-side-modal--left:not(.c-side-modal--visible) .c-side-modal__panel {
	transform: translateX(calc(-1 * var(--lh-side-modal-width)));
}

.c-side-modal--right .c-side-modal__panel {
	right: 0;
}

.c-side-modal--right:not(.c-side-modal--visible) .c-side-modal__panel {
	transform: translateX(calc(100% + var(--lh-side-modal-width)));
}

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

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

.c-side-modal-panel__preheader {
	display: flex;
	justify-content: flex-end;
}

.c-side-modal__preheader-action {
	-webkit-mask-image: url('/assets/skins/lahuen/base/images/icon_close.svg');
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	content: ' ';
	margin-right: 0.5rem;
	margin-left: 1rem;
	width: 1.2rem;
	background-color: var(--primary-e-normal);
}

.c-side-modal__preheader-action-size {
	-webkit-mask-image: url('/assets/skins/lahuen/base/images/maximize.svg');
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	content: ' ';
	height: 1.9rem;
	margin-right: 1rem;
	width: 1.9rem;
	margin-top: -0.28rem;
	-webkit-mask-repeat: no-repeat;
	background-color: var(--primary-e-normal);
}

.maximize-side-panel .c-side-modal__preheader-action-size {
	-webkit-mask-image: url('/assets/skins/lahuen/base/images/minimize.svg');
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	content: ' ';
	height: 1.9rem;
	margin-right: 1rem;
	width: 1.9rem;
	margin-top: -0.28rem;
	-webkit-mask-repeat: no-repeat;
	background-color: var(--primary-e-normal);
}

.c-side-modal__preheader-action .c-label {
	display: none;
}

.c-side-modal-panel__header {
	margin-bottom: 3rem;
}

.c-side-modal-panel__title {
	font: 600 2.75rem/2.5rem 'Lato', sans-serif;
	color: var(--primary-c-normal);
}

.c-side-modal-panel__body {
	height: calc(100% - 7rem);
	overflow-y: auto;
}

.c-side-modal__action.c-action {
	font: 600 1.2rem/normal 'Lato', sans-serif;
	min-width: 10rem;
	height: 2.5rem;
	border-radius: 0.5rem;
	padding: 0 2rem;
	margin-right: 1rem;
}

.c-side-modal__action.c-action.c-action--primary {
	background-color: var(--primary-a-normal);
	color: #fff;
}

.c-side-modal__action.c-action.c-action--primary:hover {
	background-color: var(--primary-a-light);
	transition: background-color 0.3s ease;
}

.c-side-modal__action.c-action.c-action--secondary {
	border: .1rem solid var(--primary-d-normal);
	color: var(--primary-d-normal);
}

.c-side-modal__action.c-action.c-action--secondary:hover {
	background-color: var(--primary-d-normal);
	color: #fff;
	transition: background-color 0.3s ease;
}

/* Iconos  */
.c-dialog.c-dialog--warning-icon .c-modal__header::before {
	background-image: url('/assets/skins/lahuen/base/images/emphasis_warning.svg');
}

/* Select */
.c-dialog__select {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.c-dialog__select .c-label {
	content: 'Paciente';
	font-family: 'Lato', sans-serif;
	font-weight: 600;
	color: var(--primary-d-normal);
	font-size: 1.2rem;
}

.c-dialog__select-items.c-select {
	appearance: none;
	border-radius: 0.4rem;
	border: 0.1rem solid var(--primary-e-normal);
	background: url('/assets/skins/lahuen/base/images/icon_select.svg') right 1rem center/1rem no-repeat;
	padding-left: 1rem;
	font: 400 1.2rem/normal 'Open Sans', sans-serif;
	height: 2.3rem;
	width: -webkit-fill-available;
}

.c-dialog__select .c-pair__invalid-message {
	color: var(--system-error-normal);
	flex-basis: 100%;
	font: 400 1.1rem/normal 'Open Sans', sans-serif;
	margin-top: 0.2rem;
	min-height: 1.6rem;
}