/* 	en bootstrap viene definido box-sizing: border-box pero esto revienta todo el CSS del resto de la web
	lo dejamos solo para la parte del formulario */

:root {
	--bs-checkbox-text-align: left;
}

*, ::after, ::before {
	box-sizing: inherit;
}

select:focus {
	background-color: var(--bs-body-bg);
}

.form-check {
	text-align: var(--bs-checkbox-text-align);
}

.form-check-label {
	cursor: pointer;
}

#form-busc-props,
#form-busc-props * {
	box-sizing: border-box;
}

#form-busc-props label {
	color: var(--bs-body-color);
}

.lit_busq_avanzada {
	cursor: pointer;
	color: var(--bs-body-color);
	font-size: var(--bs-body-font-size);
}

.grupo-checks {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 0.5rem;
}

.multiselect {
	width: 100%;
	color: var(--bs-body-color);
	background-color: var(--bs-body-bg);
	/* border: var(--bs-border-width) solid var(--bs-border-color); */
}

.multiselect .title-multiselect {
	font-weight: bold;
	text-align: var(--bs-checkbox-text-align);
}

.multiselect label {
	font-size: var(--bs-body-font-size);
}
.multiselect-box {
	background-color: var(--bs-body-bg);
}
.multiselect .form-check {
	text-align: var(--bs-checkbox-text-align);
}
.multiselect-desplegado {
	min-width: 100%;
	border: var(--bs-border-width) solid var(--bs-border-color);
	border-radius: var(--bs-border-radius);
	color: var(--bs-body-color);
	background-color: var(--bs-body-bg);
	font-size: var(--bs-body-font-size);
	left: 0;
}

/* 20261016 Campo para filtrar las opciones de los multiselect largos (zonas). Se queda fijo arriba al hacer scroll */
.multiselect-filtro {
	position: sticky;
	top: -0.5rem;
	z-index: 1;
	margin: -0.5rem -0.5rem 0.5rem;
	padding: 0.5rem;
	background-color: var(--bs-body-bg);
	border-bottom: var(--bs-border-width) solid var(--bs-border-color);
}

.grupo-checkboxes {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	align-items: end;
	gap: 0.5rem;
	font-size: var(--bs-body-font-size);
	color: var(--bs-body-color);
	height: 100%;

}

.grupo-checkboxes label {
	font-size: var(--bs-body-font-size);
}

/* Icono de cargando */
@keyframes spin {
	to { transform: rotate(360deg); }
}
.spinner-icon {
	display: inline-block;
	animation: spin 1s linear infinite;
	position: absolute;
	left: 0;
}

.break {
  flex-basis: 100%;
}