/**
 * @license Copyright 2022 Lahuen Health SPA. All Rights Reserved.
 */

/* Filtros */

.c-modal__ehr .c-modal-antecedentes-exams-history .c-filterbar {
    display: flex;
    gap: 1rem;
    width: -webkit-fill-available;
}

.c-modal-antecedentes-exams-history .c-filter__typeahead {
	width: 16rem;
	background: url('/assets/skins/lahuen/base/images/icon_input_arrow.svg') right center/3.2rem no-repeat;
	height: 100%;
	display: flex;
	justify-content: center;
	cursor: pointer;
	flex-direction: column;
	position: relative;
	padding-right: 4rem;
}

.c-modal-antecedentes-exams-history .c-filter__typeahead:hover {
	background: url('/assets/skins/lahuen/base/images/icon_input_arrow_active.svg') right center/3.2rem no-repeat;
	transition: background 0.3s ease;
}

.c-modal-antecedentes-exams-history .c-filter__typeahead .c-typeahead__placeholder {
	font: 1.2rem/normal 'Open Sans', sans-serif;
	color: var(--gray-e);
}

.c-modal-antecedentes-exams-history .c-typeahead__search {
	position: absolute;
	width: 24rem;
	background-color: #fff;
	top: 2.27rem;
	box-shadow: 0 0.2rem 0.5rem rgb(0 0 0 / 15%);
	z-index: 10;
}

.c-modal-antecedentes-exams-history .c-typeahead__search .c-textfield {
	width: 22rem;
	margin: 1rem;
	border: .1rem solid var(--gray-e);
	border-radius: 0.3rem;
	padding-left: .5rem;
	background: url('/assets/skins/lahuen/base/images/icon_search.svg') right .7rem center/1.2rem no-repeat;
}

.c-modal-antecedentes-exams-history .c-typeahead__action-clear {
	-webkit-mask: url('data:image/svg+xml,<svg fill="%23fff" viewBox="2.52 2.52 80 80" xmlns="http://www.w3.org/2000/svg"><path d="M77.126,63.411L53.715,39.998l23.408-23.409c3.788-3.788,3.791-9.925,0.003-13.712 c-3.786-3.787-9.926-3.788-13.714,0L40.001,26.288L16.589,2.875c-3.787-3.787-9.927-3.788-13.714,0 c-3.787,3.787-3.786,9.927,0.001,13.714l23.412,23.413L2.877,63.411c-3.787,3.788-3.788,9.929-0.001,13.715 c3.789,3.789,9.926,3.784,13.713-0.002L40,53.713l23.412,23.412c3.787,3.788,7.927,3.786,13.713,0 C80.912,73.338,80.914,67.197,77.126,63.411z"/></svg>') center/.8rem no-repeat;
	background-color: var(--primary-e-normal);
	position: absolute;
	top: 1.5rem;
	right: 3.5rem;
	display: flex;
	height: 1.2rem;
	width: 1.2rem;
	cursor: pointer;
}

.c-modal-antecedentes-exams-history .c-typeahead__action-clear .c-label {
	display: none;
}

.c-modal-antecedentes-exams-history .c-typeahead__search .c-textfield::placeholder {
	color: var(--gray-e);
}

.c-modal-antecedentes-exams-history .c-typeahead-selector {
	font: 1.2rem/normal 'Open Sans', sans-serif;
	color: var(--gray-b);
	list-style: none;
	padding: 0;
	margin: 0;
	max-height: 18rem;
	overflow: auto;
}

.c-modal-antecedentes-exams-history .c-typeahead-selector__item {
	padding: .5rem 1rem;
}

.c-modal-antecedentes-exams-history .c-typeahead-selector__item:hover {
	background-color: #e6e6eb;
}

.c-modal-antecedentes-exams-history .c-typeahead__viewer {
	color: var(--gray-b);
	font: 600 1.2rem/1.5rem 'Open Sans', sans-serif;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.c-modal-antecedentes-exams-history .c-pair--active .c-filter__typeahead {
	background-image: url('/assets/skins/lahuen/base/images/icon_input_arrow_active.svg');
}

/* Selector */
.c-filterbar select {
	appearance: none;
	background: transparent url(/assets/skins/lahuen/base/images/icon_input_arrow.svg) no-repeat right center/3.2rem;
	border: none;
	border-radius: 0.5rem;
	color: #4e5168;
	cursor: pointer;
	height: 100%;
	font: 600 1.2rem/1.5rem 'Open Sans', sans-serif;
	outline: none;
	width: 18rem;
	text-overflow: ellipsis;
}

.c-filterbar select.c-select--active {
	background-image: url(/assets/skins/lahuen/base/images/icon_input_arrow_active.svg);
}

/* Calendario */
input[type='date']::-webkit-calendar-picker-indicator {
	opacity: 0;
	cursor: pointer;
}

.c-filterbar .c-datetimepicker {
	background: transparent url('/assets/skins/lahuen/base/images/icon_datetimepicker.svg') no-repeat right
		center/3.2rem;
	outline: none;
	border: none;
	cursor: pointer;
	font: 400 1.2rem/1.5rem 'Open Sans', sans-serif;
	height: 100%;
	display: flex;
	position: relative;
	padding: 0 4rem 0 0;
}

.c-filterbar .c-datetimepicker:hover {
	background: transparent url('/assets/skins/lahuen/base/images/icon_datetimepicker_active.svg') no-repeat right
		center/3.2rem;
	transition: background 0.3s ease;
}

.c-filterbar .c-pair--active .c-datetimepicker {
	font-weight: 600;
	appearance: none;
	background: transparent url('/assets/skins/lahuen/base/images/icon_datetimepicker_active.svg') no-repeat right
		center/3.2rem;
}

.c-filterbar .c-datetimepicker__action.c-action.c-action--tertiary {
	display: none;
}

.c-filterbar .c-datetimepicker input {
	width: 100%;
	height: 100%;
	color: var(--gray-b);
	border: 0;
	overflow: hidden;
	cursor: pointer;
}

.c-filterbar .c-datetimepicker input:focus {
	outline: none;
}

.c-filterbar .c-datetimepicker input::-webkit-calendar-picker-indicator {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

/* Mensaje bajo grilla con resultados que s emuestran */
.c-modal-antecedentes-exams-history .c-exams-history__label {
	display: flex;
	justify-content: center;
	font: 600 1.3rem 'Lato', sans-serif;
	color: var(--primary-d-normal);
	margin-top: 0.75rem;
}

/* Tabla */
.c-exams-history__table .c-table-header__cell--actions {
	width: 8rem;
}

.c-quick-table.c-exams-history__table {
    height: 50rem;
}

.c-modal__ehr .c-modal-antecedentes-exams-history .c-quick-table__empty.c-empty {
    align-items: center;
    background: #fff url('/assets/skins/lahuen/worklist/images/bg_empty_grid.svg') no-repeat center 4rem/17rem;
    display: flex;
    height: 40rem;
    justify-content: center;
}

/* Acciones */
.c-modal .c-modal-antecedentes-exams-history .c-table-actionbar__exposed .c-table-actionbar__action-resultado {
	background: transparent url('/assets/skins/lahuen/ehr/images/icon_see_document.svg') no-repeat center;
	background-size: contain;
	background-origin: content-box;
	border-radius: 0.5rem;
	padding: 0.3rem;
	height: 2.3rem;
	width: 2.3rem;
	margin-right: 0.3rem;
}

.c-modal .c-modal-antecedentes-exams-history .c-table-actionbar__exposed .c-table-actionbar__action-examen {
	background: transparent url('/assets/skins/lahuen/base/images/icon_download.svg') no-repeat center;
	background-size: contain;
	background-origin: content-box;
	border-radius: 0.5rem;
	padding: 0.3rem;
	height: 2.3rem;
	width: 2.3rem;
	margin-right: 0.3rem;
}

.c-modal .c-modal-antecedentes-exams-history .c-table-actionbar__exposed .c-table-actionbar__action-resultado:hover,
.c-modal .c-modal-antecedentes-exams-history .c-table-actionbar__exposed .c-table-actionbar__action-examen:hover {
	background-color: var(--primary-e-bright);
}