body {
 font-family: 'Trebuchet MS',Verdana,Helvetica,Arial,sans-serif;
 font-size : 12px;
 color : #333;
}
p {
  clear:both;
}
input,textarea, select {
  background-color: #fff;
  border-width: 1px;
  border-color: #dadada;
  border-style: solid;
  font-family: Verdana,Arial, Helvetica,sans-serif;
  font-size : 11px;
}
input[type=submit],input[type=button] {
  background-color: #00bd45;
  color:#fff;
  padding: 5px 10px 5px 10px;
  border-width: 0px;
  font-size: 12px !important;
  font-weight: 600;
}
input[type=submit].small {
  background-color: #00bd45;
  color:#fff;
  padding: 1px 6px 1px 6px;
  border-width: 0px;
}
h1 {
  font-size:20px;
}
h2 {
  font-size:17px;
}
h3 {
  font-size:14px;
}

#content {
  margin: 20px 0px 20px 30px;

}
#logo {
  height: 45px;
  padding: 0px 0px 3px 0px;
  margin: 0px;
  text-align: center;
}
#logo img {
  width: auto;
  height: auto;
  max-width: 150px;
  max-height: 45px;
}
#logo-opia {
  width: 100%;
  height: auto;
}

#box {
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  border-color: #fff;
  margin : 0px 0px 0px 0px;
  padding : 0px 0px 0px 0px;
  background-color: #fff;
}
.norm {
font-family: Verdana,Helvetica,Arial,sans-serif;
 font-size : 10px;
 color : #323332;
}

.normB {
font-family: Verdana,Helvetica,Arial,sans-serif;
 font-size : 12px;
 color : #000000;
}

.normBig,.normBig2  {
 font-family: Verdana,Helvetica,Arial,sans-serif;
 font-size : 18px;
 color : #000000;
 font-weight : bold;
}
.normBig2 {
 font-size : 20px !important;
}
.situation {
font-family: Verdana,Helvetica,Arial,sans-serif;
 font-size : 16px;
 color : #000;
 font-weight : bold;
}

A,A:link,A:visited {
 text-decoration: none;
 color : #292929;
 font-family: Verdana,Helvetica,Arial,sans-serif;
 font-size : 12px;
}
A:hover {
 text-decoration: none;
 color:#555;
 font-family: Verdana,Helvetica,Arial,sans-serif;
 font-size : 12px;
}
.alert, .alert a  {
 /*font-family: Verdana,Helvetica,Arial,sans-serif;*/
 font-family: 'Trebuchet MS',Verdana,Helvetica,Arial,sans-serif;
 font-size : 12px;
 color : #ff0000;
 font-weight : normal;
 padding: 5px 0px 5px 0px ;
 margin-bottom: 0px;
}
.alert a {
 text-decoration: underline;
}
.infoMsg {
   font-size : 12px;
   text-align: center;
   margin: 20px auto 20px auto;
   padding: 10px 10px 10px 10px;
   background-color: #eee;
   width:400px;
}

.faded {
  opacity: 0.4;
}

.gauche {
  text-align: left !IMPORTANT;
}

table {
  margin : 0px;
  padding : 0px;
  background-color: #fff;
}

table#list {
  margin : 0px;
  padding : 0px;
  border-collapse: collapse;
  background-color: none;
  color:#304673;
  max-width: 2100px;
}
table#list a {
  color: #555;
  margin : 0px;
  /*padding: 3px 10px 3px 10px;*/
  padding: 0px 10px 3px 10px;
  display: block;
  text-align: center;
  font-size: 11px;
}
table#list a:hover {
  /*background-color: #eee;*/
 color: #000;
}
table#list TD {
 font-family: Verdana,Helvetica,Arial,sans-serif !important;
 font-size : 11px;
 color : #505050;
 padding : 1px 2px 1px 2px;
 margin: 0px 0px 0px 0px;
 border-width : 1px 1px 1px 1px;
 border-style: solid;
 border-color: #dadada;
 font-weight : normal;
 background-color : #fff;

 text-align : left;
 border-collapse: collapse;
}
table#list .nobg {
  background: none;
  color: #000;
  border: 0px;
}
table#list TH  {
 background-color:#fefefe;
 background-color:#ebfaf3;

 text-align : left;
 border-style: solid;
 border-color: #fff #fff #00bd45 #fff;
 border-width : 1px 1px 1px 1px;
 border-style: solid;
 font-size: 12px;
 color : #333;
 font-weight: bold;
 padding : 2px 5px 2px 5px;
 margin: 1px 1px 1px 1px;
}
table#list .info {
 background : #000000;
 font-weight : bold;
 color : #000;
 font-family: Verdana,Helvetica,Arial,sans-serif;
 font-size : 10px;
 text-align : center;
}
table#list .validation {
 background-color : #eee;
 font-weight : normal;
 color : #333;
 font-family: Verdana,Helvetica,Arial,sans-serif;
 font-size : 12px;
 text-align : right;
 border-color: #00bd45 #dadada #dadada #dadada;
 border-width : 1px 1px 1px 1px;
 /*background-image : url(images/bg_bt.gif);*/
}
table#list .center {
  text-align: center;
}

table#list .listDiscret {
 font-size : 9px;
 background : #FFF;
 text-align : left;
}
table#list .listAlert {
 font-weight : bold;
 background-image: url(images/bg_alert.gif);
 background-color : #A2A2B6;
 background-color : #ffffff;
 text-align : left;
}
table#list .listLigneAlert td,table#list .listLigneAlert {
  color : #ff0000;
}
table#list .listAttention {
 font-weight : bold;
 /*background-color : #FAE588;*/
 background-color : #fff987;
 text-align : center;
}

table#list .listFocus {
 
 border-color: #E53C3C; // rouge
 
 border-color: #FDB66A; // orange
 
 


 border-width: 2px;
 border-style: dotted;
}

table#list .listAttention a:hover {
 color : #ff0000;
}

table#list .listB {
 font-weight : bold;
 background-color : #dadada;
 text-align : center;
}
table#list .listA {
 font-weight : bold;
 background-color : #eee;
 text-align : left;
}

table#list .listA a:hover, table#list .listB a:hover, table#list .listA input[type=submit]:hover {
  background-color :#000000;
  color:white;
  text-align: left !important;
}

table#list .listA a:hover {
  font-weight: bold;
  background-color: #eee;
  text-align: center !important;
  color: #00bd45;
}

table#list .small_button{
  display:inline-block;
}

table#list input.imp_button{
  color: #444;
  margin: 0px;
  padding: 3px 10px 2px 10px;
  font-family: Verdana,Helvetica,Arial,sans-serif;
  border-width:0px;
  text-align: center !important;
  background-color: #eee;
  font-size: 11px !important;
  font-weight:bold;
}

table#list input.imp_button:hover {
color: #000;
text-align: center !important;
}


table#list .listSelected,.listSelected {
 background : #F39229;
 font-weight : bold;
 text-align : center;
}

table#list .listPositif,.listPositif {
 font-weight : normal;
 background : #E53C3C;
 background-color : #E53C3C;
 text-align : right;
 color: #505050;
}
table#list .listNegatif,.listNegatif {
 background-color : #F8F8F8;
 font-weight : normal;
 text-align : right;
}
table#list .listDestruction,.listDestruction {
 background-color : #d3dfd5;
 font-weight : normal;
 text-align : right;
}
table#list .listSolde,.listSolde {
 background : #ffffff;
 background-color : #ffffff;
 font-weight : bold;
 text-align : right;
}
table#list .listAutre,.listAutre {
 background : #eee;
 background-color : #eee;
 font-weight : bold;
 text-align : right;
}
table#list .listHS,.listHS {
 background : #72DD71;
 background-color : #72DD71;
 font-weight : bold;
 text-align : right;
}
table#list .listRemarque,.listRemarque {
	font-weight: normal;
	background-color: #fff;
	text-align: left;
	font-style: italic;
	color: Red;
}
table#list .listEteint,.listEteint {
	font-weight: normal;
	background-color: #fff;
	text-align: left;
	/*font-style: italic;*/
	color: #FF5353;
}

table#list.compact TD {
  padding: 2px 3px 2px 3px;
  font-size:11px;
}
table#list.compact TD a {
  margin: 0px;
  padding:0px;
  font-size:11px;
}
table#list.compact input[type="checkbox"] {
  margin: 0px !important;
}
table#list.wide {
  width:100%;
}
/*************** bouton A *********/
#boutonA,#boutonB,#boutonC {
 color: #fff;
 background-color : #0099cc;
 background-color : #8fe2d0;
 font-weight : bold;
 text-align : center;
 border-width: 0px 0px 0px 0px;
 border-style: solid;
 border-color: #fff;
 clear: none;
 float:left;
 display:block;
 margin : 3px 1px 3px 1px;
}
#boutonA a,#boutonB a,#boutonC a {
 color : #fff;
 font-size:11px;
 text-decoration: none;
 display:block;
 padding : 3px 8px 3px 8px;
 margin : 0px 0px 0px 0px;
}
#boutonA a:hover,#boutonB a:hover,#boutonC a:hover {
 color : #000;
 font-size:11px;
 text-decoration: none;
 display:block;
 background-color : #dadada;
 /*background-image : url(images/bg_bt.gif);*/
}
#boutonAselected,#boutonBselected,#boutonCselected {
 color: #fff;
 background-color : #F39229;
 background-color : #2cd5d5;
 background-color : #6ccbb5;
 font-weight : bold;
 text-align : center;
 border-width: 0px 0px 0px 0px;
 border-style: solid;
 border-color: #fff;
 clear: none;
 float:left;
 display:block;
 margin : 3px 1px 3px 1px;
 /*background-image : url(images/bg_bt.gif);*/
}
#boutonAselected a,#boutonBselected a,#boutonBselected a {
 color : #fff;
 font-size:11px;
 text-decoration: none;
 display:block;
 padding : 3px 8px 3px 8px;
 margin : 0px 0px 0px 0px;
}
#boutonAselected a:hover,#boutonBselected a:hover,#boutonBselected a:hover {
 color : #fff;
 font-size:11px;
 text-decoration: none;
 display:block;
 background-color : #00bd45;
 /* background-image : url(images/bg_bt.gif);*/
}
/************Variations boutons ******/
/*************************************/
#boutonB {
  /*background: #FAE588;*/
  background-color: #fff987;
  border-width: 0px;
}
#boutonB a {
  color: #555;
}
#boutonB a:hover {
  background-color: #fff987;
  color: #000;

}
#boutonC {
  background: #8CD8AB;
}
#boutonC a {
  color: #fff;
}
.boutonVert {
  background-color : #00bd45 !important;
  color:#fff !important;
  font-family: Verdana,Arial, Helvetica,sans-serif;
  font-size: 12px !IMPORTANT;
}
.boutonTool, .boutonToolMini  {
  background-color : #eee !important;
  color:#424242 !important;
  font-family: 'Trebuchet MS',Verdana,Helvetica,Arial,sans-serif;
  font-size: 12px;
  border-width: 1px;
  font-weight: normal;
  text-align: center;
  border-color: #dadada;
  border-style: solid;
  clear: none;
  float: right;
  display: inline-block;
  margin: 3px 1px 3px 1px !important;
  padding: 2px 6px 2px 6px !important;
}
.boutonToolMini  {
  font-weight: bold;
  float: left;
  background-color : #eee !important;
  font-size: 10px;
  padding: 0px 6px 0px 6px !important;
  margin: 1px 1px 1px 1px !important;
  border-width: 1px 1px 1px 1px;
  border-color: #fff;
}

#confirmBox .button {
  background-image: none;
  background: none;
  background-color:#00bd45;
  border-color:#00bd45;
  color: ; #333;
}
#confirmBox .button span {
  background : none;
}
#confirmBox p {
  font-size: 12px;
}

/**************************************/

TD.boutonList {
 background : #000;
 font-weight : bold;
 text-align : center;
 color: #fff;
 margin:0px;
 padding:0px;
}
TD.boutonList a{
 margin:0px;
 padding:1px 5px 1px 5px;
 color: #fff;
}
TD.boutonList a:hover{
 color: #000;
 background: #fff;
}


#btA {
  background-color: #000000;
  background: #000000;
  color: #ffffff;
}

#btA a{
  background-color: #000000;
  background: #000000;
  color: #ffffff;
  text-align:center;
  font-weight : bold;
  text-align : center;
}
#btA a:hover{
  background-color: #ffffff;
  background: #ffffff;
  text-decoration : none;
  color: #9999ff;
  font-weight : bold;
  text-align : center;
}
TD#btA {
    text-align : center;
}
#separation1 {
  border-width:3px 0px 0px 0px;
  border-style:solid;
  border-color: #aaa;
  width:95%;
  margin: 0px;
  padding:0px;
}

#pagebreak {
  page-break-after: always;
}

.bgAlert {
 background-image: url(images/bg_alert.gif);
 background-color : #A2A2B6;
}


.bt_clearfield {
  background-color: #dadada;
  font-weight: normal;
  text-align: center;
  color: #323232;
  padding: 3px 4px 2px 4px;
  border-width: 0px;
  font-family: Trebuchet MS,Arial;
  font-size: 10px;
  height: 19px;
}




/* Menu latéral */

#left-panel {
 color : #003366;
 padding:0px;
 margin: 0px;
 background-color:#fff;

}

#left-panel p {
  margin: 15px 0px 0px 0px;
}

#left-panel a.bt {
 font-family: Verdana,Helvetica,Arial,sans-serif;
 color : #444;
 font-size:11px;
 font-weight : 600;
 text-align : left;
 width: 100%;
 padding: 5px 15px 5px 15px;
 margin: 0px 0px 2px 0px;
 text-decoration: none;
 display:block;
 border: 0px;
 background-color: #ebfaf3;
 line-height: 11px;
 text-transform: uppercase;
}
#left-panel a.bt:hover {
 color : #fff;
 background-color:#00bd45;
}

#menuA, #menuB {
  height:44px;
  padding:0px;
  margin:0px;
  display:block;
}
#menuA {
  background-color:#ebfaf3;
}
#menuA a, #menuB a {
  padding:0px;
  margin:0px;

}
#menuB {
  height:25px;
  margin-top: 1px;
  margin-bottom: 21px;
}
#menuA a.bt {
 font-family: Verdana,Helvetica,Arial,sans-serif;
 color : #444;
 font-size:11px;
 font-weight : 600;
 text-align : left;
 width: auto;
 height: 42px;
 padding: 14px 10px 5px 10px;
 margin: 0px 1px 2px 0px;
 text-decoration: none;
 display:inline-block;
 border: 0px;
 background-color: #ebfaf3;
 text-transform: uppercase;
}

#menuA a.bt:hover, #menuA a.selected {
 color : #fff;
 background-color:#00bd45;
}

#menuB a.bt {
 font-family: Verdana,Helvetica,Arial,sans-serif;
 color : #444;
 font-size:12px;
 /*font-weight : 600;*/
 text-align : left;
 width: auto;
 height: 27px;
 padding: 4px 10px 5px 10px;
 margin: 0px 1px 2px 0px;
 text-decoration: none;
 display:inline-block;
 border: 0px;
 background-color: #ebfaf3;
}

#menuB a.bt:hover, #menuB a.selected {
 color : #fff;
 background-color:#00bd45;
}

/* BOUTONS */
#menuA a.typeA {
  background-color: #fff987;
}

.btn {
  margin: 0px 0px 1px 0px;
  background: #e1e1e1 none repeat scroll 0 0 !important;
  border: 1px solid #bbb !important;
  padding: 6px 35px !important;
  width: 100% !important;
}
.btn_small {
  margin: 0px 0px 1px 0px;
  background: #eee none repeat scroll 0 0 !important;
  border: 1px solid #bbb !important;
  padding: 2px 6px !important;
  display: inline-block !important;


}
.btn_alert {
 background-color: #ff0000 !important;
 color : #ffffff !important;
 font-weight: bold;
}
.btn_quitter {
  background-image: url(images/bt_quitter_gris.png) !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  /*padding: 5px !important;*/
  /*margin-left: 100px !important;*/
  background-color: #cccccc !important;
  /*background-color: #eee !important;*/
  width: 120px !important;
  height: 23px !important;
  text-align: center;
  /*display: inline-block;*/
}

#content a.typeA {
  background-color: #00bd45;

}
#content a.typeA {
 font-family: Verdana,Helvetica,Arial,sans-serif;
 color : #fff;
 font-size:12px;
 font-weight : 400;
 text-align : left;
 width: auto;
 height: 100%;
 padding: 4px 10px 5px 10px;
 margin: 0px 1px 2px 0px;
 text-decoration: none;
 display:inline-block;
 border: 0px;
 background-color: #00bd45; /*#ebfaf3;*/
}


#content a.typeA:hover {
 color : #fff;
 background-color:#00bd45;
}



.arrow_from_to {
  background-image: url(images/picto_FL1.png);
  background-repeat: no-repeat;
  background-position: 0px 1px;
  width: 14px;
  height:19px;
  display: inline-block;
  margin:0px;
  padding:0px;
}



#login_logo {
   background-color: transparent !important;
   margin-left: auto !important;
   margin-right: auto !important;
   margin-top:50px !important;
   width:360px !important;
   padding: 0px;
   margin-bottom: 10px;
}

#login {
   background-color: #fff !important;
   font-size: 14px !important;
   margin-left: auto !important;
   margin-right: auto !important;
   margin-top:10px !important;
   width:300px !important;
   color: #333;
   padding: 30px;
   margin-bottom: 10px;
}
#login label {
  width: 80% !important;
  margin: 12px 0px 5px 0px;
  display: inline-block;
  clear: both;
}
#login input {
  width: 100% !important;
  border-color: #1bc148 !important;
  border-width: 1px !important;
  line-height: 25px;
  clear: both;

  font-size:14px;
}
#login a.bt {
  background-color: #1bc148 !important;
  padding-top:10px;
  padding-bottom:10px;
  color: #fff !important;
  width: 100% !important;
  border-width: 0px;
  text-align:center !important;
  clear: both !important;
  display:block !important;
  margin-top: 25px !important;
  font-weight:600;
}

.ui-tooltip {
  font-size:10px;
  padding: 5px 10px;
}

table.classic-table {
  width: 100%;
  color: #000;
  border-collapse: collapse;
  overflow: hidden;
  padding: 0px ;
  margin: 0px ;
  border-width: 0px;
}
table.classic-table th {
    background-color: #ebfaf3;
    color: #000;
    font-weight: bold;
    font-size : 10px;
    padding: 2px ;
    margin: 0px 0px 0px 0px ;
    text-align: center;
    border-width: 1px;
    border-style: solid;
    border-color: #888;
}
table.classic-table td {
    background-color: #fff;
    color: #000;
    font-weight: normal;
    font-size : 10px;
    padding: 4px ;
    margin: 0px 0px 0px 0px ;
    border-width: 1px;
    border-style: solid;
    border-color: #888;
}
table.classic-table td.smallerA {
  font-size:5px;
}

table.classic-table tfoot td {
    background-color: #eee;
    color: #000;
    font-weight: bold;
    font-size : 10px;
    padding: 2px ;
    margin: 0px 0px 0px 0px ;
    text-align: center;
    border-width: 1px;
    border-style: solid;
    border-color: #888;
}
table td.en_carton {
    padding-left: 20px !important;
    background-image: url(images/carton_gris.png);
    background-position: left 1px;
    background-size: 20px auto;
    background-repeat: no-repeat;

}

.filter_param {
  background-color : #eee !important;
  color:#424242 !important;
  font-family: 'Trebuchet MS',Verdana,Helvetica,Arial,sans-serif;
  font-size: 12px;

  border-width: 1px;
  font-weight: normal;
  text-align: center;
  border-color: #dadada;
  border-style: solid;
  clear: none;
  float: left !important;
  display: block !important;
  margin: 5px 5px 5px 5px !important;
  padding: 2px 10px 2px 10px !important;
}
/*--------------------------------*/
/*--------------------------------*/
/* BOOTSTRAP */
.glyphicon {
  font-size: 12px;
}
hr {
  margin-top: 3px;
  margin-bottom: 3px;
}

.glyphicon-exclamation-sign {
  margin-right: 5px;
  color: #f00;
}

/*--------------------------------*/
/*--------------------------------*/
/* QRCODE avec mpdf */
table.qr
{
  border-collapse: collapse !important;
  border: solid 0px black !important;;
  table-layout: fixed !important;;
}

table.qr td
{
  width: 2px !important;
  height: 2px !important;
  font-size: 2px !important;
}

table.qr td.on
{
  background: #000000 !important;
}

/*--------------------------------*/
/*--------------------------------*/
.popupdiv {
  padding: 15px;
}

/*--------------------------------*/
/*--------------------------------*/

.nice-number button {
  height: 30px;
  width: 30px;
  background-color: #00bd45;
  border : 0px solid;
  border-radius: 30px;
  color: #fff;
  font-size:15px;
  font-weight: bold;
  margin: 3px;
}
.nice-number input {
  font-size:30px;
  text-align: center;
}

form label.error {
    font-weight: normal;
    color: #f00;
    margin-left: 5px;
    font-size: 10px;
    margin-right: 5px;
}

/*----------------------------*/
/* degradé */
/*----------------------------*/
.level_1 {
  background-color:#ff0000 !important;
  color: #ffffff !important;
}
.level_2 {
  background-color:orange !important;
  color: #ffffff !important;
}
.level_3 {
  background-color:green !important;
  color: #ffffff !important;
}
.level_4 {
  background-color:green !important;
  color: #ffffff !important;
}

/*----------------------------*/
/* jauge avancement
/*----------------------------*/
.jauge {
  border: #dadada 1px solid;width:50px;height:7px;  
}
.jauge div {
  background-color:#E53C3C;height:100%;
}


/*--------------------------*/
.debugzone {
  font-size:9px;font-family:Helvetica;color:#000; background-color:#efefef;
}


input#txt_autocomplete.ui-autocomplete-input:focus {
  border-color: #eee !important;
}