:root {
	--color-0: #222222;
	--color-1: #006A53;
	--color-2: #FF7B00;
}

/*
::-webkit-scrollbar {
  width: 18px;
}

::-webkit-scrollbar-track {
  box-shadow: inset 0 0 14px 14px transparent;
  border: solid 5px transparent;
}

::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 14px 14px white;
  border: solid 5px transparent;
  border-radius: 14px;
}
*/
/*
::-webkit-scrollbar {
  width: 18px;
}

::-webkit-scrollbar-corner {
    background: #ffffff00;
}
::-webkit-scrollbar-thumb {
	box-shadow: inset 0 0 14px 14px #f5aa5c;
    border: solid 4px transparent;
    border-radius: 13px;
}
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 0px 4px #e9e3db;
    border: solid 7px #cd7b2000;
}

::-webkit-scrollbar-button {
  display: none;
}

::-webkit-scrollbar-corner {
	background: transparent;
}
*/

html,
body {
    height: 100%;
    width: 100%;
    margin: 0;
  	background: var(--color-1);
  	color: var(--color-1);
}

.main-loader {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: rgba(255, 255, 255, 0.9);
	z-index: 2001; /*car la sidebar sur la map est à 2000*/
}