.vc[data-vc-input] {
	z-index: var(--wd-date-time-picker-z-index, 1080);
}

.wd-date-time-picker__actions {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: .75rem .75rem .5rem;
	border-top: 1px solid #dee2e6;
}

.wd-date-time-field > .help-block {
	flex: 0 0 100%;
	order: 3;
	margin-bottom: 0;
}

/* Date and numeric filters show only Od / Do, stacked within their column. */
.datagrid .datagrid-col-filter-range,
.datagrid .datagrid-col-filter-date-range {
	flex-direction: column;
	gap: .25rem;
	min-width: 6.5rem;
}

.datagrid .datagrid-col-filter-range > .datagrid-col-filter-range-delimiter,
.datagrid .datagrid-col-filter-date-range > .datagrid-col-filter-range-delimiter,
.datagrid .datagrid-col-filter-datte-range-delimiter {
	display: none;
}

.datagrid table thead .input-group > .form-control {
	width: 1%;
	min-width: 0;
}

.datagrid .datagrid-col-filter-date-range > .input-group {
	width: 100%;
}

.datagrid .datagrid-col-filter-range > .form-control {
	width: 100%;
}

.datagrid .datagrid-col-filter-range > .input-group {
	flex-direction: column;
	gap: .25rem;
	width: 100%;
}

.datagrid .datagrid-col-filter-range > .input-group > .form-control,
.datagrid .wd-date-time-field > .form-control {
	width: 100%;
	min-width: 0;
	border-radius: .2rem;
}