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

:root {
	/* Polices */
	--police-titre: 'Roboto', sans-serif;
	--police-contenu: 'Open Sans', sans-serif;
	/* Ombres */
	--elevation-0: none;
	--elevation-1: 0 0.0625rem 0.25rem 0 rgb(from var(--principale-fonce) r g b / 0.24);
	--elevation-2: 0 0.125rem 0.5rem 0 rgb(from var(--principale-fonce) r g b / 0.24);
	--elevation-3: 0 0.25rem 1rem 0 rgb(from var(--principale-fonce) r g b / 0.24);
	--elevation-4: 0 0.375rem 1.5rem 0 rgb(from var(--principale-fonce) r g b / 0.24);
	/* 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-sombre);
	--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(--accent-pale);
	--rz-secondary-light: var(--accent-clair);
	--rz-secondary: var(--accent);
	--rz-secondary-dark: var(--accent-moyen);
	--rz-secondary-darker: var(--accent-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(--accent);
	--rz-on-success-light: var(--vert);
	--rz-on-info-lighter: var(--info);
	--rz-on-warning-light: var(--jaune-fonce);
	--rz-on-danger-lighter: var(--rouge);
	/* Overrides textes */
	--rz-root-font-size: 14px;
	font-size: var(--rz-root-font-size);
	--rz-text-color: var(--principale-fonce);
	--bs-body-color: var(--rz-text-color);
	--rz-body-font-size: 1rem;
	--rz-link-color: var(--piv);
	--rz-link-text-decoration: underline;
	--rz-link-hover-color: var(--piv);
	--rz-link-hover-text-decoration: none;
	/* Overrides bordures */
	--rz-border-normal: var(--rz-border-width) solid var(--gris-moyen);
	/* Overrides animations */
	--rz-transition-all: all 0.24s ease-in-out;
	/* Overrides scrollbar */
	--rz-scrollbar-color: var(--gris);
	/* Overrides composantes */
	/* Header */
	--rz-header-background-color: var(--piv);
	--rz-header-border: none;
	/* Sidebar */
	--rz-sidebar-background-color: var(--principale);
	--rz-sidebar-border-inline-end: var(--principale);
	--rz-sidebar-toggle-color: white;
	--rz-sidebar-toggle-background-color: var(--principale);
	--rz-sidebar-toggle-hover-background-color: var(--principale);
	--rz-sidebar-toggle-border: none;
	--rz-panel-menu-font-size: 0.875rem;
	--rz-panel-menu-item-background-color: var(--principale);
	--rz-panel-menu-item-hover-background-color: var(--principale-sombre);
	--rz-panel-menu-item-active-background-color: var(--principale-fonce);
	--rz-panel-menu-item-border: none;
	--rz-panel-menu-item-padding-block: 1rem;
	--rz-panel-menu-item-padding-inline: 1rem;
	--rz-panel-menu-item-2nd-level-background-color: var(--principale-fonce);
	/* Profile */
	--rz-menu-top-item-background-color: unset;
	--rz-menu-top-item-hover-background-color: var(--principale);
	--rz-menu-top-item-padding-block: 13px;
	--rz-menu-top-item-padding-inline: 1rem;
	--rz-menu-top-item-color: inherit;
	--rz-menu-top-item-hover-color: inherit;
	--rz-menu-top-item-icon-color: inherit;
	--rz-menu-top-item-icon-hover-color: inherit;
	--rz-menu-top-item-selected-color: inherit;
	/* Layout */
	--rz-layout-background-color: white;
	--rz-layout-body-background-color: white;
	/* Footer */
	--rz-footer-background-color: var(--gris-fonce);
	--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);
	/* Inputs */
	--rz-input-shadow: none;
	--rz-input-focus-shadow: none;
	--rz-input-placeholder-color: var(--gris-moyen);
	--rz-input-disabled-color: var(--gris);
	--rz-input-disabled-border: var(--rz-input-border);
	--rz-input-disabled-background-color: var(--gris-pale);
	--rz-input-disabled-shadow: none;
	--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-disabled-background-color: var(--principale-clair);
	--rz-radio-checked-background-color: var(--principale);
	--rz-datepicker-month-dropdown-width: 7.5rem;
	--rz-datepicker-year-dropdown-width: 5rem;
	--rz-upload-button-bar-background-color: none;
	--rz-upload-choose-background-color: var(--piv);
	--rz-upload-choose-hover-background-color: var(--principale);
	--rz-upload-choose-active-background-color: var(--principale-moyen);
	/* Dialogs */
	--rz-dialog-mask-background-color: var(--gris-fonce);
	--rz-dialog-title-background-color: none;
	--rz-dialog-title-padding-block: 2rem 1rem;
	--rz-dialog-title-padding-inline: 2rem;
	--rz-dialog-content-padding: 1rem 2rem 2rem 2rem;
	/* Tooltips */
	--rz-tooltip-background-color: white;
	--rz-tooltip-color: var(--rz-text-color);
	--rz-tooltip-shadow: var(--elevation-4);
	--rz-tooltip-padding: 1rem;
	/* Tabs */
	--rz-tabs-padding: 1.25rem 0 0 0;
	--rz-tabs-border: none;
	--rz-tabs-shadow: none;
	--rz-tabs-transition: none;
	--rz-tabs-tab-color: var(--rz-text-color);
	--rz-tabs-tab-background-color: var(--rz-base-background-color);
	/* Grids */
	--rz-grid-header-background-color: var(--principale);
	--rz-grid-header-font-size: 1rem;
	--rz-grid-header-color: white;
	--rz-grid-header-font-weight: 500;
	--rz-grid-header-text-transform: none;
	--rz-grid-frozen-cell-background-color: var(--principale-clair);
	--rz-column-drag-handle-color: white;
	--rz-grid-sort-icon-color: white;
	--rz-grid-header-line-height: 1.5rem;
	/* Pagers */
	--rz-pager-summary-color: var(--rz-text-color);
	--rz-dropdown-item-disabled-opacity: 0.4;
}
/* Onglets */
.rz-tabview-panel {
	padding: 0.5rem;
}

/* 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(--principale-fonce);
}

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

h1 {
	font-size: 3rem;
	margin-top: 4.5rem;
	margin-bottom: 2rem;
}

	h1:after {
		content: "";
		display: block;
		margin: 0;
		width: 3rem;
		padding-top: 0.25rem;
		border-bottom: 4px solid var(--accent);
	}

h2 {
	font-size: 2.25rem;
	margin-top: 3rem;
	margin-bottom: 1rem;
}

h3 {
	font-size: 1.75rem;
	margin-top: 1.5rem;
	margin-bottom: 1rem;
}

h4 {
	font-size: 1.3125rem;
	margin-top: 1.5rem;
	margin-bottom: 0.5rem;
}

h5 {
	font-size: 1.1875rem;
	margin-top: 1rem;
	margin-bottom: 0.5rem;
}

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

p {
	margin-top: 0;
}

a {
	color: var(--rz-link-color);
}

	a:hover {
		color: var(--rz-link-hover-color);
		text-decoration: var(--rz-link-hover-text-decoration);
	}

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

/* Overrides composantes */
/* Breadcrumb */
.rz-breadcrumb {
	margin-bottom: 1.5rem;
}

.rz-breadcrumb-item + .rz-breadcrumb-item::before {
	content: ">";
	font-size: 0.75rem;
}

/* Boutons */
.rz-button-md {
	padding: 0.875rem 1.375rem;
}

.rz-button-sm {
	padding: 0.5rem 0.6875rem;
}

/* Inputs */
.rz-form-field {
	width: 100%;
}

.rz-form-field.rz-state-disabled .rz-form-field-content {
	background-color: var(--rz-input-disabled-background-color);
}

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

.rz-chkbox-box.rz-state-disabled {
	border-color: var(--gris-clair);
}

.rz-checkbox-list-vertical .rz-checkbox:last-child {
	margin-block-end: 0;
}

.rz-radio-button-list-vertical .rz-radio-btn:last-child {
	margin-block-end: 0;
}

.rz-multiselect-panel {
	width: max-content !important;
}

.rz-calendar-view td .rz-state-default {
	color: unset;
}

/* Cards */
.rz-card.rz-variant-filled {
	border: solid 1px var(--gris-clair);
}

/* Alerts */
.rz-alert-icon {
	--rz-alert-icon-margin: auto;
}

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

.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% !important;
	}
}

.rz-dialog-title {
	font-size: 1.3125rem;
}

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

.rz-dialog-title::after {
	content: "";
	display: block;
	margin: 0px;
	width: 3rem;
	padding-top: 0.25rem;
	border-bottom: 4px solid var(--accent);
	position: absolute;
}

.rz-dialog-side-titlebar {
	padding-top: 13px;
	padding-bottom: 13px;
	background-color: var(--principale-sombre);
	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: 1rem;
}

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

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

/* 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;
}

/* Tabs */
.rz-tabview-top > .rz-tabview-nav li {
	border: none;
}

.rz-tabview-top > .rz-tabview-nav .rz-tabview-selected {
	border-bottom: 4px solid var(--accent);
	margin-bottom: 0;
}

.rz-tabview-top > .rz-tabview-nav li:hover:not(.rz-tabview-selected):not(.rz-state-disabled) {
	border-bottom: 4px solid var(--gris-clair);
}

.rz-tabview-nav li:hover:not(.rz-state-disabled) a {
	color: var(--rz-tabs-tab-hover-color);
}

.rz-tabview-panels {
	border-top: var(--rz-border-normal)
}

/* Grids */
.rz-custom-header {
	order: 2;
	margin-left: 0.5em;
}

.rz-group-header {
	justify-content: left;
}

.rz-cell-filter-label {
	height: unset !important;
}

.rz-datatable {
	border: none;
}

.rz-data-grid.rz-density-compact {
	--rz-grid-cell-line-height: var(--rz-body-line-height);
}

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

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

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

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

/* Notifications */
.rz-notification {
	z-index: 9999 !important;
}

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