* {
  accent-color: #4CAF50;
}

body.env-test {
  filter: hue-rotate(180deg);
}

html {
  margin: 0px;
  padding: 0;
  background-color: #fff;
  font-family: 'Lato', sans-serif;
  font-size:1em;
  font-weight:normal;
  color:#202040;
  scrollbar-color: #4caf50 white;
}

#div_header{
  padding:8px;
  border:0px solid #000000;
	background-color: #000000;
	width:100%;
	z-index:999999;
}
a {color:#7e1336;text-decoration: none}
a:hover {text-decoration: none;color:#000}

.red {color:#c60c0c}

a.new {
	background-color:#b92257;
	color:#fff;
	font-size:1em;
	text-decoration: none;
	border-radius:4px;
	padding:4px 6px;
	margin:0px 5px 0px 5px;
}

a.new:hover {
	background-color: #000
}

td {
	padding:5px;
}

td a {
  display: block;
  height: 100%;
	color:#228025
}

input, select, button {
	padding: 3px;
	font-size: 14px;
	margin: 3px;
	background-color: #fff;
	border: 2px solid  #4CAF50;
	border-radius:4px;
  line-height: 1em;
}

textarea {
  line-height: 1em;
}

textarea.commentaire {
  font-size: small;
}

button, input[type="button"], input[type="submit"], input[type="reset"] {
  background-color: #4CAF50;
  border: none;
  color: white;
  padding: 6px 10px;
  text-decoration: none;
  margin: 4px 2px;
  cursor: pointer;
	font-size:18px;
	color:#fff;
  line-height: 1em;
}

button:hover, input[type="button"]:hover , input[type="submit"]:hover , input[type="reset"] :hover {
	background-color:#000;
	color:#fff;

}

button:disabled, input[type="button"]:disabled, input[type="submit"]:disabled {
  background: #ccc;
  cursor: not-allowed;
}

#div_stock {
	margin:0 auto;
}

a.ajout {
	display:inline-block;
	background-color:#4CAF50;
	color:#fff;
	padding:4px;
	border-radius:4px;
	text-decoration:none;
	font-size:15px;
	font-weight:bold;
	text-transform:uppercase;
}

a.ajout:hover  {
	background-color:#000;
}
/*--IDENT--*/
#ident {
 width:400px;
  margin:auto ;
  margin-top:50px ;
  border:1px dotted #ff0000 ;
  padding:7px ;
  text-align:center ;
}

/*--MENU TOP--*/
#div_menu_top {border:2px solid #c21e5b;overflow:hidden;margin:0 auto;padding:15px 5px 5px 5px;border-radius:8px;max-width:98%;background-color:#fff;

}

ul#ul_header{
  list-style-type:none ;
  padding:0px;
  margin:0px;
}
ul#ul_header li{
  float:left ;
  margin:7px ;
}
ul#ul_header li a{
  border:1px dotted #fff ;
  border-radius:7px ;
  padding:10px ;
	color:#fff;
	text-decoration:none;
	background-color:#444444;

}
ul#ul_header li a:hover{
  background-color:#b92257 ;
}
ul#ul_header li a.sel{
	background-color:#b92257;
  color:#fff ;
  border:1px solid #b92257 ;
	-webkit-box-shadow: 5px 5px 3px -2px rgba(59,59,59,0.7);
box-shadow: 5px 5px 3px -2px rgba(59,59,59,0.7);

}

#div_header_infos_ident{
  float:right ;
  margin:0px ;
	border:2px solid #2c264b;
	padding:5px;
}
 img.logo {height:40px;vertical-align:middle;float:right;}


#div_corps {padding:5px 10px 5px 10px;width:100%;}

#div_footer{
  text-align:center ;
  font-size:0.8em ;
  padding:7px;
  border:1px solid #000000;
}

table#table_l_global{
  width:100% ;
  margin:auto ;
}
table#table_l_global tbody tr:nth-child(even) {background: #f5fafc}
table#table_l_global tbody tr:nth-child(odd) {background: #FFF}
table#table_l_global tbody tr:hover{
  background-color:#FFFFCC ;
}

table#table_globale{
  width:100% ;
  margin:auto ;
}
table#table_globale tbody tr:nth-child(even) {background: #f5fafc}
table#table_globale tbody tr:nth-child(odd) {background: #FFF}
table#table_globale tbody tr:hover{
  background-color:#FFFFCC ;
}


table.liste_admin{
  width:100% ;
  margin:auto ;
}
table.liste_admin tbody tr:nth-child(even) {background: #f5fafc}
table.liste_admint tbody tr:nth-child(odd) {background: #FFF}
table.liste_admin tbody tr:hover{
  background-color:#fffdd4;
-webkit-box-shadow: inset 0px 1px 8px 0px #464646;
box-shadow: inset 0px 1px 8px 0px #464646;
}


table#tab_lpu{
  width:100% ;
  margin:auto ;
}
table#tab_lpu tbody tr:nth-child(even) {background: #f5fafc}
table#tab_lpu tbody tr:nth-child(odd) {background: #FFF}
table#tab_lpu tbody tr:hover{
  background-color:#FFFFCC ;
}


table.dialog_admin{
  width:100% ;
  margin:auto ;
}
table.dialog_admin tbody tr:nth-child(even) {background: #f5fafc}
table.dialog_admin tbody tr:nth-child(odd) {background: #FFF}
table.dialog_admin tbody tr:hover{
  background-color:#FFFFCC ;
}
table.dialog_admin input[type=text]{
  width:100% ;
}

table.sticky thead tr {
  position: sticky;
  top: 0;
  background-color:#000;
  color:#fff;
}

table.sticky thead a {
  color:#fff;
}

#dialog-confirm_sup{
  display:none ;
}

#global_btn_lieu{

}

#global_btn_lieu a{
  border:1px solid #4CAF50 ;
  border-radius:5px ;
  padding:5px ;
  margin:7px;
  background-color:#4CAF50 ;
  color:#fff ;
	font-weight:bold;
  text-decoration:none ;
}
#global_btn_lieu a:hover {
	background-color:#000;
}
.ligne_sel{
  background-color:#e08e7b ;
}

/* ======================= */
form.form_admin fieldset{
  width:550px;
}
form.form_admin label{
  float:left;
  cursor:pointer;
  width:150px;
}
form.form_admin input[type=text]{
  width:350px;
}
form.form_admin textarea{
  width:500px;
  height:100px;
}

.formfield-select{
  position:relative ;
}
.formfield-select--container{
  position: relative;
  background-color: #fff;
  width:350px;
  border: #777 1px solid;
  margin: 0 0 1.5em 0;
  overflow: hidden; /*Le select natif pourra d�passer sans �tre vu */
}
.formfield-select--container select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 110%;/*On est s�r de ne plus voir la fl�che native */
	height: auto;
	border: 0;
	margin: 0;
	padding: .20em;
	border-radius: 0;
	overflow: hidden;
	text-overflow: ellipsis;/*On emp�che le texte d'aller jusqu'au bout s'il est trop long*/
}
.formfield-select--container::after {
	/* Le pointeur du select */
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -3px;
	right: .75em;
	display: block;
	width: 0; height: 0;
	border-color: transparent;
	border-top-color: #444;
	border-width: 6px;
	border-style: solid;
	pointer-events: none;
}
/* ======================= */
#ul_materiel_ariane{
  list-style-type:none ;
  margin:0px ;
  padding:0px ;
}
#ul_materiel_ariane li{
  float:left;
  margin:3px 5px 3px 5px ;
}
/* ======================= */
#div_liste_materiel_type{
  padding:7px;
  width: auto;
  max-width: 15%;
  border:2px solid #000000;
	border-radius:5px;
  box-sizing: border-box;
  float:left;


}
#div_liste_materiel_type ul {margin:2px 2px 2px 15px;padding:0}
#div_liste_materiel_type ul li {margin-bottom:2px;}
#div_liste_materiel_type ul li a {font-size:15px;}
#div_liste_materiel_type ul li a:hover {text-decoration: underline}

#div_liste_materiel{
  max-width: 85%;
  padding:7px;
  border:0px solid #000000;
  box-sizing: border-box;
  float:left;
  min-height:500px;
}

#table_besoin{
  width:100% ;
  margin:auto ;
}
#table_besoin tbody tr:nth-child(even) {background: #f5fafc}
#table_besoin tbody tr:nth-child(odd) {background: #FFF}
#table_besoin tbody tr:hover{
  background-color:#FFFFCC ;
}
#table_besoin input[type=text]{
  width:100% ;
}

#table_materiel{
  width:100% ;
  margin:auto ;
}
#table_materiel tbody tr:nth-child(even) {background: #f5fafc}
#table_materiel tbody tr:nth-child(odd) {background: #FFF}
#table_materiel tbody tr:hover{
 background-color:#fffdd4;
-webkit-box-shadow: inset 0px 1px 8px 0px #464646;
box-shadow: inset 0px 1px 8px 0px #464646;
}
#table_materiel input[type=text]{
  width:100% ;
}

#table_materiel .disabled {
  opacity: 0.6;
  filter: grayscale(1);
}

table .disabled {
  opacity: 0.1;
}





.span_top_mat{
  border:1px solid #000000;
  padding:3px;
  margin:3px;
}

label.fm, label.fc{
  text-align:right;
  padding-right:3px;
  height:25px;
  line-height:25px;
  vertical-align:middle;
  box-sizing: border-box;
}
input.fm, input.fc{
  height:25px;
  line-height:25px;
  vertical-align:middle;
  box-sizing: border-box;
}
/*
select.fm, select.fc{
  height:25px;
  line-height:25px;
  vertical-align:middle;
  box-sizing: border-box;
}
*/


#table_lmc{
  width:100% ;
  margin:auto ;
}
#table_lmc tbody tr:nth-child(even) {background: #f5fafc}
#table_lmc tbody tr:nth-child(odd) {background: #FFF}
#table_lmc tbody tr:hover{
  background-color:#FFFFCC ;
}

/*--TABLEAU COMMANDES--*/

.fixed_header{

    table-layout: fixed;
    border-collapse: collapse;
	  margin:0 ;
	max-width:98%;
	border:2px solid #000;

}

.fixed_header tbody{
  display:block;
  width: 100%;
  overflow: auto;
  height: 700px;
}

.fixed_header thead tr {
   display: block;
	background-color: #000;
	line-height:45px;
}



.fixed_header thead {
  background: black;
  color:#fff;
}

.fixed_header th, .fixed_header td {
  padding: 5px 0px 5px 0px;
  text-align: left;
  width: 200px;
}

.fixed_header tbody tr:nth-child(even) {background: #f5fafc}
.fixed_header tbody tr:nth-child(odd) {background: #FFF}
.fixed_header tbody tr:hover{
  background-color:#fffdd4;
-webkit-box-shadow: inset 0px 1px 8px 0px #464646;
box-shadow: inset 0px 1px 8px 0px #464646;
}



/*--FIN TABLEAU COMMANDES--*/

#table_cpd{
  width:100% ;
  margin:auto ;
}
#table_cpd tbody tr:nth-child(even) {background: #f5fafc}
#table_cpd tbody tr:nth-child(odd) {background: #FFF}
#table_cpd tbody tr:hover{
  background-color:#FFFFCC ;
}

#table_sm{
  width:100% ;
  margin:auto ;
}
#table_sm tbody tr:nth-child(even) {background: #f5fafc}
#table_sm tbody tr:nth-child(odd) {background: #FFF}
#table_sm tbody tr:hover{
  background-color:#FFFFCC ;
}

#form_scan{
  /*position:fixed;*/
}

table.lignes{
  width:100% ;
  margin:auto ;
}
table.lignes tbody tr:nth-child(even) {background: #f5fafc}
table.lignes tbody tr:nth-child(odd) {background: #FFF}
table.lignes tbody tr:hover{
  background-color:#FFFFCC ;
}

table.lignes td {
	padding:2px;
	margin:2px;
}


table#table_user{
  width:100% ;
  margin:auto ;
}
table#table_user tbody tr:nth-child(even) {background: #f5fafc}
table#table_user tbody tr:nth-child(odd) {background: #FFF}
table#table_user tbody tr:hover{
  background-color:#fffdd4;
-webkit-box-shadow: inset 0px 1px 8px 0px #464646;
box-shadow: inset 0px 1px 8px 0px #464646;
}


#div_inventaire_form_materiel{
}

#form_inventaire{
}

label.ifm{
  width:120px;
  line-height: 1em;
  cursor:pointer;
}

.btn_inv{
  border:1px solid #000000 ;
  border-radius:5px ;
  padding:3px ;
  margin:3px ;
  background-color:#0948ad ;
  color:#FFFFFF ;
  font-weight:bold ;
  cursor:pointer ;
}
.btn_inv:hover{
  background-color:#a1b0c7 ;
  color:#000000 ;
}
.btn_inv_grise{
  background-image:url('../images/overlay.png') ;
  cursor:default ;
}
.btn_inv_grise:hover{
  background-image:url('../images/overlay.png') ;
  cursor:default ;
  color:#FFFFFF ;
}

#div_inventaire_form{
  border:1px solid #000000 ;
  padding:7px ;
  margin:14px;
  background-color:#FFFFCC ;
  border-radius:5px ;
  float:left ;
  min-width:300px;
}

.tr_ligne_diff{
  background-color:#f7eb8f;
}

table#table_log{
  width:100% ;
  margin:auto ;
	font-size:13px;
}
table#table_log tbody tr:nth-child(even) {background: #f5fafc}
table#table_log tbody tr:nth-child(odd) {background: #FFF}
table#table_log tbody tr:hover{
  background-color:#FFFFCC ;
}

/*---CSS UI--*/

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
	font-size:16px;
}

table#table_lmc {
	font-size:14px;
}

#table_stock{

}

img.barcode {
  image-rendering: pixelated;
}

img.barcode {
  display: block;
  width: 150px;
  height: 50px;
  background-color: #FFF;
}

.fiche-materiel.disabled {
  opacity: 0.6;
  filter: grayscale(1);
}

.label-carac {
  font-size: small;
  padding: 0 6px;
  /*background-color: rgba(0,0,0,0.2);*/
  border:  1px outset rgba(0,0,0,0.2);
  border-radius: 6px;
}

.badge-qte {
  color: #FFF;
  font-weight: bold;
  text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
  padding: 0 6px;
  background-color: rgba(0,0,0,0.2);
  border-radius: 50%;
}