body{
	background-color: #F1F1F1;
	font-family: 'Open Sans', sans-serif;
}
.navbar-brand{
	font-family: 'Lobster', cursive !important;
	font-size: 20px !important;
}
/*Glyphicon font size*/
.gi-1x{font-size: 1em;}
.gi-2x{font-size: 2em;}
.gi-3x{font-size: 3em;}
.gi-4x{font-size: 4em;}
.gi-5x{font-size: 5em;}

/* All pages header*/
.custom_page_header {
    margin: 20px 0 20px;
    border-bottom: 0px solid #222;
}

.inputHidden{
	display: none;
}
    
/* On small screens, set height to 'auto' for sidenav and grid */
/*@media screen and (max-width: 767px) {
  .sidenav {
    height: auto;
    padding: 15px;
  }
  .row.content {height:auto;} 
}*/

.box_shadow_effet{
	background-color: #FFFFFF;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  	transition: 0.3s;
  	border: 1px solid transparent;
    border-radius: 4px;
}

.all_wrapper{
	/*height: 500px;*/
	width: 100%;
	overflow-y: hidden;
	overflow-x: auto;
  	padding: 10px;
}

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

/*Accueil*/
.box_shadow_effet2{
	background-color: #FFFFFF;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  	transition: 0.3s;
  	border: 1px solid transparent;
    border-radius: 4px;
    height: 200px;
    width: 200px;
    margin-bottom: 10px; 
}
.box_shadow_effet2:hover{
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}
.center {
	display: flex;
	justify-content: center;
	align-items: center;
}
.imgLogo{
	width: 100px;
	height: 100px;
}
.imgLogoHeaders{
	width: 50px;
	height: 50px;
}


/*Administration*/

/*Restaurant*/
.venteActionElements input, .venteActionElements button{
	vertical-align: middle;
}
.venteActionElements input{
	display: inline !important;
}

/*Authentification*/
.customPanelHeading{
	color: #fff !important;
    background-color: #222 !important;
    border-color: #222 !important;
    text-align: center;
    font-family: 'Lobster', cursive !important;
    font-size: 18px;
}
.panel-default{
	border-color: #222 !important;
}

.btn-primary {
    color: #fff !important;
    background-color: #222 !important;
    border-color: #222 !important;
}

.input-group-addon {
    color: #fff !important;
    background-color: #222 !important;
    border: 1px solid #222 !important;
}

.form-control {
    border: 1px solid #222 !important;
}

.pagination>.active>a, .pagination>.active>a:focus, 
.pagination>.active>a:hover, .pagination>.active>span, 
.pagination>.active>span:focus, .pagination>.active>span:hover {
    background-color: #222 !important;
    border-color: #222 !important;
}

.table-bordered {
    border: 1px solid #efecec ;
}

.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, 
.table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, 
.table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    border: 1px solid #efecec !important;
}

.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>th{
	background-color: #222 !important;
	color: #fff !important;

}

/*Vente*/
.btn-warning {
    background-color: #f5950f !important;
    border-color: #f5950f !important;
}
a, a:focus, a:hover {
    color: #222;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #222;
    font-weight: bold;
    cursor: pointer;
    background-color: #fff;
    border-left: 1px solid #222;
    border-top: 1px solid #222;
    border-right: 1px solid #222;
}
.nav-tabs {
    border-bottom: 1px solid #222;
}
.nav-tabs>li>a:hover{
	border: 1px solid #222;
}
.pagination>li>a, .pagination>li>span, .pagination>li>a:hover {
    color: #222;
}





/*--------------------------------------------------------------------------------------------------------*/
.panier_content{
	padding: 10px;
	height: 500px;
	width: 100%;
	overflow: auto;
}
.liste_article_content{
	/* height: 800px; */
	width: 100%;
	/* overflow: auto; */
  	padding: 10px;
}
.liste_article_content1:hover, .panier_content:hover, .article_list_All_wrapper:hover, .panel-primary:hover{
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}



/*Article Menu*/

/*--------------- Historique Filtre form Styling -------------------------*/
#fsref_origine, #fsmotif, #fsdate_debut, #fsdate_fin{
	/*width: 215px !important;*/
}
.filtreBox{
	background-color: #337ab7;
	border-color: #337ab7;
}
.filtreBox a{
	color: #ffffff;
}
.filtreHistorique{
	padding: 5px;
	border: 1px solid #222222;

}
.HSFiltrePrintBottommsg{
	font-weight: bold;
	font-size: 16px;
}