#dataTable tr td, #dataTable2 tr td{
	vertical-align: center ;
}
.overviewStats {
  font-weight : bold ;
  font-size : 26px ;
}
#evolCA{
  font-weight : bold ;
  font-size : 0.875em ; ;
}

.MAJ{
	text-transform : uppercase ;
}

.Maj{
	text-transform : capitalize ;
}

input:focus, select:focus, textarea:focus{
  outline-style:none;
  box-shadow:none;
  border-color:transparent;
}

.pair{
	background-color: #ecf8fb;
}
.impair{
	background-color: #f0f0f0 ;
}

.text-orange{
	color : #ff6600 ;
}
.text-free{
	color : #c11c19 ;
}
.text-expresso{
	color : #8681bd ;
}
.text-autres{
	color : #2b7de9 ;
}
.text-white{
	color : #ffffff ;
}

.align-left{
	text-align : left ;
}

.align-right{
	text-align : right ;
}

.align-center{
	text-align : center ;
}


.valign-left{
	vertical-align : left ;
}
.valign-right{
	vertical-align : right ;
}
.valign-center{
	vertical-align : center ;
}


thead tr th, tfoot tr th{
	text-align : center ;
}
.form-date, .form-jour{
	width : 200px ;
}
.form-date, .form-date2{
	display: block;
}
.form-date2{
	width : 300px ;
}
.form-date, .form-jour, .form-date2{

	margin: auto ;
	padding : 10px ;
	margin: 2px 0;
	display: block;
    border: 1px solid #ccc;
    border-radius: 20px;
    box-sizing: border-box;
}
.form-date:hover,.form-jour:hover, .form-date2:hover{
   box-shadow: 0 0 8px #265ba8;
}

.form-jour{
	display: inline-block;
}

/*#dateDebDiv , #dateFinDiv , #selectProduit,#dateDebDiv , #dateFinDiv , #selectProduit{
	text-align : left ;
	margin-left : 10px ;
	
}*/

.divDate{
	float : left ;
	text-align : left ;
	margin-left : 10px ;
	margin-bottom : 20px ;
	
}

.login_img{
	margin: auto ;
    width:300px; 
	/*background-image: url('../img/login_img.png'); 
	background: transparent; */
	background-repeat : no-repeat ;
	background-position : center ;
	background-size : 300px 300px;
}

.erreur{
	width: 90%;
	margin : auto ;
	text-align : center ;
	border-radius: 8px;
    box-sizing: border-box;
	color : white ;
	padding : 14px ;
	font-size : 20px ;
}

.ajax-loader{
	width : 90% ;
	margin : auto ;
	text-align: center ;
	vertical-align : center ;
}

#theTopBar , #content-wrapper {
	margin-left : 220px ; 
}

#content-wrapper{	
  margin-top : 90px ;
}

@media all and (max-device-width: 480px){ 
  .login_img{
	  display : none;
  }
   .erreur{
	
	font-size : 12px ;
  }
  .form-date, .form-jour,.form-date2{
	width : 200px ;

  }

  #divPieLegend{
	  font-size: 8px ;
  }
  
  .overviewStats {
    font-size : 14px ;
  }
  
  #theTopBar , #content-wrapper {
	margin-left : 100px ; 
  }

 
}

@media all and (max-device-width: 768px){ 
  .login_img{
	  
  }
  .erreur{
	
	font-size : 15px ;
  }
  .overviewStats {
    font-size : 15px ;
  }
  
  #theTopBar , #content-wrapper {
	margin-left : 100px ; 
  }
 

}



@media all and (max-device-width: 1024px){ 
  .login_img{
	  display : none;
  }
   .erreur{
	
	font-size : 14px ;
  }
  .form-date, .form-jour{
	width : 200px ;

  }
  .form-date2{
	width : 230px ;

  }

  #divPieLegend{
	  font-size: 8px ;
  }
  
  .overviewStats {
    font-size : 17px ;
  }
  
  #theTopBar , #content-wrapper {
	margin-left : 100px ; 
  }
}

@media all and (max-device-width: 1449px){ 
  .login_img{
	  display : none;
  }
   .erreur{
	
	font-size : 16px ;
  }
  .form-date, .form-jour{
	width : 150px ;
	font-size: 12px ;

  }
  .form-date2{
	width : 230px ;
	font-size: 12px ;

  }

  #divPieLegend{
	  font-size: 8px ;
  }
}
