/*////////////////////////////////////////////////
////////////////////VARIABLES/////////////////////
////////////////////////////////////////////////*/
:root{
	--spacer-1: 1vh;
	--spacer-2: 5vh;
	--spacer-3: 7.5vh;
	--spacer-4: 10vh;
	--spacer-5: 15vh;

	--spacer-dis: 0vh;


	--uppls-1: -100px;
	--uppls-2: -200px;
	--uppls-3: -250px;
	--uppls-4: -300px;
	--uppls-5: -500px;

	--uppls-dis: 0px;

}
/*////////////////////////////////////////////////
////////////GESTION DES SPACEURS BASE/////////////
////////////////////////////////////////////////*/
.spacer-1{
	margin-top: var(--spacer-1, 1vh);
}
.spacer-2{
	margin-top: var(--spacer-2, 5vh);
}
.spacer-3{
	margin-top: var(--spacer-3, 7.5vh);
}
.spacer-4{
	margin-top: var(--spacer-4, 10vh);
}
.spacer-5{
	margin-top: var(--spacer-5, 15vh);
}

/*////////////////////////////////////////////////
/////////GESTION DES SPACEURS RESPONSIVE//////////
////////////////////////////////////////////////*/

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
	.spacer-sm-1{
		margin-top: var(--spacer-1, 1vh);
	}
	.spacer-sm-2{
		margin-top: var(--spacer-2, 5vh);
	}
	.spacer-sm-3{
		margin-top: var(--spacer-3, 7.5vh);
	}
	.spacer-sm-4{
		margin-top: var(--spacer-4, 10vh);
	}
	.spacer-sm-5{
		margin-top: var(--spacer-5, 15vh);
	}
	.spacer-sm-dis{
		margin-top: var(--spacer-dis, 0vh);
	}
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.spacer-md-1{
		margin-top: var(--spacer-1, 1vh);
	}
	.spacer-md-2{
		margin-top: var(--spacer-2, 5vh);
	}
	.spacer-md-3{
		margin-top: var(--spacer-3, 7.5vh);
	}
	.spacer-md-4{
		margin-top: var(--spacer-4, 10vh);
	}
	.spacer-md-5{
		margin-top: var(--spacer-5, 15vh);
	}
	.spacer-md-dis{
		margin-top: var(--spacer-dis, 0vh);
	}
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.spacer-lg-1{
		margin-top: var(--spacer-1, 1vh);
	}
	.spacer-lg-2{
		margin-top: var(--spacer-2, 5vh);
	}
	.spacer-lg-3{
		margin-top: var(--spacer-3, 7.5vh);
	}
	.spacer-lg-4{
		margin-top: var(--spacer-4, 10vh);
	}
	.spacer-lg-5{
		margin-top: var(--spacer-5, 15vh);
	}
	.spacer-lg-dis{
		margin-top: var(--spacer-dis, 0vh);
	}
}
/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.spacer-xl-1{
		margin-top: var(--spacer-1, 1vh);
	}
	.spacer-xl-2{
		margin-top: var(--spacer-2, 5vh);
	}
	.spacer-xl-3{
		margin-top: var(--spacer-3, 10vh);
	}
	.spacer-xl-4{
		margin-top: var(--spacer-4, 15vh);
	}
	.spacer-xl-5{
		margin-top: var(--spacer-5, 7.5vh);
	}
	.spacer-xl-dis{
		margin-top: var(--spacer-dis, 0vh);
	}
}
/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
	.spacer-xxl-1{
		margin-top: var(--spacer-1, 1vh);
	}
	.spacer-xxl-2{
		margin-top: var(--spacer-2, 5vh);
	}
	.spacer-xxl-3{
		margin-top: var(--spacer-3, 7.5vh);
	}
	.spacer-xxl-4{
		margin-top: var(--spacer-4, 10vh);
	}
	.spacer-xxl-5{
		margin-top: var(--spacer-5, 15vh);
	}
	.spacer-xxl-dis{
		margin-top: var(--spacer-dis, 0vh);
	}
}

/*////////////////////////////////////////////////
/////////////GESTION DES UPPLS BASE///////////////
////////////////////////////////////////////////*/
.uppls-1{
	margin-top: var(--uppls-1, -100px);
}
.uppls-2{
	margin-top: var(--uppls-2, -200px);
}
.uppls-3{
	margin-top: var(--uppls-3, -250px);
}
.uppls-4{
	margin-top: var(--uppls-4, -300px);
}
.uppls-5{
	margin-top: var(--uppls-5, -500px);
}

/*////////////////////////////////////////////////
//////////GESTION DES UPPLS RESPONSIVE////////////
////////////////////////////////////////////////*/

@media (min-width: 576px) {
	.uppls-sm-1{
		margin-top: var(--uppls-1, -100px);
	}
	.uppls-sm-2{
		margin-top: var(--uppls-2, -200px);
	}
	.uppls-sm-3{
		margin-top: var(--uppls-3, -250px);
	}
	.uppls-sm-4{
		margin-top: var(--uppls-4, -300px);
	}
	.uppls-sm-5{
		margin-top: var(--uppls-5, -500px);
	}
	.uppls-sm-dis{
		margin-top: var(--uppls-dis, 0vh);
	}
}
@media (min-width: 768px) {
	.uppls-md-1{
		margin-top: var(--uppls-1, -100px);
	}
	.uppls-md-2{
		margin-top: var(--uppls-2, -200px);
	}
	.uppls-md-3{
		margin-top: var(--uppls-3, -250px);
	}
	.uppls-md-4{
		margin-top: var(--uppls-4, -300px);
	}
	.uppls-md-5{
		margin-top: var(--uppls-5, -500px);
	}
	.uppls-md-dis{
		margin-top: var(--uppls-dis, 0vh);
	}
}
@media (min-width: 992px) {
	.uppls-lg-1{
		margin-top: var(--uppls-1, -100px);
	}
	.uppls-lg-2{
		margin-top: var(--uppls-2, -200px);
	}
	.uppls-lg-3{
		margin-top: var(--uppls-3, -250px);
	}
	.uppls-lg-4{
		margin-top: var(--uppls-4, -300px);
	}
	.uppls-lg-5{
		margin-top: var(--uppls-5, -500px);
	}
	.uppls-lg-dis{
		margin-top: var(--uppls-dis, 0vh);
	}
}

@media (min-width: 1200px) {
	.uppls-xl-1{
		margin-top: var(--uppls-1, -100px);
	}
	.uppls-xl-2{
		margin-top: var(--uppls-2, -200px);
	}
	.uppls-xl-3{
		margin-top: var(--uppls-3, -250px);
	}
	.uppls-xl-4{
		margin-top: var(--uppls-4, -300px);
	}
	.uppls-xl-5{
		margin-top: var(--uppls-5, -500px);
	}
	.uppls-xl-dis{
		margin-top: var(--uppls-dis, 0vh);
	}
}

@media (min-width: 1400px) {
	.uppls-xxl-1{
		margin-top: var(--uppls-1, -100px);
	}
	.uppls-xxl-2{
		margin-top: var(--uppls-2, -200px);
	}
	.uppls-xxl-3{
		margin-top: var(--uppls-3, -250px);
	}
	.uppls-xxl-4{
		margin-top: var(--uppls-4, -300px);
	}
	.uppls-xxl-5{
		margin-top: var(--uppls-5, -500px);
	}
	.uppls-xxl-dis{
		margin-top: var(--uppls-dis, 0vh);
	}
}

.datagrid{
	--tblr-datagrid-item-width:15rem;
	--tblr-datagrid-padding: 1.5rem;
}
.datagrid-small{
	--tblr-datagrid-item-width:13rem;
	--tblr-datagrid-padding: 1rem;
}
.datagrid-min{
	--tblr-datagrid-item-width:10rem;
	--tblr-datagrid-padding: 0.5rem;
}

@media (min-width: 576px) {
	.datagrid-sm{
		--tblr-datagrid-item-width:15rem;
		--tblr-datagrid-padding: 1.5rem;
	}
	.datagrid-sm-small{
		--tblr-datagrid-item-width:13rem;
		--tblr-datagrid-padding: 1rem;
	}
	.datagrid-sm-min{
		--tblr-datagrid-item-width:10rem;
		--tblr-datagrid-padding: 0.5rem;
	}
}
@media (min-width: 768px) {
	.datagrid-md{
		--tblr-datagrid-item-width:15rem;
		--tblr-datagrid-padding: 1.5rem;
	}
	.datagrid-md-small{
		--tblr-datagrid-item-width:13rem;
		--tblr-datagrid-padding: 1rem;
	}
	.datagrid-md-min{
		--tblr-datagrid-item-width:10rem;
		--tblr-datagrid-padding: 0.2rem;
	}

}
@media (min-width: 992px) {
	.datagrid-lg{
		--tblr-datagrid-item-width:15rem;
		--tblr-datagrid-padding: 1rem;
	}
	.datagrid-lg-small{
		--tblr-datagrid-item-width:13rem;
		--tblr-datagrid-padding: 1.5rem;
	}
	.datagrid-lg-min{
		--tblr-datagrid-item-width:10rem;
		--tblr-datagrid-padding: 0.5rem;
	}

}

@media (min-width: 1200px) {
	.datagrid-xl{
		--tblr-datagrid-item-width:15rem;
		--tblr-datagrid-padding: 1.5rem;
	}
	.datagrid-xl-small{
		--tblr-datagrid-item-width:13rem;
		--tblr-datagrid-padding: 1rem;
	}
	.datagrid-xl-min{
		--tblr-datagrid-item-width:10rem;
		--tblr-datagrid-padding: 0.5rem;
	}
}

@media (min-width: 1400px) {
	.datagrid-xxl{
		--tblr-datagrid-item-width:15rem;
		--tblr-datagrid-padding: 1.5rem;
	}
	.datagrid-xxl-small{
		--tblr-datagrid-item-width:13rem;
		--tblr-datagrid-padding: 1rem;
	}
	.datagrid-xxl-min{
		--tblr-datagrid-item-width:10rem;
		--tblr-datagrid-padding: 0.5rem;
	}

}

.ts-control > input{
	display: none!important;
}

.ts-dropdown{
	margin-top: 0!important;
}

.datagrid-item-lg{
	grid-column: 1/3;
}



.container-xxl{
	max-width: 1450px;
}



body {
	font-family: sans-serif;
  }
  
  .profilepic {
	position: relative;
  }

  
  .profilepic:hover .profilepic__content {
	opacity: 1;
  }
  
  .profilepic:hover .profilepic__image {
	opacity: .5;
	filter: brightness(50%);

  }
  
  .profilepic__image {
	object-fit: cover;
	opacity: 1;
	transition: opacity .2s ease-in-out;
  }
  
  .profilepic__content {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: white;
	opacity: 0;
	transition: opacity .2s ease-in-out;
  }
  
  .profilepic__icon {
	color: white;
	padding-bottom: 8px;
  }
  
  .fas {
	font-size: 20px;
  }
  
  .profilepic__text {
	text-transform: uppercase;
	font-size: 12px;
	text-align: center;
  }


  .custom-file-upload {
	display: inline-block;
	cursor: pointer;
  }

#file-upload-none {
	display: none;
  }


  .chart-elegant{
	margin-bottom:-1.3px;
	width: 100.1%;

  }