:root {
  --primary-color: #4a2779;
  --primary-color-light: #a15bff;
}

a, .link-primary {
	color: var(--primary-color);
}

.link-primary {
	color: var(--primary-color) !important;
}

.btn.btn-primary {
	background-color: var(--primary-color);
}

.btn.btn-light-primary {
	background-color: #eee;
}

/* Menu */
.app-sidebar-navs .menu .menu-item .menu-link.active {
	background-color: var(--primary-color);
}

/* checkbox */
.form-check-input:checked {
	background-color: var(--primary-color);
}

.btn-check:active+.btn.btn-primary, .btn-check:checked+.btn.btn-primary, .btn.btn-primary.active, .btn.btn-primary.show, .btn.btn-primary:active:not(.btn-active), .btn.btn-primary:focus:not(.btn-active), .btn.btn-primary:hover:not(.btn-active), .show>.btn.btn-primary {
    background-color: var(--primary-color) !important;
}

.btn-check:active+.btn.btn-light-primary, .btn-check:checked+.btn.btn-light-primary, .btn.btn-light-primary.active, .btn.btn-light-primary.show, .btn.btn-light-primary:active:not(.btn-active), .btn.btn-light-primary:focus:not(.btn-active), .btn.btn-light-primary:hover:not(.btn-active), .show>.btn.btn-light-primary {
	background-color: var(--primary-color) !important;
}

.text-primary, .text-gray-800, .text-hover-primary:hover, .btn.btn-light-primary .svg-icon, .btn.btn-active-light-primary:hover:not(.btn-active) {
	color: var(--primary-color) !important;
}

.btn.btn-light-primary i, .btn.btn-light-primary, .btn.btn-light-primary i, .btn.btn-light-primary {
	color: var(--primary-color);
}

.active>.page-link, .page-link.active {
	background-color: var(--primary-color);
}

/* Liste déroulante */
.menu-state-bg-light-primary .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here), .menu-state-bg-light-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) {
	background-color: var(--primary-color);
	color: #FFF;
}

/* Bouton secondaire */
.btn.btn-secondary:hover:not(.btn-active) {
	background-color: var(--primary-color) !important;
}

/* Menu profile */
.menu-state-color .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here), .menu-state-color .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) {
	color: var(--primary-color) !important;
}