/*Radzen Date/Timepicker*/
:root {
	--rz-datepicker-popup-width: 15.5rem !important;
	--rz-datepicker-header-padding-block: 0rem !important;
	--rz-datepicker-header-padding-inline: 0rem !important;
	--rz-input-font-size: 15px !important;
	--bs-body-font-size: 15px !important;
	--rz-datepicker-month-dropdown-width: 100px !important;
	--rz-datepicker-year-dropdown-width: 80px !important;
	--rz-input-height: 2.2rem !important;
	--rz-input-padding-inline: 0rem !important;
	--rz-datepicker-calendar-padding-block: 0rem !important;
	--rz-on-secondary-lighter: rgba(68,115,196,0.2) !important;
	--rz-secondary-lighter: rgba(68,115,196,0.2) !important;
	--rz-secondary: var(--qvar-base-primary-color ) !important;
}

.rz-datepicker {
	padding: 0;
	position: relative;
	right: 0;
	width: 100%;
	grid-column: 2;
	height: 24px;
	top: -2px; /*Benötigt für Zentrierung von Kalender Icons*/
	transform: translateY(-100%); /*Wird benötigt für die korrekte Icon anzeige*/
	pointer-events:none;
}

.rz-datepicker-footer {
	display: flex;
	justify-content: space-between;
}

.rz-button-md {
	min-width: 1.5rem !important;
}

.rz-calendar-header {
	margin-top: 5px !important;
}

.rz-datepicker-footer {
	margin-top: 5px !important;
	margin-bottom: 5px !important;
	line-height: 1rem !important;
}

.rz-calendar-month-dropdown, .rz-calendar-year-dropdown {
	padding-left: 5px !important;
}

.rz-calendar-view td a.rz-state-default, .rz-calendar-view td span.rz-state-default, .rz-calendar-view th a.rz-state-default, .rz-calendar-view th span.rz-state-default {
	width: 25px !important;
	height: 25px !important;
	display: block !important;
	padding: 3px !important;
	line-height: unset !important;
	text-align: center;
}

.rz-calendar-view td .rz-state-active, .rz-calendar-view td .rz-state-active.rz-calendar-today {
	color: white !important;
	background-color: var(--qvar-base-primary-color ) !important;
}

.rz-primary {
	background-color: var(--qvar-base-primary-color ) !important;
}

.rz-button {
	border-radius: 5px !important;
}

.rz-button-md {
	padding: 5px !important;
	line-height: unset !important;
	min-height: unset !important;
	min-width: unset !important;
	font-weight: unset !important;
	letter-spacing: unset !important;
	font-size: 13px !important;
}

.rz-calendar-view .rz-calendar-week-number {
	display: block !important;
}

.rz-calendar-view tr {
	margin: 5px 0 !important;
}

.rz-colorpicker, .rz-lookup-search input, .rz-numeric, .rz-datepicker > .rz-inputtext, .rz-multiselect, .rz-dropdown, .mask, .rz-textarea, .rz-textbox {
	height: 30px !important;
	padding: 0 !important;
	align-items: center !important;
}

.rz-dropdown-label{
	margin: auto !important;
}

.rz-popup {
	zoom: var(--qvar-radzen-zoom-factor);
}

.rz-button-icon-left {
	opacity: 0.8;
}

.grid_input_overlay .rz-datepicker {
	height: var(--editable-cell-height);
}

.grid_input_overlay .rz-datepicker-trigger {
	right: 2.2px !important; /*für korrekte Positionierung im Eingabefähigem Grid, sonst überschreiben andere Selektoren*/
}