[data-btn-spinner=on].btn-label{ padding: var(--vz-btn-padding-y) var(--vz-btn-padding-x) !important; }
[data-btn-spinner=on] .btn-spinner-label { display: none !important; }
[data-btn-spinner=off] .btn-spinner-progress { display: none !important; }

.bx { line-height: unset; }

.form-floating .select2-container--default .select2-selection {
	height: calc(3.5rem + 2px);
	padding: 1rem 0.75rem;
	border-radius: var(--vz-border-radius);
}

.form-floating .select2-container--default .select2-selection>.select2-selection__rendered {
	margin-top: 0.1rem;
	margin-left: -.5rem;
}

.form-floating .select2-container--default .select2-selection--single .select2-selection__clear {
	margin-right: -1.5rem !important;
}

.form-floating .select2-container--default .select2-selection { padding: 1.2rem 0.75rem; }
.select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #405189 !important; color: #FFF !important; }
*:required, *:required + .select2-container .select2-selection {
	border-left: 2px solid var(--vz-danger) !important;
}

/* FIX select2 option allowClear: true */
.select2-container .select2-selection__clear { right: 35px; top: 5px; padding: 0 5px 0 5px !important; margin: initial !important; }
.select2-container .select2-selection__clear:hover { background-color: var(--vz-tertiary-bg); }
.select2-container .select2-dropdown { border: 1px solid var(--vz-border-color); }
.select2-selection__rendered:empty { display: none !important; }

.bg-gray { background-color: var(--vz-gray) !important; }
.bg-gray-100 { background-color: var(--vz-gray-100) !important; }
.bg-gray-200 { background-color: var(--vz-gray-200) !important; }
.bg-gray-300 { background-color: var(--vz-gray-300) !important; }
.bg-gray-400 { background-color: var(--vz-gray-400) !important; }
.bg-gray-500 { background-color: var(--vz-gray-500) !important; }
.bg-gray-600 { background-color: var(--vz-gray-600) !important; }
.bg-gray-700 { background-color: var(--vz-gray-700) !important; }
.bg-gray-800 { background-color: var(--vz-gray-800) !important; }
.bg-gray-900 { background-color: var(--vz-gray-900) !important; }

@media print {
	body { background-color: transparent; !important; }
}

.w-1 { width: 1% !important; }

.form-floating .select2-container--default .select2-selection {
	height: calc(3.5rem + 2px);
	padding: 1rem 0.75rem;
	border-radius: var(--vz-border-radius);
}

.form-floating .select2-container--default .select2-selection>.select2-selection__rendered {
	margin-top: 0.1rem;
	margin-left: -.5rem;
}

.form-floating .select2-container--default .select2-selection--single .select2-selection__clear {
	margin-right: -1.5rem !important;
}

.form-floating .select2-container--default .select2-selection { padding: 1.2rem 0.75rem; }
.select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #405189 !important; color: #FFF !important; }

/* =========================================
Unified focus ring for all form controls
(Bootstrap + Select2)
========================================= */

/* Bootstrap form controls */
[class^="form-"]:focus,
[class*=" form-"]:focus,
.form-control:focus,
.form-select:focus,
.form-check-input:focus,
.form-range:focus{
	outline: 0;
	-webkit-box-shadow: var(--vz-focus-ring-x, 0)
	var(--vz-focus-ring-y, 0)
	var(--vz-focus-ring-blur, 0)
	var(--vz-focus-ring-width)
	var(--vz-focus-ring-color);
	box-shadow: var(--vz-focus-ring-x, 0)
	var(--vz-focus-ring-y, 0)
	var(--vz-focus-ring-blur, 0)
	var(--vz-focus-ring-width)
	var(--vz-focus-ring-color);
}

/* =========================================
   Select2 unified focus ring (correct)
   ========================================= */

.select2-container--default.select2-container--focus
.select2-selection--single,
.select2-container--default.select2-container--open
.select2-selection--single,

.select2-container--default.select2-container--focus
.select2-selection--multiple,
.select2-container--default.select2-container--open
.select2-selection--multiple {
	outline: 0;
	-webkit-box-shadow: var(--vz-focus-ring-x, 0)
	var(--vz-focus-ring-y, 0)
	var(--vz-focus-ring-blur, 0)
	var(--vz-focus-ring-width)
	var(--vz-focus-ring-color);
	box-shadow: var(--vz-focus-ring-x, 0)
	var(--vz-focus-ring-y, 0)
	var(--vz-focus-ring-blur, 0)
	var(--vz-focus-ring-width)
	var(--vz-focus-ring-color);
}

#back-to-top { bottom: 10px; }