/*
	To ensure best practices, download your SVG icons from Freepik and optimize them using SVGOMG. 
	This approach avoids reliance on external resources like Flaticon or FontAwesome.
	
	For optimal design, I utilized styles from two Freepik collections: 
	'Super Basic Omission Outline' and 'Super Basic Straight Outline'. 
	
	Find them here:

	- https://www.freepik.com/author/freepik/icons/super-basic-omission-outline_57?t=f
	- https://www.freepik.com/author/freepik/icons/super-basic-straight-outline_51?t=f
*/

.icon {
  display: inline-block;
  vertical-align: middle;
  background-size: contain;
  width: var(--icon-width, 16px);
  height: var(--icon-height, 16px);
  background-color: var(--icon-color, currentColor);
  -webkit-mask: var(--icon-svg) no-repeat center center;
  mask: var(--icon-svg) no-repeat center center;
}

[class*="icon__img"] {
  background: var(--icon-svg);
  -webkit-mask: none;
  mask: none;
}

.icon--refresh {
  --icon-svg: url(icons/refresh.svg);
}

.icon--logout {
  --icon-svg: url(icons/exit.svg);
}

.icon--card-client {
  --icon-svg: url(icons/card-client.svg);
}

.icon--run-code {
  --icon-svg: url(icons/run-code.svg);
}

.icon--phone {
  --icon-svg: url(icons/phone.svg);
}

.icon--envelope {
  --icon-svg: url(icons/envelope.svg);
}

.icon--run-pdf {
  --icon-svg: url(icons/run-pdf.svg);
}

.icon--reorder-dots {
	--icon-svg: url(icons/reorder-dots.svg);
	--icon-width: 10px;
}

.icon--home {
  --icon-svg: url(icons/home.svg);
}

.icon--organization {
  --icon-svg: url(icons/organization.svg);
}

.icon--document {
  --icon-svg: url(icons/document.svg);
}

.icon--folder {
  --icon-svg: url(icons/folder.svg);
}

.icon--setting {
  --icon-svg: url(icons/setting.svg);
}

.icon--biblio {
  --icon-svg: url(icons/biblio.svg);
}

.icon--menu-left {
  --icon-svg: url(icons/menu-left.svg);
}

.icon--menu-right {
  --icon-svg: url(icons/menu-right.svg);
}

.icon--menu {
  --icon-svg: url(icons/menu.svg);
}

.icon--dashboard {
  --icon-svg: url(icons/dashboard.svg);
}

.icon--arrow-next {
  --icon-svg: url(icons/arrow-next.svg);
}

.icon--arrow-down {
  --icon-svg: url(icons/arrow-down.svg);
}

.icon--user {
  --icon-svg: url(icons/user.svg);
}

.icon__img--uk {
  --icon-svg: url(icons/flags/uk.svg);
}

.icon__img--fr {
  --icon-svg: url(icons/flags/fr.svg);
}

.icon--plus {
  --icon-svg: url(icons/plus.svg);
}

.icon--dots {
  --icon-svg: url(icons/dots.svg);
}

.icon--filter {
  --icon-svg: url(icons/filter.svg);
}

.icon--minius {
  --icon-svg: url(icons/minius.svg);
}

.icon--magnifying {
  --icon-svg: url(icons/magnifying.svg);
}

.icon--close {
  --icon-svg: url(icons/close.svg);
}

.icon--chevron-left {
  --icon-svg: url(icons/chevron-left.svg);
}

.icon--chevron-right {
  --icon-svg: url(icons/chevron-right.svg);
}

.icon--chevron-right-2 {
  --icon-svg: url(icons/chevron-right-2.svg);
  --icon-height: 12px;
}

.icon--trash {
  --icon-svg: url(icons/trash.svg);
}

.icon--disable-account {
  --icon-svg: url(icons/disable-account.svg);
}

.icon--calendar {
  --icon-svg: url(icons/calender.svg);
}

.icon--text-paragraph {
  --icon-svg: url(icons/text_paragraph.svg);
}

.icon--briefcase {
  --icon-svg: url(icons/briefcase.svg);
}

.icon--layers {
  --icon-svg: url(icons/layers.svg);
}

.icon--contact {
  --icon-svg: url(icons/contact.svg);
}

.icon--files {
  --icon-svg: url(icons/files.svg);
}

.icon--folders {
  --icon-svg: url(icons/folders.svg);
}

.icon--images {
  --icon-svg: url(icons/images.svg);
}

.icon--pencil {
  --icon-svg: url(icons/pencil.svg);
}

.icon--copy {
  --icon-svg: url(icons/copy.svg);
}

.icon--download-file {
  --icon-svg: url(icons/download-file.svg);
}

.icon--upload-file {
  --icon-svg: url(icons/upload-file.svg);
  --icon-width: calc(4px * 9);
  --icon-height: calc(4px * 9);
  --icon-color: var(--ev-body-color);
}

.icon--file {
  --icon-svg: url(icons/file.svg);
}

.icon--folder {
  --icon-svg: url(icons/folder.svg);
}

.icon--objet {
  --icon-svg: url(icons/objet.svg);
}

.icon--loop {
  --icon-svg: url(icons/loop.svg);
}

.icon--eye {
  --icon-svg: url(icons/eye.svg);
}

.icon--plus-2 {
  --icon-svg: url(icons/plus-2.svg);
  --icon-width: calc(4px * 3);
  --icon-width: calc(4px * 3);
}

.icon--link {
  --icon-svg: url(icons/link.svg);
}

.icon--unlink {
  --icon-svg: url(icons/unlink.svg);
}

.icon--exclamation-circle {
  --icon-svg: url(icons/exclamation-circle-2.svg);
}

.icon--download-line {
  --icon-svg: url(icons/download-line.svg);
}

.icon--booklet-line {
  --icon-svg: url(icons/booklet-line.svg);
}

.icon--apps-2-add-line {
  --icon-svg: url(icons/apps-2-add-line.svg);
}

.icon--user {
  --icon-svg: url(icons/user.svg);
}

.icon--company {
  --icon-svg: url(icons/company.svg);
}

.icon--check {
  --icon-svg: url(icons/check.svg);
}

.dd3-handle::before {
  content: unset !important;
}


.icon--add-bookmark {
  --icon-svg: url(icons/add-bookmark.svg);
}

.icon--bookmark {
  --icon-svg: url(icons/bookmark.svg);
}

.icon--circle-plus {
  --icon-svg: url(icons/circle-plus.svg);
}

.icon--pagebreak {
  --icon-svg: url(icons/pagebreak.svg);
}

.icon--image {
  --icon-svg: url(icons/image.svg);
}

.icon--paragraph {
  --icon-svg: url(icons/paragraph.svg);
}

.icon--floppy {
  --icon-svg: url(icons/floppy.svg);
}