::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f0f6ff;
  border-top: solid 1px RGB(204, 220, 243);
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #555;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover, .activite div::-webkit-scrollbar-thumb:hover {
  background: #001d48;
}

*{
  margin: 0;
  padding: 0;
}

body
{
	font-family: Helvetica;
	background-color: #fafafa;
	background-color: #fafcff;
	color: #001d48;
	-webkit-font-smoothing: antialiased;
	/*overflow-y: hidden;*/
}

.p-fab
{
	font-family: Helvetica;
	line-height: normal;
	display: block;
}

nav {
    background-color: #607eab;
    height: 60px;
    line-height: 22px;
    position: fixed;
  	top: 0;
  	z-index: 300;
  	padding: 0 2em;
    right: 0;
    left: 0;
}



nav ul {
  	margin: 0;
  	padding: 0;
}

nav li
{
  	float: left;
}

nav ul.jsmenu > li:nth-child(2)
{
  	border-left: 1px solid #11387b;
}

nav li ul li {
    float: none; 
}

nav li ul {
	background-color: #607eab;
	display: none;
	margin: 0;
    position: absolute;
    /*top: 100%;
    left: 0;
    width: 169px;*/
    white-space: nowrap;
    z-index: 3000;
    min-width: 100%;
}

.wsub {
	width: 170px;
}

nav li,
nav a, 
.menuinput label > span {
	position: relative;
	display: block;
	color: white;
	text-decoration: none;
}

nav a, .menuinput label > span{
    padding: 19px 10px;
    font-size: 16px;
    border-right: 1px solid #11387b;
}



nav a.title{
    padding: 19px 10px;
    background-color: #2e5098;
    /*margin-right: 2rem;*/
    border-right: none;
}

nav a.title:hover
{
    background-color: #6588d2;
    color: white;
}

nav li ul li a, nav li ul .menuinput label > span {
	border: none;
	/*padding: 10px;*/
}

nav a:hover, nav a.sel, .menuinput input:checked ~ span, .menuinput label > span:hover {
  background-color: white;
  color: #09c;
  cursor: pointer;
}

.menuinput input, .afficher input, #mobilemenubox
{
	display: none;
}

.right  {
    float: right;
}

nav ul li.right ul {
    /*position: absolute;*/
    right: 0px;
}


.linkRight {
    float: right !important;
}

.linkRight a {
    background-color: #2e5098;
    margin-left: 20px;
    margin-right: 6px; 
}

.linkRight img {
    float: left;
    margin-right: 3px;
}

.linkRight a:hover {
    background-color: #6588d2 !important;
    color: #fff !important;
}





.subarrow
	{
		float: right;
    	font-size: 1.5em;
    	margin-right: 10px;
	}

.afficher
{
	position: fixed;
	top: 60px;
	background-color: #f0f6ff;
	border-bottom: solid thin RGB(204, 220, 243);
	padding: 7px 2em;
	color: RGB(204, 220, 243);
	font-size: 0.95em;
	width: 100%;
	/*z-index: -1;
	background-color: RGB(204, 220, 243);*/
}

#board.menu-prive ~ .afficher
{
	top:112px;/*60+152*/
}

.afficher em
{
	font-style: normal;
	color: #6588d2;
}

.afficher label span
{
	color: RGB(204, 220, 243);
}

.afficher a, .afficher input:checked ~ span, .afficher label span:hover
{
	color: #6588d2; /* bleu fonce */
	text-decoration: none;
	cursor: pointer;
}





fieldset
{
	border: none;
	border-radius: 4px;
	margin-bottom: 1em;
	padding: 0.5em;
	background-color: #fafcff;
}

.pad08
{
	padding: 0.8em;
}

#board
{
	/*margin: 58px 1em 1em 1em;*/
	margin-top: 115px;
}

#board .p-fab.a-c
{
	margin: 15px 0 0 0;
	display: flex;
  	flex-wrap: nowrap; 
  	height: 100%;
  	overflow: visible;
  	padding-left: 2em;
}

#board .p-fab.a-l /* liste */
{
	margin-top: 1em
	/*margin: 1em 2em 2em 2em;
	left: 2em;
	right: 2em;
	position: absolute;*/
	/*z-index: -2;*/
}

#board .allp
{
	margin: 0 2em 2em 2em;
}
#board .p-stock.as-t, #board .p-stock.as-l, #board .p-stats /* table std */
{
	/*position: absolute;
	margin: 0 2em 2em 2em;*/
	padding: 2em;
    background-color: white;
    /*box-shadow: 0px 4px 8px 0 rgba(0, 0, 0, 0.2);
    z-index: -2;*/
    border: solid thin RGB(204, 220, 243);
	border-radius: 6px;
}

.pactivite
{
	display: table;
	padding-right: 2em;
	margin: -1em 2em 2em 2em;
}

#stock, #actload
{
	border-collapse: collapse;
}

th
{
	font-weight: normal;
	text-align: left;
	white-space: nowrap;
	border-bottom: thin solid #001d48;
	padding-right: 0.5em;
}

td
{
	white-space: nowrap;
	padding-right: 0.5em;
}

td:last-child, th:last-child
{
	padding-right: 0;
}

td:first-child
{
	text-align: right;
}

td.center
{
	text-align: center;
}

#board .p-stock.as-t th
{
	border-bottom: none;
}

#board .p-stock.as-t td
{
	width: 5em;
	min-width: 5em;
	text-align: right;
}


#board .p-stock.as-t td:last-child
{
	text-align: left;
	padding-left: 1em;
}

.hovertr:hover, .pointer:hover
{
	cursor: pointer;
}

.hovertr:hover
{
	background-color: #f0f6ff;
}

#board .p-stock.as-t .hovertr:hover td:last-child
{
	background-color: white;
}



#board .p-stock.as-t .cat th
{
	padding-top: 1em;
	border-bottom: thin solid #001d48;
	text-align: right;
	font-weight: bold;
}

.cat td
{
	padding-top: 1em;
	font-weight: bold;
	border-bottom: thin solid #fff;
}

#board .p-stock.as-t .cat th:nth-child(2)
{
	text-align: left;
}

#board.p-dash .allp/*.fab, #board.dash .stock, #board.dash .stats, #board.dash .amiel*/
{
	max-height: 20em;
	overflow-y: scroll;
	-ms-overflow-style: none;
	scrollbar-width: none;
	/*margin: 0 1em 2em 1em;
	border: solid thin RGB(204, 220, 243);*/
    background-color: #f0f6ff;
    /*background-color: RGB(204, 220, 243);*/
	/*border-radius: 0 0 12px 12px;
    border-top: none;*/
    padding: 0 2em;
    /*max-width: 46rem*/
    border: none;
    margin: 0;
}

#board.p-dash > div > h3
{
	/*border: solid thin RGB(204, 220, 243);
    background-color: #f0f6ff;*/
    /*background-color: RGB(204, 220, 243);*/
	/*border-radius: 12px 12px 0 0;
    border-bottom: none;
    margin: 0 1rem;*/
    font-size: 1.1em;
    padding: 1rem 2rem;
    /*max-width: 46rem*/
}

#board.p-dash .amiel
{
	padding: 2em;
}

#board.p-dash .p-stats
{
	max-height: none;
}

#board.p-dash #stock td:nth-child(2)
{
	overflow: hidden;
    width: 100%;
    max-width: 15.3em;
}

#board.p-dash .Borderouge
{
	background-color: white;
	/*margin: 0 1em;*/
	border-radius: 0;
	border-top: solid thin RGB(204, 220, 243);
	border-bottom: solid thin RGB(204, 220, 243);
    /*box-sizing: border-box;
    max-width: 52rem;*/
}

#board.p-dash > div > *::-webkit-scrollbar/*, #board.dash .stock::-webkit-scrollbar, #board.dash .stats::-webkit-scrollbar, #board.dash .amiel::-webkit-scrollbar*/
{
	display: none;
}

#board.p-dash .amiel table
{
	border-collapse: collapse;
}

#board.p-dash .amiel table th, #board.p-dash .amiel table td
{
	border: solid thin RGB(204, 220, 243);
    height: 22px;
    padding: 10px;
    text-align: right;
    font-weight: 700;
}

#board.p-dash .amiel table td.bg1
{
	color: white;
}
#board.p-dash .amiel table td.bg1:hover
{
	background-color: #ffd995 !important;
	color: white;
}

#board.p-dash .amiel table tr:nth-child(even) {
    background: #e0ecff;
}

#board.p-dash .amiel table tr:nth-child(odd) {
    background: #f0f6ff;
}

#board.p-dash .amiel table tr:first-child {
    background: white;
}

#board.p-dash .amiel table td:hover
{
	cursor: pointer;
	background: #e0ecff;
}

#board.p-dash .amiel table tr:nth-child(even) td:hover {
    background: #f0f6ff;
}

#board.p-dash .amiel table tr td.bgr:hover
{
	background: #ffaeae;
}




.inter th
{
	padding: 1.5px;
}

.leg
{
	width: 12px;
	min-width: 12px;
	border-radius: 3px;
}

#estock td
{
	width: auto;
	text-align: right;
	padding-left: 1em;
	padding-right: 1em;
}

#estock td:first-child
{
	text-align: left;
}

.col
{
	flex: 0 0 20em;
	margin-right: 1em;
	display: flex;
	flex-direction: column;
	height: 100%;
}

.last
{
	flex: 0 0 1em;
	height: 1em;
}

.th
{
	background-color: #f0f6ff;
	border: solid 1px RGB(204, 220, 243);
	font-size: 16px;
	border-radius: 6px;
	padding: 8px;
	height: 18px;
}



.td
{
	overflow: scroll;
	-ms-overflow-style: none;
	scrollbar-width: none;
	
	position: absolute;
	top: 151px;
	bottom: 0;
	width: 20em;
}

.td::-webkit-scrollbar
{
	display: none;
}


a
{
	color: #001d48;
}

a:hover
{
	color: RGB(204, 220, 243);
	cursor: pointer;
}

.tc0, .tc1, .tc2, .tc3, .tc4, .tc
{
	border: solid thin RGB(204, 220, 243);
	border-bottom: none;
	border-radius: 6px 6px 0 0;
	padding: 0.5em;
	margin-top: 1em;
	
	font-size: 0.8em;
	background-color: #f0f6ff;
	border-bottom: solid thin RGB(204, 220, 243);
}

.p-fab.a-l > label:first-child .tc
{
	margin-top: 0;
}

.carte
{
	border: solid thin RGB(204, 220, 243);
	border-top: none;
	background-color: white;
	padding: 0.5em;
	border-radius: 0 0 6px 6px;
}

.carte:last-child
{
	
	margin-bottom: 15em;
}

.tc0
{
	border-top: solid 6px grey;
}

.tc1
{
	border-top: solid 6px orange;
}

.tc2
{
	border-top: solid 6px #73a0ff;
}

.tc3
{
	border-top: solid 6px green;
}

.tc4
{
	border-top: solid 6px #c4e7c4;
}

.bgr
{
	background-color: red;
	color: white;
	font-weight:900;
}

.bg0
{
	background-color: grey;
	color: grey;
}

.bg1
{
	background-color: orange;
	color: orange;
}

.bg2
{
	background-color: #73a0ff;
	color: #73a0ff;
}

.bg3, .bg4:hover
{
	background-color: green; /*#c7ecc7*/
	color: green; /*#c7ecc7*/
}

.bg0:hover
{
	background-color: lightgrey;
	color: lightgrey;
}

.bg1:hover
{
	background-color: #ffd995;
	color: #ffd995;
}

.bg2:hover
{
	background-color: #bcd1ff;
	color: #bcd1ff;
}

.bg3:hover, .bg4
{
	background-color: #c4e7c4;/*#cee9ce;*/
	color: #c4e7c4;
}

.plus
{
	background-color: #607eab;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    height: 20px;
    width: 20px;
    line-height: 19px;
    font-size: 23px;
    color: white;
}

.im, .imnd
{
	background-color: #c4e7c4;/*#cee9ce;*/
	border-radius: 4px;
	padding: 0 3px;
	font-style: normal;
}

.carte a.im:hover
{
	background-color: green;
	color: white;
}

.imnd
{
	background-color: #ffd995;
}

.carte a.imnd:hover
{
	background-color: orange;
	color: white;
}

.br1
{
	border-radius: 1em;
}

.bgbox
{
	font-size: 0.9em;
	border-radius: 50%;
	border: solid 2px #fafcff;
}

.spbox
{
	border-radius: 3px;
	padding: 0 2px;
}

.statusbox input
{
	display:none;
}

.statusbox input:checked ~ .bgbox
{
	border-color: #001d48;
}

.statusbox input:checked ~ .tcbox
{
	background-color: RGB(204, 220, 243);
}

.statusbox input:checked ~ .spbox
{
	color: #001d48;
}

.carte a:hover, .carte a
{
	text-decoration: none;
	color: #001d48;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.fermer.dropdown ul
{
	right: 0px;
}

.dropdown ul {
	position: absolute;
	background-color: white;
	border: solid thin RGB(204, 220, 243);
	border-radius: 3px;
	min-width: 12em;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
  	list-style-type: none;
  	font-size: 0.9rem;
}

/* recherche */
.dropdown > div {
	position: absolute;
	background-color: white;
	border: solid thin RGB(204, 220, 243);
	border-radius: 3px;
	width: 30em;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  	right: 0px;
  	top: 70px;
  	padding: 1em;
  	color: #001d48;
}

.dropdown li {
	padding: 0.5em;
}

.dropdown li:hover {
	background-color: #f0f6ff;
	cursor: pointer;
}

.gris {
	color: lightgrey;
}
.dropdown li.gris:hover {
	background-color: white;
	cursor: default;
}
.dropdown li.gris .br1, .dropdown li.gris .br1:hover
{
	background-color: lightgrey;
}


.bdleft
{
	border-left: solid thin RGB(204, 220, 243);
}

.padding0
{
	padding: 0;
}


input, textarea, button, select
{
	border: solid thin RGB(204, 220, 243);
	color: #001d48;
	border-radius: 3px;
	background-color: white;
	font-size: 1em;
}

input[type="submit"], input[type="button"], button
{
	background-color: #607eab;/*#f0f6ff;*/
	color: white;
	border: none;
    border-radius: 5px;
	transition: background-color 200ms;
}

#board.p-dash #epei/*, #board.dash #printsoudure*/
{
	border: solid thin RGB(204, 220, 243);
	color: #001d48;
	background-color: #f0f6ff;
}

#board.p-dash #stock
{
	margin-bottom: 2em;
}

input[type="submit"]:hover, input[type="button"]:hover, button:hover, #board.p-dash #epei:hover
{
	background-color: #d8e8ff;
}

#board button
{
	background-color: #607eab;
	border: none;
	border-radius: 5px;
	color: white;
	transition: background-color 200ms;
	padding: 2px;
}

#board button:hover
{
	background-color: #d8e8ff;
}

#p
{
	padding: 1px;
	transition: border-color 200ms;
}

#p:hover
{
	border-color: #d8e8ff;
}

input[type="number"]
{
	width: 3em;
	/*border-color: #607eab;*/
}

#search
{
	padding: 5px;
	margin: -5px 2px;
}

nav li.search
{
	float: right;
}

.un
{
	width: 1em;
}

.qttLeft
{
	border-right: none;
	border-radius: 3px 0px 0px 3px;
	width: 1.5em;
	text-align: right;
	font-size: 1em;
}

.qttLeft:focus, .qttRight:focus
{
	outline: none;
}

.qttRight
{
	border-left: none;
	border-radius: 0px 3px 3px 0px;
	width: 2.3em;
	text-align: right;
	font-size: 1em;
}

.stockli
{
	float:right;
	font-size: 0.9em;
}


.w100
{
	width: 100%;
}


.fs1
{
	font-size: 1em;
}

.fs08
{
	font-size: 0.8em;
}


.w2em
{
	width: 2em;
}

.w25em
{
	width: 2.5em;
}

.w25
{
	width: 25em;
}

#qtt, .qtt
{
	width: 2.5em;
}





.hidden
{
	display: none;
}

.fermer
{
	float: right;
	text-decoration: none;
}



.modal {
  position: fixed; /* Stay in place */
  z-index: 400; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: #646566;/* #333; Fallback color */
  background-color: rgba(0,0,0,0.6); /* Black w/ opacity */
}

.modal.mopaque {
  background-color: #646566;/* #333; Fallback color */
}

/* Modal Content/Box */
.modal-content {
  background-color: #fefefe;
  margin: 15% auto; /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  width: 80%; /* Could be more or less, depending on screen size */
}

#msearch
{
	line-height: 22px;
	position: fixed;
    z-index: 400;
    top: 70px;
    right: 10px;
    width: 30em;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);
    border-radius: 10px;
}

#msearch .fenetre
{
	margin-top: 0;
}

.fenetre
{
	/*width: auto;*/
	margin: auto;
	background-color: white;
	border-radius: 6px;
	padding: 1em;
	margin-top: 3em;
	display: table;
}

.titrefenetre ~ .fenetre
{
	width: 40em;
	border-radius: 0 0 6px 6px;
	margin: auto;
	display: block;
}

.titrefenetre
{
	width: 40em;
	padding: 1em;
	margin: auto;
	margin-top: 3em;
	background-color: #f0f6ff;
	border-bottom: solid thin RGB(204, 220, 243);
	border-radius: 6px 6px 0 0;
}

.fenetre.stockcarte td:nth-child(odd)
{
	text-align: right;
	padding-right: 3em;
}

.fenetre.stockcarte td:first-child
{
	text-align: left;
	padding-right: 3em;
}


#qttstoform
{
	padding: 0;
}

.align-right, .activite td:last-child, .activite .align-right
{
	text-align: right;
}

.redout
{
	border-color: red;
}

.red
{
	color: red;
}

.agreen
{
	color: green;
	white-space: nowrap;
}

.agreen:hover
{
	color: #c4e7c4;
}

.nowrap
{
	white-space: nowrap;
}

#connect input, .compte input
{
	padding: 0.8em;
	box-sizing: border-box;
	width: 13em;
}

#activite
{
	position:fixed;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 7px;
	color: white;
	background-color: #555;
}

.activite a
{
	color: white;
}

.activite a:hover
{
	text-decoration: underline;
}

.activite div
{
	overflow-y: scroll;
	height: 84px;
}

.activite td
{
	text-align: left;
	width: auto;
	padding-right: 5px;
}

.activite div::-webkit-scrollbar-track {
  border: none;
  border-radius: 2px;
  background: #eee;
}

/* Handle */
.activite div::-webkit-scrollbar-thumb {
  background: #777;
  border-radius: 2px;
}

/*.p-stats
{
	margin: 2em;
	border-collapse: separate;
}*/

.p-stats table td:last-child
{
	width: 85%;
	text-align: left;
	/*padding-left:1em;*/
}

.p-stats table td:first-child
{
	text-align: left;
}

.p-stats table span.bg2
{
	display:inline-block;
	border-radius:4px;
}

.carte a em
{
	/*color: hotpink;
	font-weight: bold;
	font-style: normal;*/
	color: #607eab;
	/*color: #6588d2;*/
}

.editcm
{
	box-sizing: border-box;
	line-height: 1 !important;
	font-size: 1em;
	font-family: Helvetica;
	border:none;
	width: 100%;
}

.datepicker {
	position: relative;
	cursor: pointer;
	box-sizing: border-box;
	line-height: 1 !important;
	font-size: 1em;
	font-family: Helvetica;
	border:none;
	width: 6em;
}
.datepicker::-webkit-calendar-picker-indicator {
	position: absolute;
	right: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	opacity: 0;
	cursor: pointer;
}


.statusbox .datepicker {
	display: inline;
	background-color: transparent;
	width: 5.5em;
	/*margin-right: -20px;*/
}



#print
{
	display: none;
}

#board img
{
	float: left;
	margin-right: 0.5em
}



#board h4
{
	margin-bottom: 0.5em;
}

#board p
{
	margin-bottom: 2em;
}

/* FLEX */

#board.p-dash
{
	display: flex;
    flex-wrap: wrap;
    /*justify-content: space-evenly;*/
    align-items: stretch;
    padding: 0 1em;
    margin-top: 99px;
}

#board.p-dash > div
{
	flex: 0 1 49.5em;
    overflow: hidden;
    /*max-height: 20em;
    /*max-width: 54rem;*/
    margin: 1em;
    border-radius: 12px;
    border: solid thin RGB(204, 220, 243);
    background-color: #f0f6ff;
}

/* menu amielprive */

#board.menu-prive
{
	margin-top: 167px; /*115+52*/
}

#board.menu-prive.p-dash
{
	margin-top: 151px; /*99+52*/
}

#board.menu-prive ~ label > nav
{
	top:52px;
}

/*#board.dash > div:nth-child(even)
{
	flex: 1 1 41rem;
    max-width: 49.5em;
}*/



	


@media print {
	body *, .print .noprint, #print .noprint {
		display: none;
		margin:0 !important;
	}
	
	#print, .print, #print img
	{
		display: block;
	}
	
	#print *, .print *
	{
		display: revert;
		color: black;
	}
	
	.p-stock.as-t, .p-stock.as-l, .p-stats
	{
		margin: 0;
		padding: 0;
		border: none;
	}
	
	#print > div.w9
	{
		display: block;
		width: 9cm;
		height: 9cm;
		padding: 0.5cm;
		font-size: 20px;
	}
	
	.spbox
	{
		-webkit-print-color-adjust: exact !important;
		padding: 0 0.5em;
	}
}


@media only screen and not (max-width:719px)
{
	#activite
	{
		left: 50%;
		transform: translateX(-50%);
		bottom: 2em;
		border-radius: 8px;
		max-width: 95%;
		right: auto;
	}
	
	.p-fab.a-l .editcm
	{
		width: calc(100% - 14em);
	}
	
	.monly, .subarrow
	{
		display:none;
	}
	
	nav .jsmenu > li:first-child
	{
		margin-right: 2rem;
	}
	
	nav li:hover ul
	{
		display: block;
		overflow: scroll;
		-ms-overflow-style: none;
		scrollbar-width: none;
		max-height: calc(100vh - 60px);
	}
	
	#board.menu-prive ~ label nav li:hover ul
	{
		max-height: calc(100vh - 112px); /* 60px+52px*/
	}

	nav li:hover ul::-webkit-scrollbar
	{
		display: none;
	}
	
	.afficher input:checked ~ span:hover
	{
		color: RGB(204, 220, 243); /* bleu clair */
	}
	
	#board .p-stock
	{
		display: table;
	}
	
	#board.p-dash .p-stock
	{
		display: block;
	}
}

@media only screen and (max-width:43em)
{
	.titrefenetre, .titrefenetre ~ .fenetre
	{
		/*border-radius: 0;*/
		width: auto;
	}
	.titrefenetre ~ .fenetre
	{
		overflow: scroll;
	}
}

@media only screen and (max-width:719px)
{
	nav
	{
		overflow: hidden;
		padding: 0;
	}
	
	nav ul.jsmenu > li, nav a, .menuinput label > span
	{
	  	border: none !important;
	}
	
	nav li, .right, nav li.search {
		float: none;
	}
	
	
	nav a.title, nav a.title:hover
	{
		background-color: #2e5098;
		color: white;
		margin: 0;
	}
	
	
	
	
	
	nav li ul
	{
		display: block;
		background-color: #607eab;
		position: relative;
	}
	
	nav li.right ul
	{
    	left: 0;
	}
	
	nav li ul li a, nav li ul .menuinput label > span
	{
		padding-left: 50px;
	}
	
	
	
	a[data-task="edit"]
	{
		display: block;
	}
	
	a[data-print], ::-webkit-scrollbar
	{
		display: none;
	}
	
	#mobilemenubox ~ nav
	{
		transition: 0.2s;
	}
	
	#mobilemenubox:checked ~ nav
	{
		height: 100%;
		/*height: calc(100% - 50px);*/
		transition: 0.2s;
		overflow: scroll;
	}
	
	#board.menu-prive ~ label #mobilemenubox:checked ~ nav
	{
		height: calc(100% - 52px);
	}
	
	#board
	{
		max-width: 100%;
		
	}
	
	/*#board.dash .allp, #board.dash > div > h3, */#board .allp/*.fab.l*/
	{
		/*left: 1em;
		right: 1em;
		margin-top: 78px;
		margin: 0 1em 1em 1em;*/
		margin-left: 1rem;
		margin-right: 1rem;
	}
	
	#board .allp.p-fab.a-c
	{
		margin: 0 !important;
	}
	
	#board.p-dash
	{
		padding: 0;
	}
	
	#board.p-dash .allp, #board.p-dash > div > h3
	{
		padding-left: 1rem;
		padding-right: 1rem;
	}
	
	
	#board .p-fab.a-c
	{
		overflow: scroll;
		max-width: 100%;
		margin-top: 0;
		padding-left: 5vw;
		scroll-snap-type: x mandatory;
	}
	#board .p-fab.a-c > .col
	{
		scroll-snap-align: center;
	}
	.td
	{
		position: initial;
		width: 90vw;
		overflow-x: hidden;
	}
	.col
	{
		max-height: calc(100vh - 115px);
		flex: 0 0 90vw;
    	margin-right: 5vw;
	}
	/*#board .fab.c .col .statusbox
	{
		margin-top: 11px;
	}*/
	
	
	.datepicker, .statusbox .datepicker
	{
   		margin-right: -20px;
		background-color: transparent;
		width: auto;
	}
	
	.carte div
	{
		margin-bottom: 1em;
	}
	
	
	
	#board .p-stock
	{
		overflow: scroll;
	}
	
		
}

  
  
  
  
@media only screen and (max-width:719px) and (min-width:540px)
{
	.search
	{
		position: absolute;
		top: 0;
		right: 0;
	}
}

/*@media only screen and (min-width:540px)
{
	#board p
	{
		margin-bottom: 1em;
	}
	
	.plants
	{
		margin-left: 152px;
	}
}*/
  

  
  
/*
	*/