.allergen-holder{
	display:inline-block;
	border-radius:15px;
	padding:5px;
	font-size:11px;
	background:#ffb000;
	color:#fff;
	margin-top:3px;
	margin-right:6px;
	cursor:pointer;
}

.category-index{
	position:absolute;
	bottom:3px;
	right:5px;
}

#category-prev-btn:hover,
#category-next-btn:hover{
	background-color:#eee;
}

#category-prev-btn,
#category-next-btn{
	position:fixed;
	bottom:15px;

	z-index:120;
	cursor:pointer;

	height:80px;
	padding:5px 10px;

	display:flex;
	align-items:center;
	justify-content:center;
}

#category-prev-btn{
	left:15px;
}

#category-next-btn{
	right:15px;
}

#category-prev-btn:active
#category-next-btn:active{
	bottom:8px;
}

#categories-nav{
	overflow:hidden;
	white-space:nowrap;

	position:fixed;

	bottom:15px;
	left:75px;
	right:75px;

	margin:0 15px;
	padding:0 10px;

	z-index:120;
}

#categories-nav-relative{
	position:relative; /* important for scrollLeft function */
}

#categories-nav .category-wrapper{
	min-width:150px;
	height:80px;

	display:inline-block;
	position:relative;
	text-align:left;
	margin-right:15px;
	cursor:pointer;

	padding:5px 10px;

	border-top:5px solid #fff;
}

#categories-nav .category-wrapper.category-selected{
	border-top-color:#33d69f;
}

#categories-nav img{
	display:inline-block;
	vertical-align:middle;
}

#categories-nav b{ /* category name */
	margin:10px;
}

#categories-nav .category-stats{
	display:block;
	text-align:center;
}

.food-wrapper:hover .food-placeholder{
	opacity:1;
}

.food-wrapper .food-placeholder{
	position:absolute;

	left:0;
	right:0;
	bottom:5px;

	text-align:center;
	color:#fff;

	font-size:12px;
	font-weight:bold;

	opacity:0;
	transition:0.3s;

	z-index:101;
}

.food-wrapper{
	padding:0 !important;
	margin-bottom:30px;
	border:none !important;

	cursor:pointer;
}

.food-wrapper-selected{
	-webkit-box-shadow:0px 5px 0px 0px #33d69f;
	-moz-box-shadow:0px 5px 0px 0px #33d69f;
	box-shadow:0px 5px 0px 0px #33d69f;
}

.food-kcal{
	position:absolute;
	top:5px;
	left:5px;

	background-color:#33d69f;

	z-index:101;
}

.food-opt-stats{
	position:absolute;
	top:5px;
	right:5px;

	background-color:#33d69f;

	z-index:101;
}

.food-opt-vitamin-stats{
	position:absolute;
	top:35px;
	left:5px;

	background-color:#0096ff;

	z-index:101;
}

.food-name-holder{
	position:absolute;

	bottom:25px;
	left:10px;
	right:10px;

	text-align:center;

	z-index:101;
}

.food-name{
	color:#1a1a1b;
	padding:4px 10px;
	border-radius:8px;
	background:#fff;

	font-size:15px;
	font-weight:600;
	line-height:20px;
	
	text-align:center;
	overflow:hidden;

	text-overflow:ellipsis;
	display:inline-block;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
}

.food-image{
	border-radius:8px;

	width:100%;
	max-height:300px;

	z-index:50;
}

.food-image-cover{
	border-radius:8px;

	position:absolute;

	top:0;
	left:0;
	right:0;
	bottom:0;

	z-index:90;

	background-color:rgba(0, 0, 0, 0.35);
}

#modal-food-info-body{
	padding:0px !important;
}

#modal-food-info-opts{
	padding-top:25px;
	padding-bottom:25px;
}

#modal-food-info-title{
	font-size:25px;
	display:block;
	margin-bottom:10px;
}