.state-default-connected-false,
.state-default-connected-false * {
	box-sizing: border-box;
}
main{
	width: 100%;
	height: 100vh;
	background-image:
		url("./image/BLACKGROUND.jpg");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-attachment: scroll;
	overflow: auto;
	background-position: center;
	font-family: "Inter-Regular", sans-serif;
	font-size: large;
	&.contactTab{
		background-image: url("./icones/trace.svg"),
		linear-gradient(
			90deg,
			rgba(255, 255, 255, 1) 58%,
			rgb(255, 214, 0) 58% 60%,
			rgb(22, 22, 22) 60%);
		background-repeat: no-repeat;
		background-size: 50%, 100%;
		background-position: right;
	}
	&.connexionTab{
		background-image: linear-gradient(
		109.39deg,
			rgba(0, 0, 0, 1) 47.37405776977539%,
			rgba(0, 0, 0, 0) 100%),
			url("./main.png");
		background-repeat: no-repeat;
		background-size: 100% 100%;
		background-position: right;
	}
}
.main-menu {
	height: 100vh;
	width: fit-content;
	background: #161616;
	border-right: 3px solid #ffd600;
	padding: 0 10px;
	overflow: hidden;
	position: sticky;
	top: 0;
}
#menu{
	transition: all 1s;
	overflow-y: scroll;
	
	-ms-overflow-style: none;  /* IE and Edge */
	scrollbar-width: none;  /* Firefox */
	&::-webkit-scrollbar {
		display: none;/* Hide scrollbar for Chrome, Safari and Opera */
	}
}
.disconnected #header-menu .menu .list .item {
	&.dashboard, &.createCommand, &.createProduct, &.searchCommand, &.stock, &.reception, &.return, &.outStock{display: none;}
}
.collapsed {
	background: #161616;
	padding: 28px 17px 28px 17px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	align-items: center;
	justify-content: space-between;
	flex-wrap: nowrap;
	width: 82px;
	height: 100%;
	position: relative;
	overflow: hidden;
	/* transition: all 1s; */

	#header-menu{
		.designers{
			opacity: 0;
			width: 0%;
		}
		.left-arrow{
			transform: rotate(-180deg);
		}
	}
	.item, .frame-6, .user{
		/* overflow: hidden; */
		.name-item,.se-connecter,.john-doe{
			opacity: 0;
			width: 0%;
			transition: all 1s;
		}
	}
}
.deployed{
	padding: 28px 17px 28px 17px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	align-items: center;
	justify-content: space-between;
	flex-wrap: nowrap;
	width: 248px;
	height: 100%;
	position: relative;
	/* overflow: hidden; */
}
#header-menu{
	display: inline-block;
	width: 100%;
	white-space: nowrap;
	text-align: center;
}
.designers {
	width: 100%;
	height: fit-content;
	max-width: fit-content;
	text-align: left;
	font-family: "Inter-Bold", sans-serif;
	position: relative;
	display: inline-block;
	white-space: nowrap;
	gap: 10px;
	transition: all 1s;
	overflow: hidden;
}
.title-menu {
	display: inline-block;
	color: #ffd600;
	font-family: "Inter-Bold", sans-serif;
	font-size: 26px;
	font-weight: 700;
	transition: all 1s;
	span{
		color:#ffffff
	}
}
.left-arrow {
	display: inline-block;
	transition: all 1s;
	flex-shrink: 0;
	width: 50px;
	height: 50px;
	position: relative;
	top: 7px;
	overflow: visible;
}
.menu {
	width: 100%;
	text-align: center;
	margin-top: 20px;
}
.list{
	width: fit-content;
	display: grid;
	gap: 20px;
}
.item {
	text-align: left;
	display: inline-block;
	width: 100%;
	transition: all 1s;
	white-space: nowrap;
	a{
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: center;
		width: 100%;
		gap: 10px;
		height: 36px;
		margin-left: 6px;
	}
}
.name-item {
	display: inline-block;
	color: rgba(255, 255, 255, 1);
	text-align: left;
	font-family: "Inter-Regular", sans-serif;
	position: relative;
	width: 100%;
	max-width: fit-content;
	overflow: hidden;
	transition: all 1s;
	font-family: "Inter-Bold", sans-serif;
	font-size: 18px;
	font-weight: 500;
}
.icones{
	display: inline-block;
	width: 36px;
	height: 36px;
	position: relative;
	overflow: visible;
}
.bottom-menu {
	text-align: center;
	width: 100%;
	justify-content: start;
	display: grid;
	gap: 32px;
	overflow: visible;
}
.user {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    width: 100%;
	min-width: fit-content;
    gap: 10px;
    height: 50px;
}
.person {
	display: inline-block;
	border-radius: 25px;
	width: 50px;
	height: 50px;
	position: relative;
	overflow: hidden;
}
.john-doe {
	display: inline-block;
	color: rgba(255, 255, 255, 0.8);
	text-align: left;
	font-family: "Inter-Regular", sans-serif;
	font-size: 16px;
	font-weight: 400;
	position: relative;
	width: 100%;
	max-width: fit-content;
	white-space: nowrap;
	overflow: hidden;
}
.border {
	border-radius: 6px;
	border-style: solid;
	border-color: #ffd600;
	border-width: 3px;
	display: inline-block;
	padding-right: 5px;
}
.door-arrow-left {
	flex-shrink: 0;
	width: 36px;
	height: 36px;
	position: relative;
	overflow: visible;
}
.se-connecter {
	display: inline-block;
	color: rgba(255, 255, 255, 1);
	text-align: left;
	font-family: "Inter-Regular", sans-serif;
	font-size: 20px;
	font-weight: 700;
	position: relative;
	white-space: nowrap;
	transition: all 1s;
	width:100%;
	overflow: hidden;
	max-width: fit-content;
}
body{
	display: flex;
	flex-direction: row;
	
}
.formulaire-connexion{
	padding: 64px 120px 64px 120px;
	display: flex;
	flex-direction: column;
	gap: 33px;
	align-items: flex-start;
	justify-content: flex-start;
	align-self: stretch;
	flex: 1;
	position: relative;
	overflow: hidden;
}
.connecter {
	text-align: left;
	font-family: "Inter-Medium", sans-serif;
	font-size: 40px;
	font-weight: 500;
	position: relative;
	color: #ffffff;
	.se-connecter-span {
		color: #ffd600;
		font-family: "Inter-Medium", sans-serif;
		font-size: 40px;
		font-weight: 500;
	}
}
.identifiant {
	background: #ffffff;
	border-radius: 20px 4px 20px 4px;
	border-style: solid;
	border-color: #d1d1d1;
	border-width: 1px;
	padding: 14px 15px 14px 15px;
	display: flex;
	flex-direction: row;
	gap: 10px;
	align-items: center;
	justify-content: flex-start;
	flex-shrink: 0;
	width: 320px;
	position: relative;
	overflow: hidden;
}
.personne {
	flex-shrink: 0;
	width: 24px;
	height: 24px;
	position: relative;
	overflow: visible;
}
.email-address {
	color: #000000;
	text-align: left;
	font-family: "Inter-Regular", sans-serif;
	font-size: 15px;
	font-weight: 400;
	position: relative;
}
.password {
	background: #ffffff;
	border-radius: 20px 4px 20px 4px;
	border-style: solid;
	border-color: #d1d1d1;
	border-width: 1px;
	padding: 14px 15px 14px 15px;
	display: flex;
	flex-direction: row;
	gap: 10px;
	align-items: center;
	justify-content: flex-start;
	flex-shrink: 0;
	width: 320px;
	position: relative;
	overflow: hidden;
}
.lock-closed {
	flex-shrink: 0;
	width: 24px;
	height: 24px;
	position: relative;
	overflow: visible;
}
.password2 {
	color: #000000;
	text-align: left;
	font-family: "Inter-Regular", sans-serif;
	font-size: 15px;
	font-weight: 400;
	position: relative;
}
.connexion {
	background: #ffffff;
	border-radius: 20px 4px 20px 4px;
	border-style: solid;
	border-color: #d1d1d1;
	border-width: 1px;
	padding: 14px 15px 14px 15px;
	display: flex;
	flex-direction: row;
	gap: 10px;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 320px;
	position: relative;
	overflow: hidden;
}
.door-arrow-right {
	flex-shrink: 0;
	width: 24px;
	height: 24px;
	position: relative;
	overflow: visible;
}
.connexion2 {
	color: #000000;
	text-align: left;
	font-family: "Inter-Regular", sans-serif;
	font-size: 15px;
	font-weight: 400;
	position: relative;
}

/*PARTIE CONTACT*/
.formulaire-contact {
	margin: 64px 120px 64px 120px;
	display: flex;
	flex-direction: column;
	gap: 33px;
	align-items: flex-start;
	justify-content: center;
	flex-shrink: 0;
	width: 475px;
	position: relative;
}
.nous-contacter {
	text-align: left;
	font-family: "Inter-Medium", sans-serif;
	font-size: 40px;
	font-weight: 500;
	position: relative;
	color: #000000;
}
.nous-contacter-span {
	color: #ffd600;
	font-family: "Inter-Medium", sans-serif;
	font-size: 40px;
	font-weight: 500;
}
.input, .contenu {
	background: #ffffff;
	border-radius: 20px 4px 20px 4px;
	border-style: solid;
	border-color: #d1d1d1;
	border-width: 1px;
	padding: 14px 15px 14px 15px;
	display: flex;
	flex-direction: row;
	gap: 10px;
	align-items: center;
	justify-content: flex-start;
	align-self: stretch;
	flex-shrink: 0;
	position: relative;
	overflow: hidden;
}
.contenu {
	height: 126px !important;
	align-items: start !important;
}
.bouton-envoyer {
	background: #ffd600;
	border-radius: 20px 4px 20px 4px;
	padding: 14px 15px 14px 15px;
	display: flex;
	flex-direction: row;
	gap: 10px;
	align-items: center;
	justify-content: flex-start;
	flex-shrink: 0;
	height: 46px;
	position: relative;
	overflow: hidden;
}
.send {
	flex-shrink: 0;
	width: 24px;
	height: 24px;
	position: relative;
	overflow: visible;
}
.envoyer {
	color: #000000;
	text-align: left;
	font-family: "Inter-Regular", sans-serif;
	font-size: 15px;
	font-weight: 400;
	position: relative;
}

/*PARTIE ACCUEIL*/
.accueilTab{
	font-family: "Inter-Regular", sans-serif;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	gap: 20px;
	padding: 40px 0px;
	.logistic{
		color:white;
		span{color:#ffd600;}
	}
	#page{
		border: 3px solid #ffd600;
		background-color: white;
		border-radius: 20px 4px;
		align-self: center;
		display: flex;
		flex-direction: row;
		gap: 5px;
		padding: 3px 5px;
	}
	form{
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 10px;
		.test{
			display: flex;
			flex-direction: row;
			justify-content: center;
			gap:30px;
			[name="nbComm"]{
				background-color: white;
				border-radius: 4px;
				text-align: center;
				padding: 0 4px;
			}
			.result{
				font-size:20px;	
				color: white;
				font-weight: bold;
				text-decoration:underline;
			}
		}
	}
	.tableauCommande{
		@media screen and (max-width: 1050px){
			&>tbody>tr>td:nth-child(4),
			&>tbody>tr>th:nth-child(4),
			&>tbody>tr>td:nth-child(5),
			&>tbody>tr>th:nth-child(5),
			&>tbody>tr>td:nth-child(8),
			&>tbody>tr>th:nth-child(8),
			&>tbody>tr>td:nth-child(9),
			&>tbody>tr>th:nth-child(9)
			{display: none; }
		}
	}
}
.page{
	border: 0;
	background-color: white;
	padding: 5px 10px;
	height: 100%;
	border-radius: 8px;
	transition: all 500ms;
	font-size: large;
}
.page:hover{
	text-decoration: none;
	background-color: #161616;
	border-radius: 8px;
	color: #ffd600;
}
.select{
	text-decoration: none;
	background-color: #4f4f4f;
	border-radius: 8px;
	color: #ffd600;
}
.tableauCommande{
	font-size: large;
	border-spacing: 1px 5px;
	margin: 0px 30px;
	
	tr{ background: white; height: 50px; border: 2px solid black;}

	th, td{ white-space: wrap; }

	>tbody>tr:first-child >td{
		text-align: center;
		font-weight: 700;
	}
	
	>tbody>tr, >tbody>tr>td{ padding: 5px; }

	>tbody >tr >td:first-child,
	>tbody >tr >th:first-child{
		border-top-left-radius:20px;
		border-bottom-left-radius:4px;
	}

	>tbody >tr >td:last-child,
	>tbody >tr >th:last-child{
		border-top-right-radius:4px;
		border-bottom-right-radius:20px;
	}

	a{
		color: #4f4f4f;
		text-decoration: underline;
		padding: 5px 10px;
		transition: all 500ms;
	}
	a:hover{
		color: #ffd600;
		background-color: #4f4f4f;
		border-radius: 20px 4px;
		text-decoration: none;
		transition: all 500ms;
	}
	
	span.flex-row{
		display: flex;
		flex-direction: row;
		justify-content: center;
		gap: 20px;
		table{width: 100%;}
	}
	.revue{
		width: 100%;
	}
}

/*PARTIE RUPTURE*/
.ruptureTab{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	gap: 20px;
	font-family: "Inter-Regular", sans-serif;
	padding: 40px 0px;
	.logistic{
		color:white;
		span{
			color:#ffd600;
		}
	}
	.tableauRupture{
		border-collapse: separate;
		border-radius: 20px 4px;
		border-spacing: 1px 3px;
		a{
			color: #4f4f4f;
			text-decoration: underline;
			padding: 5px 10px;
			transition: all 500ms;
		}
		a:hover{
			color: #ffd600;
			background-color: #4f4f4f;
			border-radius: 20px 4px;
			text-decoration: none;
			transition: all 500ms;
		}
		tr{
			background-color: white;
			td{
				padding: 5px;
				border-width: 0 0 2px 0;
				text-align: center;
				&:first-child{text-align: left;}
				&:last-child{text-align: right;}
			}
		}
		tr:first-child td:first-child{
			border-top-left-radius:20px;
		}
		tr:first-child td:last-child{
			border-top-right-radius:4px;
		}
		tr:last-child td:first-child{
			border-bottom-left-radius:4px;
		}
		tr:last-child td:last-child{
			border-bottom-right-radius:20px;
		}
	}
}

/*PARTIE RECHERCHE COMMANDE*/
.rechercheCommandeTab{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	gap: 20px;
	font-family: "Inter-Regular", sans-serif;
	padding: 40px 0px;
	.logistic{
		padding: 0px 5px;
		border-radius:20px 4px;
		border: 3px solid #161616;
		/* background: linear-gradient(65deg, #161616 46%, #fff 48%); */
		background-color:#161616;
		width: fit-content;
		/* color:#161616; */
		color:white;
		span{
			color:#ffd600;
		}
	}
	.formulaire-recherche{
		display: flex;
		flex-direction: column;
		padding: 32px 60px;
		background-color: white;
		border-radius: 20px 4px 20px 4px;
		gap: 10px;
		label{
			display: flex;
			flex-direction: row;
			align-items: center;
			justify-content: space-between;
			gap:10px;
		}
		.flex-div{
			display: flex;
			flex-direction: row;
			flex-wrap: nowrap;
			gap: 5px;
			align-items: center;
		}
		.flex-div-around{
			display: flex;
			flex-direction: row;
			flex-wrap: nowrap;
			gap: 5px;
			align-items: center;
			justify-content: space-around;
		}
		.input {
			background: #ffffff;
			border-radius: 20px 4px 20px 4px;
			border-style: solid;
			border-color: #d1d1d1;
			border-width: 1px;
			padding: 14px 15px 14px 15px;
			display: flex;
			flex-direction: row;
			gap: 10px;
			align-items: center;
			justify-content: flex-start;
			align-self: stretch;
			flex-shrink: 0;
			position: relative;
			overflow: hidden;
		}
		.submit{
			background-color: #ffd600;
			border-radius: 20px 4px 20px 4px;
			padding: 14px 15px 14px 15px;
			height: 46px;
			position: relative;
			overflow: hidden;
		}
		.select-page{
			background-color: #161616;
			color: #ffd600;
			border-radius: 20px 4px 20px 4px;
			padding: 14px 15px 14px 15px;
			display: flex;
			flex-direction: row;
			gap: 10px;
			align-items: center;
			justify-content: flex-start;
			flex-shrink: 0;
			height: 46px;
			position: relative;
			overflow: hidden;
		}
		[name="nbComm"]{
			color: #ffd600;
			background-color: #161616;
		}
		#page{
			border: 3px solid #ffd600;
			border-radius: 20px 4px;
			align-self: center;
			display: flex;
			flex-direction: row;
			gap: 5px;
			padding: 3px 5px;
		}
		.result{
			font-size:20px;	
			color: #4f4f4f;
			font-weight: bold;
			text-decoration:underline;
			align-self: center;
		}
			
		.tableauCommande{
			@media screen and (max-width: 1050px){
				&>tbody>tr>td:nth-child(4),
				&>tbody>tr>th:nth-child(4),
				&>tbody>tr>td:nth-child(5),
				&>tbody>tr>th:nth-child(5),
				&>tbody>tr>td:nth-child(8),
				&>tbody>tr>th:nth-child(8),
				&>tbody>tr>td:nth-child(9),
				&>tbody>tr>th:nth-child(9)
				{display: none; }
			}
		}
	}
}
table.detail, table.revue{
	tr{
		td,th{
			&:first-child{ border-radius: 4px 0 0 4px; }
			&:last-child{ border-radius: 0 4px 4px 0; }
		}
	}

	tr:first-child td:first-child,
	tr:first-child th:first-child{
		border-top-left-radius:20px;
	}
	tr:first-child td:last-child,
	tr:first-child th:last-child{
		border-top-right-radius:4px;
	}
	tr:last-child td:last-child,
	tr:last-child td:last-child{
		border-bottom-right-radius:20px;
	}
	tr:last-child td:first-child,
	tr:last-child td:first-child{
		border-bottom-left-radius:4px;
	}
}
table.detail{
	td,th{
		text-align: left;
		padding: 0 15px;
	}
}
table.revue{
	tr td:first-child{
		text-align: left;
		padding: 0 20px;
	}
}

/*PARTIE CREATION ARTICLE*/
.creerArticle{
	color:#ffffff;
	.logistic{
		color:white;
		span{color:#ffd600;}
	}
	.formulaire-article{
		font-size: large;
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		gap:30px;
		label{
			display: flex;
			flex-direction: row;
			align-items: center;
			justify-content: flex-start;
			gap:10px;
			white-space: nowrap;
			width: 100%;
			>div.label{width:160px;}
		}
		.flex-form{
			width: 100%;
			display: flex;
			flex-direction: row;
			justify-content: space-evenly;
		}
		.flex-div{
			display: flex;
			flex-direction: column;
			flex-wrap: nowrap;
			gap: 30px;
			justify-content: center;
			align-items: flex-start;
		}
		.label{
			display: flex;
			flex-direction: row;
			justify-content: space-between;
		}
		.w3-input {
			background: #ffffff;
			border-radius: 20px 4px 20px 4px;
			border-style: solid;
			border-color: #d1d1d1;
			border-width: 1px;
			padding: 14px 15px 14px 15px;
		}
		.submit{
			background-color: #ffd600;
			border-radius: 20px 4px 20px 4px;
			padding: 14px 15px 14px 15px;
			height: 46px;
		}
	}
}

/*PARTIE CREATION COMMANDE*/
.commandeTab{
	color:white;
	.logistic{
		color:white;
		span{color:#ffd600;}
	}
	.formulaire-commande{
		font-size: large;
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		gap:30px;
		label{
			display: flex;
			flex-direction: row;
			align-items: center;
			justify-content: flex-start;
			gap:10px;
			white-space: nowrap;
			width: 100%;
			>div.label{width:160px;}
		}
		.flex-row{
			width: 100%;
			display: flex;
			flex-direction: row;
			justify-content: space-evenly;
		}
		.flex-col{
			display: flex;
			flex-direction: column;
			flex-wrap: nowrap;
			gap: 30px;
			justify-content: center;
			align-items: center;
		}
		#listArticles,
		#listArticles .titres,
		#listArticles .article{
			justify-content: flex-start;
			gap: 10px;
		}
		#listArticles .article .flex-row{
			justify-content: flex-start;
			gap: 5px;
			.w3-input{
				border-radius: 0;
				&:first-child{ border-radius: 20px 0 0 4px !important; }
				&:last-child{ border-radius: 0 4px 20px 0 !important; }
			}
		}
		.label{
			display: flex;
			flex-direction: row;
			justify-content: space-between;
		}
		.w3-input {
			background: #ffffff;
			border-radius: 20px 4px 20px 4px;
			border-style: solid;
			border-color: #d1d1d1;
			border-width: 1px;
			padding: 14px 15px 14px 15px;
		}
		.submit{
			background-color: #ffd600;
			border-radius: 20px 4px 20px 4px;
			padding: 14px 15px 14px 15px;
			height: 46px;
		}
		.fa{
			font: normal normal normal 20px/2 FontAwesome;
		}
	}
}

/*PARTIE RECHERCHE ARTICLE*/
.rechercheArticleTab{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	gap: 20px;
	font-family: "Inter-Regular", sans-serif;
	padding: 40px 0px;
	.logistic{
		padding: 0px 5px;
		border-radius:20px 4px;
		border: 3px solid #161616;
		/* background: linear-gradient(65deg, #161616 46%, #fff 48%); */
		background-color:#161616;
		width: fit-content;
		/* color:#161616; */
		color:white;
		span{
			color:#ffd600;
		}
		&::first-letter{
			text-transform:uppercase;
		}
	}
	.div-col{
		display: flex;
		flex-direction: column-reverse;
		gap: 5px;
		align-items: center;
	}
	.result{
		font-size:20px;	
		color: white;
		font-weight: bold;
		text-decoration:underline;
		align-self: center;
	}
	.telecharger{
		background-color: #ffd600;
		border-radius: 20px 4px 20px 4px;
		padding: 14px 15px 14px 15px;
	}
	.formulaire-recherche{
		display: flex;
		flex-direction: column;
		padding: 32px 60px;
		background-color: white;
		border-radius: 20px 4px 20px 4px;
		gap: 10px;
		align-items: flex-start;
		label{
			display: flex;
			flex-direction: row;
			align-items: center;
			justify-content: space-between;
			gap:10px;
		}
		.input {
			background: #ffffff;
			border-radius: 20px 4px 20px 4px;
			border-style: solid;
			border-color: #d1d1d1;
			border-width: 1px;
			padding: 14px 15px 14px 15px;
			display: flex;
			flex-direction: row;
			gap: 10px;
			align-items: center;
			justify-content: flex-start;
			align-self: stretch;
			flex-shrink: 0;
			position: relative;
			overflow: hidden;
		}
		.submit{
			background-color: #ffd600;
			border-radius: 20px 4px 20px 4px;
			padding: 14px 15px 14px 15px;
			position: relative;
			overflow: hidden;
			align-self: center;
		}
	}
	#myTable tr th{
		padding: 0 5px;
	}
	.tableauCommande{
		margin-right: auto;
		margin-left: auto;
		width: 80%;
		td:not(:first-child){text-align: center;}
		tr{
			td,th{
				&:first-child{ border-radius: 4px 0 0 4px; }
				&:last-child{ border-radius: 0 4px 4px 0; }
			}
		}
	
		tr:first-child td:first-child,
		tr:first-child th:first-child{
			border-top-left-radius:20px;
		}
		tr:first-child td:last-child,
		tr:first-child th:last-child{
			border-top-right-radius:4px;
		}
		tr:last-child td:last-child,
		tr:last-child td:last-child{
			border-bottom-right-radius:20px;
		}
		tr:last-child td:first-child,
		tr:last-child td:first-child{
			border-bottom-left-radius:4px;
		}
		@media screen and (max-width: 1050px){
			&>tbody>tr>td:nth-child(2),
			&>tbody>tr>th:nth-child(2),
			&>tbody>tr>td:nth-child(3),
			&>tbody>tr>th:nth-child(3),
			&>tbody>tr>td:nth-child(4),
			&>tbody>tr>th:nth-child(4),
			&>tbody>tr>td:nth-child(6),
			&>tbody>tr>th:nth-child(6),
			&>tbody>tr>td:nth-child(7),
			&>tbody>tr>th:nth-child(7),
			&>tbody>tr>td:nth-child(10),
			&>tbody>tr>th:nth-child(10)
			{display: none; }
		}
	}
}

/*PARTIE RECEPTIONS*/
.receptionsTab{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	gap: 20px;
	font-family: "Inter-Regular", sans-serif;
	padding: 40px 0;
	.logistic{
		padding: 0px 5px;
		border-radius:20px 4px;
		border: 3px solid #161616;
		/* background: linear-gradient(65deg, #161616 46%, #fff 48%); */
		background-color:#161616;
		width: fit-content;
		/* color:#161616; */
		color:white;
		span{
			color:#ffd600;
		}
		&::first-letter{
			text-transform:uppercase;
		}
	}
	.receptionsForm{
		display: flex;
		flex-direction: column;
		padding: 32px 60px;
		background-color: white;
		border-radius: 20px 4px 20px 4px;
		gap: 10px;
		align-items: left;
		label{
			display: flex;
			flex-direction: row;
			align-items: center;
			justify-content: space-between;
			gap:10px;
		}
		.input {
			background: #ffffff;
			border-radius: 20px 4px 20px 4px;
			border-style: solid;
			border-color: #d1d1d1;
			border-width: 1px;
			padding: 14px 15px 14px 15px;
			display: flex;
			flex-direction: row;
			gap: 10px;
			align-items: center;
			justify-content: flex-start;
			align-self: stretch;
			flex-shrink: 0;
			position: relative;
			overflow: hidden;
		}
		.submit{
			background-color: #ffd600;
			border-radius: 20px 4px 20px 4px;
			padding: 14px 15px 14px 15px;
			position: relative;
			overflow: hidden;
			align-self: center;
		}
	}
}