/* CSS Document */
/* on fait un reset pour éliminer les espacements intrinseques produits par certaines balises */
*{
	margin:0;
	padding:0;
	box-sizing:border-box;
	outline:none;
	font-size: 1rem;
	/* line-height: 1.5rem; */
	text-decoration: none;
	border: none;
	font-family: Montserrat, Arial, sans-serif;
}
/* Chrome, Edge, and Safari */
*::-webkit-scrollbar{
	width: 10px;
}
*::-webkit-scrollbar-track{
	background-color: #000; /* var(--color-quaternary) */
}
*::-webkit-scrollbar-thumb {
	background-color: #FFF; /* var(--color-quaternary) */
}

body {
	position: relative;
	margin: 0px;
	background-color: var(--color-background);
	scrollbar-width: auto;
	scrollbar-color: var(--color-quaternary);
	color: var(--color-quaternary);
}
body::selection{
	color:#fff;
	background-color:var(--color-selection);
}
body::-moz-selection{
	color:#fff;
	background-color:var(--color-selection);
}

/* Chrome, Safari, Edge, Opera */
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
/* Firefox */
input[type=number] {
	-moz-appearance: textfield;
}

input[type="file"] {
    display: none;
}
.custom-file-upload {
	position: relative;
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer;
    border-radius: 20px;
    outline: none;
    border: var(--border);
    border-radius: 20px;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 40px;
    width: 100%;
    background-color: var(--color-background-opacity);
}

input[type="color"] {
    border: none !important;
    width: 50px !important;
    height: 50px !important;
    border-radius: 20px !important;
    /* background-color: inherit !important; */
    padding-left: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
	cursor: pointer;
}
input[type="color"]::-webkit-color-swatch-wrapper {
	border: none;
	border-radius: 20px;
	padding: 0;
}
input[type="color"]::-webkit-color-swatch {
	border: none;
	border-radius: 20px;
	padding: 0;
}

/* Style de base pour masquer la flèche */
select {
	/* Pour les navigateurs WebKit (Chrome, Safari, etc.) */
    -webkit-appearance: none;
	/* Pour les navigateurs Mozilla (Firefox, etc.) */
    -moz-appearance: none;
    appearance: none;
	/* Pour masquer le fond du select */
    background-color: transparent;
	/* Pour supprimer la bordure */
    border: none;
	/* Pour supprimer la bordure de focus */
    outline: none;

	padding-right: 20px;
}


ul{
	list-style-type: none;
}

pre {
	-webkit-overflow-scrolling: touch;
    color: #4a4a4a;
    overflow-x: auto;
    white-space: pre;
    word-wrap: normal;
    border-radius: 20px;
}
pre span{
	font-size: .875em;
}

.active{
	color:var(--color-primary);
}
.grid{
	display: grid;
}
.none{
	display: none !important;
}
.hr{
	border: var(--border);
}
.text_ellipsis{
	white-space : nowrap;
	overflow : hidden;
	text-overflow : ellipsis;
}