/******************************************************/
/********* ICONES SUR ADMIN OU SITE *******************/
/******************************************************/
/*Icone aide petit pour admin*/
.question:before{
	content:"\f05a";
}
.question{
	color:#177EE5;
	border-radius:10px;
	font-size:14px;
	cursor:help;
	text-align:left;
}
/*Icone aide rond pour site*/
.question-circle:before{
	content:"\f059";
}
.question-circle{
	color:#177EE5;
	border-radius:10px;
	font-size:16px;
	cursor:help;
	text-align:left;
}
/*Icone poubelle*/
.trash:before{
	content:"\f1f8";
	font-size:18px;
	color:grey;
	cursor:pointer;
}

.trash:before{
	content:"\f1f8";
	font-size:18px;
	color:grey;
	cursor:pointer;
}
/*
.list:before{
	content:"\f03a";
	font-size:18px;
	color:grey;
	cursor:pointer;
}*/

.printer:before{
	content:"\f02f";
	font-size:18px;
	color:grey;
	cursor:pointer;
}

.etatVert:before{
	content:"\f058"; /* fontawesome */
}
.etatVert{
	color:green; 
	font-size:18px;
	background-color:white;
	border-radius:20px;
}


.etatOrange:before{	
	content:"\f06a";
}
.etatOrange{
	color:orange; 
	background-color:white;
	line-height: 1;
	border-radius:20px; 
	font-size:18px
}

.etatBleu:before{	
	content:"\f06a";
}

.etatBleu{
	color:#014B8C; 
	background-color:white;
	line-height: 1;
	border-radius:20px; 
	font-size:18px
}

.etatRouge:before{
	content:"\f057";
}
.etatRouge{
	color:red; 
	background-color:white; 
	line-height: 1;
	border-radius:20px; 
	font-size:18px;
}
.bannie:before{
	content:"\f05e";
	font-size:18px;
	color:red;
}
.ajouter:before{
	content:"\f055";
}
.ajouter{
	color : green; 
	background-color:white; 
	line-height: 1;
	border-radius: 20px; 
	font-size:18px;
}

.user:before{
	/*content:"\f007"; font awesome */
	content: "\e008"; /* glyphicon */
	font-size:1.75em;
}

.search:before{
	content:"\f00e";
	color : orange;
	font-size:20px;
}

.globe:before{
	content: "\e135"; /*glyphicon*/
	color: #2993C7;
	border-radius:25px;	/*Ne fait pas un rond mais une ellipse, bordures en haut et bas des icones ... */
	background : #85D843;	 
	font-size:18px;
}

.icon-event.wine::before        {content: "🍷"; font-style: normal;}
.icon-event.beer::before        {content: "🍺"; font-style: normal;}
.icon-event.spirit::before      {content: "🍸"; font-style: normal;}
.icon-event.dairy::before       {content: "🧀"; font-style: normal;}


.new-tooltip {
	position:relative;
	display:inline-block;
   }
   .new-tooltip.icon::after {
	font-family:"Font Awesome 5 Pro";
	font-weight:300;
	padding-left:5px;
	content:"\f059";
   }
   .new-tooltiptext {
	font-size:11.5px!important;
	text-align:left!important;
	visibility:hidden;
	width:250px;
	background:black;
	color:#fff;
	text-align:center;
	border-radius:6px;
	padding:5px 8px;
	position:absolute;
	z-index:1;
   }
   .new-tooltiptext::after {
	content:"";
	position:absolute;
	border-width:5px;
	border-style:solid;
   }
   .new-tooltip:hover .new-tooltiptext {
	visibility:visible;
   }
   .new-tooltiptext.top {
	bottom:150%;
	left:-112px;
   }
   .new-tooltiptext.top::after {
	top:100%;
	left:50%;
	margin-left:-5px;
	border-color:black transparent transparent transparent;
   }
   .new-tooltiptext.bottom {
	top:150%;
	left:-112px;
   }
   .new-tooltiptext.bottom::after {
	bottom:100%;
	left:50%;
	margin-left:-5px;
	border-color:transparent transparent black transparent;
   }
   .new-tooltiptext.right {
	top:-5px;
	left:20px;
   }
   .new-tooltiptext.right::after {
	top:15px;
	right:100%;
	margin-top:-5px;
	border-color:transparent black transparent transparent;
   }
   .new-tooltiptext.left {
	top:-5px;
	right:110%;
   }
   .new-tooltiptext.left::after {
	top:15px;
	left:100%;
	margin-top:-5px;
	border-color:transparent transparent transparent black;
   }