@import url('https://fonts.googleapis.com/css2?family=Open+Sans&family=Roboto&display=swap');

:root {
	/* Overrides couleurs */
	--rz-base: var(--principale-pale);
	--rz-base-light: hsl(from var(--principale-pale) calc(h + 2) calc(s - 8) calc(l + 6));
	--rz-base-dark: var(--principale);
	--rz-base-darker: var(--principale-fonce);
	--rz-base-200: var(--rz-base-light);
	--rz-base-300: var(--principale-pale);
	--rz-base-500: var(--principale-clair);
	--rz-base-600: var(--principale);
	--rz-base-700: var(--principale-piv);
	--rz-base-800: var(--principale-moyen);
	--rz-base-900: var(--principale-fonce);
	--rz-primary-lighter: var(--principale-pale);
	--rz-primary-light: var(--principale-clair );
	--rz-primary: var(--principale);
	--rz-primary-dark: var(--principale-moyen);
	--rz-primary-darker: var(--principale-fonce);
	--rz-secondary-lighter: var(--secondaire-pale);
	--rz-secondary-light: var(--secondaire-clair);
	--rz-secondary: var(--secondaire);
	--rz-secondary-dark: var(--secondaire-moyen);
	--rz-secondary-darker: var(--secondaire-fonce);
	--rz-success-light: var(--vert-pale);
	--rz-success: var(--vert);
	--rz-success-dark: var(--vert-fonce);
	--rz-warning-light: var(--jaune-pale);
	--rz-warning: var(--jaune);
	--rz-warning-dark: var(--jaune-fonce);
	--rz-danger-lighter: var(--rose-pale);
	--rz-danger-light: var(--rose);
	--rz-danger: var(--rouge);
	--rz-danger-dark: var(--rouge-fonce);
	--rz-on-primary-lighter: var(--principale);
	--rz-on-secondary-lighter: var(--secondaire);
	--rz-on-success-light: var(--vert);
	--rz-on-warning-light: var(--jaune-fonce);
	--rz-on-danger-lighter: var(--rouge);
	/* Overrides textes */
	--rz-text-color: var(--text-color);
	--rz-text-caption-color: var(--label-text-color-pale);
	--rz-text-subtitle2-color: var(--label-text-color);
	--bs-body-color: var(--rz-text-color);
	--rz-body-font-size: 16px;
	--rz-link-color: var(--principale-piv);
	--rz-link-text-decoration: underline;
	--rz-link-hover-color: var(--principale-piv);
	--rz-link-hover-text-decoration: none;
	--rz-accordion-hover-color: var(--principale-clair);
	/* Overrides bordures */
	--rz-border-normal: var(--rz-border-width) solid var(--gris-moyen);
	--rz-badge-pill-border-radius: 1rem;
	--rz-border-radius: 5px;
	--rz-dialog-border-radius: 0px;
	/* Overrides animations */
	--rz-transition-all: all 0.24s ease-in-out;
	/* Overrides scrollbar */
	--rz-scrollbar-color: var(--gris);
	--rz-scrollbar-background-color: red blue;
	/* Overrides composantes */
	/* Header */
	--rz-header-background-color: var(--principale-piv);
	--rz-header-border: none;
	/* Sidebar */
	--rz-sidebar-background-color: var(--secondaire);
	--rz-sidebar-toggle-color: white;
	--rz-sidebar-toggle-background-color: var(--secondaire);
	--rz-sidebar-toggle-hover-background-color: var(--secondaire-moyen);
	--rz-sidebar-toggle-border: none;
	--rz-panel-menu-font-size: 14px;
	--rz-panel-menu-item-border: none;
	--rz-panel-menu-item-padding-block: 1rem;
	--rz-panel-menu-item-padding-inline: 1rem;
	--rz-panel-menu-item-background-color: var(--secondaire);
	--rz-panel-menu-item-active-indicator: var(--principale-pale);
	--rz-panel-menu-item-active-background-color: var(--secondaire-moyen);
	--rz-panel-menu-item-2nd-level-background-color: none;
	--rz-panel-menu-item-2nd-level-active-background-color: var(--secondaire-moyen);
	--rz-panel-menu-item-2nd-level-hover-background-color: rgba(0, 0, 0, 0.2);
	--rz-panel-menu-item-2nd-level-offset: 3.5rem;
	/* Layout */
	--rz-layout-body-background-color: white;
	/* Footer */
	--rz-footer-background-color: var(--titlebar-footer-color);
	--rz-footer-color: white;
	--rz-footer-border: none;
	/* Boutons */
	--rz-button-shadow: var(--elevation-2);
	--rz-button-hover-shadow: var(--rz-button-shadow);
	--rz-button-focus-shadow: var(--rz-button-shadow);
	--button-md-height: 43px;
	/* Inputs */
	--rz-input-shadow: none;
	--rz-input-focus-shadow: none;
	--rz-input-placeholder-color: var(--gris-moyen);
	--rz-input-border: 1px solid var(--input-border-color);
	--rz-input-hover-border: 1px solid var(--principale-clair);
	--rz-input-focus-border: 1px solid var(--principale);
	--rz-input-focus-shadow: inset 0 0 0 1px var(--principale);
	--rz-numeric-button-background-color: var(--principale);
	--rz-numeric-button-offset: 0;
	--rz-numeric-button-width: 2rem;
	--rz-numeric-button-height: 1.1rem;
	--rz-numeric-button-border-radius: 0;
	--rz-dropdown-item-hover-color: var(--rz-text-color);
	--rz-dropdown-item-hover-background-color: var(--principale-pale);
	--rz-dropdown-item-selected-background-color: var(--principale-clair);
	--rz-dropdown-item-selected-hover-color: var(--rz-text-color);
	--rz-dropdown-item-selected-hover-background-color: var(--principale-pale);
	--rz-checkbox-checked-background-color: var(--principale);
	--rz-checkbox-checked-hover-background-color: var(--principale-clair);
	--rz-checkbox-border-width: 2px;
	--rz-radio-checked-background-color: var(--principale);
	--rz-radio-checked-hover-background-color: var(--principale-clair);
	--rz-radio-active-background-color: var(--principale-pale);
	--rz-radio-border-width: 2px;
	--rz-form-field-focus-shadow: inset 0 0 0 1px var(--principale);
	--rz-form-error-color: #f44336;
	--rz-switch-checked-background-color: var(--rz-success);
	--rz-switch-background-color: var(--rz-danger-light);
	/* Inputs (Disabled) */
	--rz-checkbox-checked-disabled-background-color: var(--principale);
	--rz-input-disabled-color: #999;
	--rz-input-disabled-placeholder-color: #999;
	--rz-border-disabled: var(--rz-border-width) solid #999;
	--rz-outline-color: var(--principale);
	/* Dialogs */
	--rz-dialog-mask-background-color: var(--gris-fonce);
	--rz-dialog-title-background-color: none;
	--rz-dialog-title-padding-block: 1.5rem 0.5rem;
	--rz-dialog-title-letter-spacing: 0;
	/* Tooltips */
	--rz-tooltip-background-color: white;
	--rz-tooltip-color: var(--rz-text-color);
	--rz-tooltip-shadow: var(--elevation-4);
	--rz-tooltip-padding: 16px;
	/* Grids */
	--rz-grid-header-background-color: var(--grid-header-color);
	--rz-grid-header-font-size: 14px;
	--rz-grid-header-color: var(--label-text-color);
	--rz-grid-header-font-weight: 600;
	--rz-grid-header-text-transform: none;
	--rz-grid-hover-color: var(--rz-text-color);
	--rz-grid-hover-background-color: #f2edfc;
	--rz-grid-cell-color: #544848;
	--rz-grid-cell-border: 1px solid var(--grid-border-color);
	--rz-grid-cell-font-size: 14px;
	--rz-grid-right-cell-border: 1px solid var(--grid-border-color);
	--rz-grid-header-cell-border: 1px solid var(--grid-border-color);
	--rz-grid-bottom-cell-border: 1px solid var(--grid-border-color);
	--rz-grid-selected-background-color: #e3d8fb;
	--rz-grid-selected-color: var(--rz-grid-cell-color) !important;
	/* Paginators */
	--rz-pager-summary-color: var(--label-text-color);
	--rz-pager-numeric-button-color: var(--label-text-color);
	--rz-pager-summary-font-size: 14px;
	--rz-pager-border: none;
	/* Polices */
	--police-titre: 'Roboto', sans-serif;
	--police-contenu: 'Open Sans', sans-serif;
	/* Ombres */
	--elevation-0: none;
	--elevation-1: 0px 1px 4px 0px rgba(var(--principale-fonce-rgb), 0.24);
	--elevation-2: 0px 2px 8px 0px rgba(var(--principale-fonce-rgb), 0.24);
	--elevation-3: 0px 4px 16px 0px rgba(var(--principale-fonce-rgb), 0.24);
	--elevation-4: 0px 6px 24px 0px rgba(var(--principale-fonce-rgb), 0.24);
	--rz-header-shadow: none;
	/* Tooltips */
	--rz-tooltip-background-color: white;
	--rz-tooltip-color: var(--rz-text-color);
	--rz-tooltip-shadow: var(--elevation-4);
	--rz-tooltip-padding: 16px;
	--rz-info: var(--principale);
	/* Alertes */
	--rz-alert-icon-size: 1.5rem;
	/* ProgressBars */
	--rz-progressbar-height: 0.25rem;
	/* Upload */
	--rz-upload-choose-color: white;
	--rz-upload-choose-hover-color: white;
	--rz-upload-choose-background-color: var(--principale);
	--rz-upload-choose-hover-background-color: var(--principale);
	--rz-upload-choose-hover-background-color: var(--principale);
	--rz-upload-choose-active-background-color: var(--principale);
	--rz-upload-button-bar-border-radius: 5px;
	--rz-upload-button-bar-padding: 0px;
	/* Tabs */
	--rz-tabs-tab-color: var(--rz-text-color);
	--rz-tabs-tab-hover-color: var(--rz-text-color);
	--rz-tabs-tab-selected-top-border-color: var(--principale);
}

/* Overrides textes */

html, body {
	font-family: var(--police-contenu) !important;
}

h1, h2, h3, h4, h5, h6, .rz-text-h1, .rz-text-h2, .rz-text-h3, .rz-text-h4, .rz-text-h5, .rz-text-h6, .rz-dialog-title {
	font-family: var(--police-titre);
	font-weight: bold;
	color: var(--heading-color);
}

h1, h2, h3, h4, h5, h6, .rz-text-h1, .rz-text-h2, .rz-text-h3, .rz-text-h4, .rz-text-h5, .rz-text-h6 {
	line-height: 1.2;
}

h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child,
.rz-text-h1:first-child, .rz-text-h2:first-child, .rz-text-h3:first-child, .rz-text-h4:first-child, .rz-text-h5:first-child, .rz-text-h6:first-child,
.rz-breadcrumb + h1, .rz-breadcrumb + h2, .rz-breadcrumb + h3, .rz-breadcrumb + h4, .rz-breadcrumb + h5, .rz-breadcrumb + h6
{
	margin-top: 0;
}

.rz-text-h1, .rz-text-h2, .rz-text-h3, .rz-text-h4, .rz-text-h5, .rz-text-h6, .rz-dialog-title {
	color: var(--heading-color);
}

[class^="rz-text-"] {
	font-family: var(--police-titre);
}

h1 {
	font-size: 24px;
	margin-top: 20px;
	margin-bottom: 16px;
}

h2 {
	font-size: 36px;
	margin-top: 48px;
	margin-bottom: 16px;
}

h3 {
	font-size: 28px;
	margin-top: 24px;
	margin-bottom: 16px;
}

h4 {
	font-size: 21px;
	margin-top: 24px;
	margin-bottom: 8px;
}

h5 {
	font-size: 19px;
	margin-top: 16px;
	margin-bottom: 0.5rem;
}

h6 {
	font-size: 16px;
	margin-top: 16px;
	margin-bottom: 0.5rem;
}

p {
	margin-top: 0;
}

hr {
	border: 1px solid var(--gris-clair);
	margin: 1rem 0;
	opacity: 0.25;
}

/* Overrides composantes */

/* Breadcrumb */
.rz-breadcrumb {
	margin-bottom: 1rem;
}

.rz-breadcrumb-item + .rz-breadcrumb-item::before {
	content: ">";
}

/* Boutons */
.rz-button:not(.rz-spinner-button):not(.rz-numeric-button):not(.round-button) {
	border-radius: 5px;
}

.rz-button-md {
	padding: 12px 22px 10px 22px;
}
.rz-button-md .rz-button-text {
	line-height: 1rem;
}

.rz-button-text {
	font-weight: 500;
}

.rz-button-icon-only-full-size-md {
	padding: 10px !important;
	width: var(--button-md-height);
}

.rz-button-box {
	gap: 0.5rem !important;
}

.rz-button-md.rz-button-icon-only:not(.rz-button-icon-only-full-size-md) {
	height: auto;
}

.rz-chip {
	border-radius: 5px;
}

.rz-spinner-button {
	height: 48%;
}
.rz-spinner-up {
	top: 0;
	right: 0;
}
.rz-spinner-down {
	bottom: 0;
	right: 0;
}

/* Dropdowns */
.rz-dropdown-label {
	overflow-x: clip !important;
	overflow-y: visible !important;
}
div[id^="popup-filter"] {
	width: fit-content !important;
}
.rz-cell-filter {
	padding: 0.25rem;
	border: none;
}

#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;
}

/* Inputs */
.rz-form-field {
	width: 100%;
}
.rz-form-field-content:has(.invalid) {
	border-color: var(--rz-form-error-color);
}
.rz-form-field.rz-state-disabled :not(.rz-button).rz-state-disabled,
.rz-form-field.rz-state-disabled .rz-inputtext {
	pointer-events: none;
	color: var(--rz-text-color) !important;
	background: var(--gris-pale);
}
.rz-form-field.rz-state-disabled .rz-form-field-label {
	background: var(--gris-pale);
}
.rz-form-field-label:last-child {
	inset-inline-end: auto;
}

.rz-card:has(.invalid) {
	border: 1px solid var(--rz-form-error-color);
}
.rz-card:has(.invalid) > .card-label {
	color: var(--rz-danger);
}
.rz-fieldset:has(.invalid) {
	border-color: var(--rz-form-error-color);
}

.rz-textbox::placeholder {
	color: var(--gris-moyen);
}

/* Sidebar */
.rz-sidebar {
	border: none;
}
.rz-navigation-menu {
	background: rgba(0, 0, 0, 0.15);
}
.rz-panel-menu .rz-navigation-item-wrapper-active:before {
	width: 6px;
}

/* Dialogs */
.rz-dialog-wrapper {
	z-index: 99999;
}

.rz-dialog-side-position-right {
	min-width: 400px;
	width: 40%;
	height: calc(100% - 72px);
	top: 72px;
}

@media (max-width: 576px) {
	.rz-dialog-side-position-right {
		width: 100%;
	}
}

.rz-dialog-title {
	font-size: 21px;
}

.rz-dialog-side-title {
	color: white;
}

.rz-dialog-side-titlebar {
	height: 50px;
	padding-top: 13px;
	padding-bottom: 13px;
	background-color: var(--titlebar-footer-color);
	font-size: var(--bs-body-font-size);
	line-height: var(--bs-body-line-height);
}

.rz-dialog-titlebar-close, .rz-dialog-side-titlebar-close {
	position: absolute;
	top: 10px;
	right: 16px;
	cursor: pointer;
}

.rz-dialog-side-titlebar-close .rzi-times {
	color: white;
}

.rz-dialog-side-titlebar-close:hover .rzi-times {
	color: var(--principale);
}

/* Tooltips */
.rz-tooltip-content {
	border: 1px solid var(--gris-clair);
}

.rz-tooltip .rz-bottom-tooltip-content::after {
	border-top: 1px solid var(--gris-clair);
	border-left: 1px solid var(--gris-clair);
	border-bottom: none;
	border-right: none;
}

.rz-tooltip-background {
	background: #2196F3;
}

/* Grids */
.rz-datatable {
	border: none;
}

.rz-data-grid-data {
	border: var(--rz-grid-cell-border);
	border-radius: 5px;
}

/*.grid-border-right .rz-data-grid-data {
	border: var(--rz-grid-cell-border);
	border-radius: 5px 5px 0 0;
}*/

.grid-border-right > .rz-data-grid-data > rz-grid-table > thead > tr > th:last-child {
	border-right: var(--rz-grid-cell-border);
}
.grid-border-right .rz-datatable-data tr td:last-child:not(.rz-composite-cell),
.grid-border-right > .rz-data-grid-data > .rz-grid-table > tbody > tr:not(.rz-datatable-emptymessage-row) > td:last-child:not(.rz-composite-cell) {
	border-right: var(--rz-grid-cell-border);
}

.rz-sortable-column-icon {
	margin-left: 0.25rem;
}

.rz-expanded-row-content > td {
	padding: 0.5rem 0.5rem 1rem 1.5rem;
	background: var(--grid-second-level-background-color);
}

.rz-expanded-row-template .rz-grid-table thead tr th {
	color: white;
	background: var(--label-text-color);
}
.rz-expanded-row-template .rz-grid-table thead tr th .rz-column-title {
	color: white;
	font-weight: 500;
}

.rz-expanded-row-template .rz-sortable-column-icon.rzi-sort-asc {
	color: var(--principale-pale);
}
.rz-expanded-row-template .rz-sortable-column-icon.rzi-sort-desc {
	color: var(--principale-pale);
}
.rz-expanded-row-template .rz-sortable-column > div:hover .rzi-sort:not(.rzi-sort-asc):not(.rzi-sort-desc) {
	color: var(--principale-pale);
}

/* Notifications */
.rz-notification {
	position: absolute;
	overflow-x: hidden;
	top: 0;
	margin-right: -1rem;
	padding-right: 1rem;
}

.rz-notification > div {
	animation: 0.3s ease-out 0s forwards show;
}

.rz-notification-item-wrapper > .rz-progressbar {
	position: relative;
	bottom: 0.5rem;
	background: inherit;
}
.rz-notification-item-wrapper > .rz-progressbar > .rz-progressbar-value {
	background: white;
}

@keyframes show {
	0% {
		transform: translateX(100%);
	}
	100% {
		transform: translateX(0);
	}
}

/* Paginators */
.rz-pager-element {
	background-color: transparent !important;
	background-image: none !important;
	border: none !important;
	box-shadow: none !important;
	transition: none;
	font-weight: 500;
}

.rz-pager-element:hover {
	color: var(--principale-clair);
}

.rz-pager-element.rz-state-active {
	color: var(--principale);
	font-weight: bold;
	font-size: 115%
}

/* ProgressBars */
.rz-progressbar:has(.rz-progressbar-label) {
	--rz-progressbar-height: 1.25rem;
}

.rzi-success {
	color: #429d21;
}