.cbPref {
	font-variant: small-caps;
	background-color: white;
	border: 1px solid #ccc;
}
@import url(http://fonts.googleapis.com/css?family=Lato:100,400);
@keyframes load {
	0% {
		stroke-dashoffset: 0
	}
}
/*
.progress {
	position: relative;
	display: inline-block;
	padding: 0;
	text-align: center;
	&>li {
		display: inline-block;
		position: relative;
		text-align: center;
		color: #93A2AC;
		font-family: Lato;
		font-weight: 100;
		margin: 2rem;
		&:before {
			content: attr(data-name);
			position: absolute;
			width: 100%;
			bottom: -2rem;
			font-weight: 400;
		}
		&:after {
			content: attr(data-percent);
			position: absolute;
			width: 100%;
			top: 3.7rem;
			left: 0;
			font-size: 2rem;
			text-align: center;
		}
	}
	svg {
		width: 10rem;
		height: 10rem;
		&:nth-child(2) {
			position: absolute;
			left: 0;
			top: 0;
			transform: rotate(-90deg);
		}
		&:nth-child(2) path {
			fill: none;
			stroke-width: 25;
			stroke-dasharray: 629;
			stroke: #fff;
			opacity: .9;
			animation: load 10s;
		}
	}
} */

/* Style des préfs. */

.listeProductsPref {
	height: 20vh;
	background: linear-gradient(to right, rgba(50, 50, 50, 0.65) 0%, rgba(0, 0, 0, 0) 3%);
	background-color: rgba(210, 203, 217, 1);
	padding: 14px;
}
.text-right {
	text-align: right;
	padding-right: 5px;
}
#btnDefaultCategory, #btnSelectCategory, #btnResetCategory, #btnSaveProducts {
	width: 100%;
}
#modalProf {
	z-index: 30;
}
.modal-backdrop {
	z-index: -1;
}
#modalPref .row {
	margin: 0;
}
/* fin style des préf */

/* Reste du style normal */

.contentAlert {
	border-top: 1px solid #ccc;
	margin-top: 5px;
	padding-top: 5px;
}
#divconfirm {
	position: absolute;
	text-align: center;
	display: none;
	background-color: rgb(0, 182, 106);
	font-size: 6em;
	text-align: center;
	color: white;
	width: 100%;
	height: 100vh;
	z-index: 20;
}
#orderNumber {
	color: rgb(47, 74, 44);
	line-height: 50vh;
	display: inline-block;
	font-size: 15vh;
}
#orderNumberLabel {
	display: inline;
	font-size: 15vh;
}
#orderNumberOK {
	background-color: rgb(128, 128, 128);
	line-height: 33vh;
}
.item-img {
	filter: drop-shadow(5px 5px 5px #222) opacity(70%);
	-webkit-filter: drop-shadow(5px 5px 5px #222) opacity(70%);
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
}
.item-img-2 {
	margin-left: 20px;
}
.orderName {
	font-size: 2.5vmin;
	padding-left: 10px !important;
	height: 100%;
	color: black;
	font-size: 3vmin;
	font-family: sans-serif;
	font-variant: small-caps;
	font-weight: bold;
}
.orderCount, .orderEff {
	color: white;
	text-align: center;
	font-size: 3.5vmin;
}
.orderCount {
	background-color: rgba(0, 0, 0, 0.3);
	/* color: red; */
	text-align: center;
}
.imgDeleteProduct, .imgCommentProduct {
	height: 50%;
	width: 50%;
	filter: opacity(0.5);
}
#AllAlertsContainer {
	position: absolute;
	bottom: 0;
	width: 100%;
}
.alertsContainer {
	position: relative;
	display: none;
	padding: 0px 4px !important;
	z-index: 0;
}
#infoMsgContainer .alert, #infoMsgContainer .alert-warning {
	border-radius: 0 !important;
	/*background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 97%, #818181 100%); */
	border: none !important;
	z-index: 0;
}
/** {
  border-radius: 0 !important;
} */

.alertsContainer .alert {
	margin-bottom: 10px;
}
#colCenter {
	border-left: 1px solid white;
	border-right: 1px solid white;
	background-color: white;
}
#colLeft {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+87,000000+100 */
	/*background: #ffffff; */
	/* background: -moz-linear-gradient(left, #ffffff 97%, #818181 100%);      */
	/* background: -webkit-linear-gradient(left, #ffffff 97%, #818181 100%); */
	/* background: linear-gradient(to right, #ffffff 97%, #818181 100%); */
	z-index: 0;
	/*background:url(
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAP0lEQVQoU43M2QkAIAwEUVPE9l/gFqFEUDxyzfdjpBUi2SVzigBICBfSmQtP5MIXmdBCH/TQBSO0YYYmrCCFA648J8v67ZPNAAAAAElFTkSuQmCC
	 ) repeat; */
	background-color: white;
}
.orderProduct {
	/* background: linear-gradient(to right, rgba(0, 0, 0, 0) 97%, #818181 100%); */
	z-index: 10;
	line-height: 8vh;
	-webkit-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.75);
	box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.75);
}
body {
	/*background-color: rgb(222, 222, 222); */
}
#nbrProductsCalc {
	text-align: center;
	background-color: rgb(242, 242, 242);
	font-size: 7vmin;
	border: 2px solid white;
}
#sumOrder {
	text-align: center;
	font-size: 7vmin;
	background-color: #cfcfcf;
}
.cadre {
	-webkit-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.75);
	box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.75);
}
.alignCenter {}
#sumOrderTxt {
	width: 100%;
}
#btnStaff {
	/* background-color: rgb(158, 161, 210); */
	background-color: rgb(187, 223, 255);
	/* border-bottom: 1px solid rgb(98, 98, 98); */
	/* border-top: 1px solid rgb(98, 98, 98); */
	font-size: 3vmin;
	font-family: sans-serif;
	font-variant: small-caps;
	font-weight: bold;
}
#btnSend {
	background-color: #47CC59;
	width: 100%;
}
#btnEff {
	background-color: #F78383;
	width: 100%;
}
#btnEff, #btnSend, #btnStaff, #nbrProductsCalc, .calc, #btnPref, .calcEff {
	/*-webkit-box-shadow: inset -3px -3px 0px 1px rgba(0, 0, 0, 0.19);
	/* -moz-box-shadow: inset -3px -3px 0px 1px rgba(0, 0, 0, 0.19); */
	/* box-shadow: inset -4px -4px 0px 1px rgba(0, 0, 0, 0.19); */
	/* border: 2px solid white; */
}
#btnEff, #btnSend, #btnStaff, .calc, .calcEff {
	/*	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box; */
}
#btnSend, #btnEff, #btnStaff, #sumOrder {
	height: 33.3%;
}
#order {}
#orderNumber:before, #btnStaff:before, .orderCount:before, .orderName:before, .orderEff:before {
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
.a-rendre {
	height: 12.5%;
	width: 20%;
	/* border-top: 1px solid rgb(98,98,98); */
}
.aRendreDizaines {
	height: 50%;
	vertical-align: middle;
	text-align: center;
	font-size: 2vh;
}
.aRendreMontant {
	padding: 0;
	height: 50%;
	vertical-align: middle;
	text-align: center;
	font-size: 2vh;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+7 */
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 15%, rgba(0, 0, 0, 0) 100%);
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 15%, rgba(0, 0, 0, 0) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 15%, rgba(0, 0, 0, 0) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	/* filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000', GradientType=0); */
	/* IE6-9 */
	background-color: rgba(230, 230, 230, 1);
}
/*.aRendreMontant:nth-of-type(2n) {
	background-color: red;
}
*/

#sendImg, #deleteImg {
	filter: drop-shadow(2px 2px 2px #222) opacity(70%);
	-webkit-filter: drop-shadow(2px 2px 2px #222) opacity(70%);
}
#prefImg {
	height: 70%;
	filter: drop-shadow(2px 2px 2px #222) opacity(70%);
	-webkit-filter: drop-shadow(2px 2px 2px #222) opacity(70%);
}
.centerElm {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: center;
	border: 2px solid white;
}
.calc, .calcEff, #btnPref {
	background-color: rgb(242, 242, 242);
	text-align: center;
	/* -webkit-box-shadow: inset -3px -3px 0px 1px rgba(0, 0, 0, 0.19);	*/
	/* -moz-box-shadow: inset -3px -3px 0px 1px rgba(0, 0, 0, 0.19);	*/
	/* box-shadow: inset -3px -3px 0px 1px rgba(0, 0, 0, 0.19);	*/
	font-size: 3vmin;
	height: 12.5vh;
	line-height: 12.5vh;
	border-left: 1px solid rgb(98, 98, 98);
	border-top: 1px solid rgb(98, 98, 98);
	border: 2px solid white;
}
#btnPref {
	border-left: none;
}
.calc:nth-of-type(3n+2) {
	border-left: none;
}
.calc:last-of-type(1) {
	border-bottom: 1px solid rgb(98, 98, 98);
}
.calculette {
	/* border-bottom: 2px solid black !important; */
}
.ui-disabled {
	/*color: rgb(140,140,140);
	filter: opacity(20%); */
	opacity: .3;
	cursor: default !important;
	pointer-events: none;
}
/* Modification de la couleur du select Bootstrap */

/* select{
    background: black !important;
    color:#FFF !important;
    text-shadow:0 1px 0 rgba(0,0,0,0.4);
		border-radius: 0 !important;
    -webkit-appearance: none;
}
option:not(:checked) {
    background-color: white;
    color:#000;
} */

/* select:not([multiple]) {
    background: black;
    color:white;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-position: right 50%;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=);
    padding: .5em;
    padding-right: 1.5em
}

#selectCategory {
    border-radius: 0
}
*/

#alertStockContainer {
	display: none;
}
#alertStock {
	width: 100%;
}
#maxStockTotaux {
	display: none;
	background-color: red;
	height: 10px;
	color: green;
}
/* css pour les colonnes à 20% */

.col-xs-15, .col-sm-15, .col-md-15, .col-lg-15 {
	position: relative;
	min-height: 1px;
	padding-right: 10px;
	padding-left: 10px;
}
.col-xs-15 {
	width: 20%;
	float: left;
}
@media (min-width: 768px) {
	.col-sm-15 {
		width: 20%;
		float: left;
	}
}
@media (min-width: 992px) {
	.col-md-15 {
		width: 20%;
		float: left;
	}
}
@media (min-width: 1200px) {
	.col-lg-15 {
		width: 20%;
		float: left;
	}
}
/* RIPPLE EFFECT */

/*
@-webkit-keyframes ripple-animation {
  0% {
    -webkit-transform: scale(.01);
            transform: scale(.01);
  }

  100% {
    -webkit-transform: scale(5);
            transform: scale(5);
  }
}

@keyframes ripple-animation {
  0% {
    -webkit-transform: scale(.01);
            transform: scale(.01);
  }

  100% {
    -webkit-transform: scale(5);
            transform: scale(5);
  }
}
*/

#listProducts, #list-products-staff {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
#liste-products {
	/* background:url(
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAP0lEQVQoU43M2QkAIAwEUVPE9l/gFqFEUDxyzfdjpBUi2SVzigBICBfSmQtP5MIXmdBCH/TQBSO0YYYmrCCFA648J8v67ZPNAAAAAElFTkSuQmCC
	 ) repeat; */
	background-color: white;
}
#liste-products-staff {
	/* display: none; */
}
.product {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	/*	 border-bottom:  1px solid black; */
	/* border:  3px solid rgba(255, 255, 255, 1); */
	cursor: pointer;
	/* border-radius: 7px; */
	margin: 3px !important;
	-webkit-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.75);
	box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.75);
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+4 */
	/* background:    -moz-linear-gradient(right, rgba(50,50,50,0.65) 0%,rgba(0,0,0,0) 1%,); /* FF3.6-15 */
	/* background: -webkit-linear-gradient(right, rgba(50,50,50,0.65) 0%,rgba(0,0,0,0) 1%); /* Chrome10-25,Safari5.1-6 */
	/* background:     linear-gradient(to left, rgba(50,50,50,0.65) 0%,rgba(0,0,0,0) 1%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
}
.productStaff {
	text-align: center;
	font-size: 3vmin;
	/* border: 1px solid black !important; */
}
.productPrice {
	float: right;
	font-size: 2vmin;
	font-weight: normal;
	padding-right: 5px;
}
.product-name {
	padding-left: 0px;
	/* background-color: rgba(0,0,0,0.4); */
	/*position: absolute;
		/* bottom: 0; */
	text-align: center;
	width: 100%;
	/* text-transform: uppercase; */
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: black !important;
	font-family: 'Arial';
}
/* no-gutters Class Rules */

/*
.row.no-gutters {
   margin-right: 0;
   margin-left: 0;
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
   padding-right: 0;
   padding-left: 0;
}
*/

.maxStock {
	display: inline;
	/* opacity: 0.5; */
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 0;
	height: 3px;
}
#prefs {
	display: none;
	background-color: #c6dcff;
	padding: 10px;
	margin: 10px;
	border-radius: 10px;
	border: 1px solid black;
	/* width: 100%; */
	position: absolute;
	top: 0;
	width: 56%;
	z-index: 100;
}
#printPref>.btn, #printPrefCuisine>.btn {
	float: none;
}
.container-fluid {
	padding: 0;
}
.prefs-titles {
	margin-top: 10px;
}
#edit-product {
	display: none;
}
.edit-product-img {
	display: none;
	float: right;
	margin-right: 5px;
	margin-top: 5px;
}
.col-form-label {
	padding-left: 25px;
}
.disabled {
	opacity: 0.5 !important;
}
.input-edit-product {
	padding-right: 0px;
}
#edit-info {
	height: 70px;
}
.hr-prefs {
	width: 100%;
	border: 0;
	height: 1px;
	background: #333;
	background-image: linear-gradient(to right, #ccc, #333, #ccc);
}
.col-prefs {
	padding: 10px;
}
#alert-staff {
	height: 10vh;
	text-align: center;
	font-size: 3em;
	color: white;
	background-color: red;
	border-bottom: 1px solid black;
}