.infosdev {
	font-size: 10pt;
    position: fixed;
    right: 10px;
    bottom: 10px;
    display: flex;
}

.switchdesign {
  position: absolute;
  z-index: 1000;
  top: 90px;
  right: 30px;
  font-size: 30pt;
}



.offcanvas-size-xl {
    --bs-offcanvas-width: min(95vw, 600px) !important;
    --vz-offcanvas-width: min(95vw, 600px) !important;
}
.offcanvas-size-xxl {
    --bs-offcanvas-width: min(95vw, 90vw) !important;
    --vz-offcanvas-width: min(95vw, 90vw) !important;
}
.offcanvas-size-md { /* add Responsivenes to default offcanvas */
    --bs-offcanvas-width: min(95vw, 400px) !important;
}
.offcanvas-size-sm {
    --bs-offcanvas-width: min(95vw, 250px) !important;
}



.ui-autocomplete {
	z-index: 20000 !important;
}


.custom-tooltip.tooltip > .tooltip-inner {
    max-width: 500px !important;
    font-size: 16px;
	text-align: left;
}

/*
sert pour mettre en readonly les select2
voir la liste de commandes fournisseurs
*/
select[readonly].select2-hidden-accessible + .select2-container {
	pointer-events: none;
	touch-action: none;
	opacity:0.6;
	cursor:no-drop;
}

[data-bs-theme=dark] input[readonly],
[data-bs-theme=dark] input[readonly]:hover,
[data-bs-theme=dark] textarea[readonly],
[data-bs-theme=dark] textarea[readonly]:hover,
[data-bs-theme=dark] .form-control[readonly],
[data-bs-theme=dark] .form-control[readonly]:hover {
	background-color: #262c33 !important;
	border-color: #556070 !important;
	color: #c7d0da !important;
	opacity: 1;
}

[data-bs-theme=dark] input[readonly]:focus,
[data-bs-theme=dark] textarea[readonly]:focus,
[data-bs-theme=dark] .form-control[readonly]:focus {
	background-color: #262c33 !important;
	border-color: #556070 !important;
	color: #c7d0da !important;
	box-shadow: 0 0 0 0.15rem rgba(85, 96, 112, 0.22) !important;
}

[data-bs-theme=dark] .input-group > input[readonly] ~ .input-group-text,
[data-bs-theme=dark] .input-group > textarea[readonly] ~ .input-group-text,
[data-bs-theme=dark] .input-group > .form-control[readonly] ~ .input-group-text {
	background-color: #262c33 !important;
	border-color: #556070 !important;
	color: #c7d0da !important;
}

[data-bs-theme=dark] input:disabled,
[data-bs-theme=dark] textarea:disabled,
[data-bs-theme=dark] select:disabled,
[data-bs-theme=dark] .form-control:disabled,
[data-bs-theme=dark] .form-select:disabled {
	background-color: #1f242a !important;
	border-color: #434c57 !important;
	color: #8f99a5 !important;
	opacity: 1;
	cursor: not-allowed;
}

[data-bs-theme=dark] .input-group > input:disabled ~ .input-group-text,
[data-bs-theme=dark] .input-group > textarea:disabled ~ .input-group-text,
[data-bs-theme=dark] .input-group > select:disabled ~ .input-group-text,
[data-bs-theme=dark] .input-group > .form-control:disabled ~ .input-group-text,
[data-bs-theme=dark] .input-group > .form-select:disabled ~ .input-group-text {
	background-color: #1f242a !important;
	border-color: #434c57 !important;
	color: #8f99a5 !important;
}

.modal-footer > button[data-bs-dismiss="modal"]:first-of-type,
.modal-footer > button[data-dismiss="modal"]:first-of-type,
.modal-footer > a[data-bs-dismiss="modal"]:first-of-type,
.modal-footer > a[data-dismiss="modal"]:first-of-type {
	margin-right: auto;
}


.handle-sort {
	padding: 2px;
	cursor: grabbing;
}

.sidebar-conseiller {
	margin: 0.75rem 0 1rem;
	padding: 0.75rem 1rem;
	background-color: var(--vz-sidebar-user-bg);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 0.75rem;
}

[data-sidebar=light] .sidebar-conseiller {
	border-color: rgba(var(--vz-dark-rgb), 0.08);
}

.sidebar-conseiller .info_conseiller {
	padding: 0;
	border: 0;
	color: var(--vz-sidebar-user-name-sub-text);
	font-size: 0.875rem;
}

.sidebar-conseiller .info_conseiller .title,
.sidebar-conseiller .info_conseiller .title span,
.sidebar-conseiller .info_conseiller .title strong,
.sidebar-conseiller .info_conseiller .center_conseiller,
.sidebar-conseiller .info_conseiller .center_conseiller b,
.sidebar-conseiller .info_conseiller .center_conseiller i {
	color: var(--vz-sidebar-user-name-text);
}

.sidebar-conseiller .info_conseiller .title {
	margin-bottom: 1rem;
}

.sidebar-conseiller .info_conseiller .title img {
	display: block;
	max-width: 130px;
	margin: 0.5rem auto;
}

.sidebar-conseiller .info_conseiller > ul {
	margin: 0 0 1rem 0;
	padding-left: 1.25rem;
	color: var(--vz-sidebar-user-name-sub-text);
}

.sidebar-conseiller .info_conseiller > ul li::marker {
	color: var(--vz-sidebar-user-name-sub-text);
}

.sidebar-conseiller .info_conseiller > img {
	display: block;
	max-width: 100%;
	margin: 0 auto 1rem;
	border-radius: 0.5rem;
}

.sidebar-conseiller .info_conseiller a,
.sidebar-conseiller .info_conseiller:hover a {
	padding: 0;
	color: var(--vz-sidebar-user-name-text);
	background-color: transparent;
	text-decoration: underline;
	word-break: break-word;
}

.sidebar-conseiller .center_conseiller {
	margin-bottom: 0;
	line-height: 1.6;
}

[data-bs-theme=dark] .welcome-hero-dark {
	background:
		radial-gradient(circle at top right, rgba(39, 173, 228, 0.22), transparent 32%),
		linear-gradient(135deg, #111a37 0%, #222c56 52%, #0f2034 100%) !important;
	border-color: rgba(255, 255, 255, 0.08) !important;
	border-top-color: #f28d25 !important;
	box-shadow: 0 18px 40px rgba(18, 26, 52, 0.24);
	color: #fff;
}

[data-bs-theme=dark] .welcome-hero-dark .welcom-text {
	color: #fff;
	text-shadow: 0 4px 18px rgba(0, 0, 0, 0.35);
}

[data-bs-theme=dark] .welcome-hero-dark .text-primary {
	color: rgba(255, 255, 255, 0.82) !important;
}

[data-bs-theme=dark] .welcome-hero-dark .faq-img img {
	filter: drop-shadow(0 18px 30px rgba(0, 0, 0, 0.30));
}

[data-bs-theme=dark] .welcome-start-divider {
	border-bottom-color: rgba(255, 255, 255, 0.16) !important;
}

[data-bs-theme=dark] .welcome-start-title {
	color: #f3f6f9 !important;
	text-shadow: 0 2px 10px rgba(0, 0, 0, 0.28);
}
