.rz-dialog-side-content .rz-dialog-side-footer {
	bottom: 0.75rem;
	left: 0.75rem;
	right: 0.75rem;
	position: absolute;
}

.rz-dialog-side-content:has(.rz-dialog-side-footer) {
	/* 100% - hauteur du rz-dialog-side-titlebar - hauteur du footer - padding top/bottom du footer */
	height: calc(100% - 50px - 43px - 1.5rem);
	border-bottom: 1px solid var(--gris-clair);
}

.centre-et-code-card {
	padding: 1rem;
	opacity: 0;
	transform: rotateX(-90deg);
	transform-origin: top center;
	animation: show-card 0.5s 0s ease-out forwards;
}

@keyframes show-card {
	100% {
		opacity: 1;
		transform: none;
	}
}

.rz-data-grid {
	flex-grow: 1;
}

.rz-grid-table td .rz-cell-data {
	overflow: visible;
	text-wrap: initial;
}

th:has(.stacked-header) > div {
	padding: 0 !important;
}

/* Cacher le breadcrumb généré s'il y en a déjà un avec le id "custom-breadcrumb" dans la page. */
.rz-breadcrumb:not(#custom-breadcrumb):has(~ .rz-breadcrumb#custom-breadcrumb),
.rz-breadcrumb#custom-breadcrumb ~ .rz-breadcrumb {
	display: none !important;
}

td:has(.rz-cell-data .grid-textarea-cell) {
	padding-right: 0;
}

textarea {
	/* VS show un warning, mais la property existe. */
	field-sizing: content;
	min-height: 4rem;
	height: min-content !important;
	max-height: 10rem;
	resize: none !important;
}

.rz-textarea.rz-state-disabled {
	pointer-events: auto !important;
}

.grid-vertical-separator {
	border-right: 2px solid gray !important;
}

.rz-state-highlight > td {
	border-block: 2px solid var(--principale-clair) !important;
}

	.rz-state-highlight > td:first-child {
		border-left: 2px solid var(--principale-clair) !important;
	}

	.rz-state-highlight > td:last-child {
		border-right: 2px solid var(--principale-clair) !important;
	}

.rz-row-toggler {
	cursor: pointer;
}

.rz-datatable-loading-content {
	top: 4rem;
}

.rz-form-field-label {
	color: var(--placeholder-text-color);
}

.multiselect-search-icon .rz-dropdown-trigger .rzi-chevron-down:before {
	content: "search";
}

.rz-dropdown-trigger .rzi {
	font-size: 1.5rem;
	height: 1.5rem;
}

.rz-multiselect-panel.rz-popup .rz-cell-data {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
}

/* Popups */
div[id^="popup-filter"] {
	width: fit-content !important;
}

#popup-dropdown-current-porteur {
	width: fit-content !important;
}

	#popup-dropdown-current-porteur .rz-dropdown-item {
		padding: 0.75rem;
		border-bottom: 2px solid var(--gris-pale);
	}

	#popup-dropdown-current-porteur .rz-dropdown-items-wrapper {
		max-height: 30rem !important;
	}

[id^=popup-statut-plan-action] .rz-dropdown-items-wrapper {
	max-height: inherit !important;
}

#popup-dropdown-userid-roleutilisateur .rz-dropdown-items-wrapper {
	max-height: 32rem !important;
}

#popup-dropdown-responsable-importermodele .rz-dropdown-items-wrapper {
	max-height: 28rem !important;
}

#popup-dropdown-responsable-planaction .rz-dropdown-items-wrapper {
	max-height: 22rem !important;
}


#popup-dropdown-porteur-assignation {
	width: 50rem !important;
}
	#popup-dropdown-porteur-assignation .rz-dropdown-items-wrapper {
		max-height: 32rem !important;
	}

.validation-label {
	color: var(--rz-form-error-color);
	font-size: 0.8rem;
	padding: 0 0.5rem;
}

.rz-growl-message p {
	margin-top: 0.5rem;
}

.rz-growl-title {
	display: block;
}

.rz-lookup-panel {
	margin-bottom: 1px;
}

.link-button {
	padding: 0 .5rem;
	color: var(--rz-link-color) !important;
	font-size: var(--rz-grid-cell-font-size);
}

	.link-button .rz-button-text {
		text-decoration: underline;
	}

	.link-button:hover {
		background: inherit !important;
	}

		.link-button:hover .rz-button-text {
			text-decoration: none;
		}

.rz-button-box:has(.rz-button-icon-left) {
	flex-direction: row;
}

.rz-button-box:has(.rz-button-icon-right) {
	flex-direction: row-reverse;
}

.active-filters {
	margin-top: 0.25rem;
	border: 1px solid var(--principale-pale);
}

	.active-filters .rz-stack {
		flex-wrap: wrap !important;
	}

	.active-filters .rz-fieldset-legend {
		font-size: 14px;
	}

	.active-filters .rz-fieldset-content {
		padding: 0 0.5rem 0.5rem 0.5rem;
	}

.rz-steps .rz-state-highlight .rz-steps-title {
	color: var(--rz-primary);
}

.rz-steps .rz-state-highlight .rz-steps-number {
	background: var(--rz-primary);
}

.rz-steps-next, .rz-steps-prev {
	color: var(--rz-primary) !important;
}

	.rz-steps-next:not(.rz-state-disabled):hover, .rz-steps-prev:not(.rz-state-disabled):hover {
		color: var(--rz-primary) !important;
	}

.rz-steps .rz-menuitem-link:hover {
	color: var(--rz-primary) !important;
}

.rz-steps .rz-steps-item:not(:last-child) {
	flex: auto;
	display: inline-flex;
	align-items: center;
	min-width: 20rem;
}

.rz-steps .rz-menuitem-link {
	display: inline-flex;
	align-items: center;
	color: var(--rz-steps-color);
	cursor: pointer;
	text-decoration: none;
}

.rz-steps .rz-steps-item:is(:last-child) .rz-steps-title {
	margin-right: 0;
}

.rz-steps .rz-steps-item:not(:last-child):after {
	content: "";
	flex: auto;
	height: 1px;
	margin-inline-end: 16px;
	background-color: var(--rz-base-300);
}

.rz-steps .rz-widget-content {
	display: flex;
	flex-direction: column;
}

.rz-steps ul[role="tablist"] {
	display: flex;
	margin: 0 20rem;
}


/* Dropdown Tree */

.rz-dropdown-tree-multi-popup {
	display: none;
	min-width: 12rem;
	max-width: 60rem;
	position: absolute;
	overflow: hidden;
	border: var(--rz-dropdown-panel-border);
	background-color: var(--rz-dropdown-open-background-color);
	box-shadow: var(--rz-dropdown-panel-shadow);
	border-radius: var(--rz-input-border-radius);
	--rz-tree-node-toggle-width: 1.25rem;
}

/*
	Pour fix les items qui restent colorés même si pu sélectionnés.
	Bug présent dans la doc https://blazor.radzen.com/dropdown-tree
*/
.rz-treenode-content-selected .rz-treenode-label {
	color: inherit;
	background-color: inherit;
}

.rz-treenode-content {
	cursor: default;
}

	.rz-treenode-content:hover {
		background-color: var(--rz-dropdown-item-hover-background-color);
		border-radius: var(--rz-tree-node-selected-border-radius);
	}


	.rz-treenode-content:hover .rz-treenode-label {
		color: inherit !important;
		background-color: inherit !important;
	}

.rz-treenode-content .rz-chkbox {
	margin-inline: 0.25rem;
}