/* Add here all your css styles (customizations) */

.feature_blue
{
	background-color: #4285f4;
	color:#FFF;
	min-height:135px;
}

.feature_blue .glyphicon
{
	color:white;
}

.feature_blue h4
{
	color:white;
}

.feature_blue button
{
	color:white;
	opacity: 1.0;
	float: left!important;
	height:15px;
	width:15px;
	padding-right:35px;
}

.feature_blue div
{
	padding-left:15px;
	padding-right:15px;
}

.feature_blue #food_name_row
{
	padding-left: 15px;
  	padding-right: 15px;
  	border-bottom: 1px solid #ddd;
	padding-bottom: 10px;
}

.feature_blue #serving_size_label
{
	padding-top:5px;	
}

.feature_blue #serving_size_input
{
	background-color: transparent;
  	border: none;
  	font-size: 16px;
  	color: white;
  	font-weight: 300;
  	padding: 5px 15px 0px 15px;
}

#done-button
{
	border: 2px solid white;
	height: 30px;
  	text-align: center;
  	margin-top: 5px;
  	display: none;
  	background-color: transparent;
  	width: 70px;
  	margin-top:7px;
}

/* Food Macro Total Row */

#food_macro_row
{
	border-bottom: 1px solid #ddd;
	margin-top:-15px;
}

#food_macro_row div
{
	padding-top:7px;
	text-align:center;
}

#food_macro_row h5
{
	margin-top:-8px;
}

@media (max-width: 768px) 
{
  	#food_info_footer
	{
		padding:7px;
	}
}


/* Meal Selection Row */

.meal_selection_parent
{
	padding: 20px 0px 20px 0px;
	background-color: white;
	font-weight:lighter;
	font-size:16px;
	color:#333;
}

#ft_meal_select
{
	width: 100%;
	background-color: #EFEFEF !important;
	border: 1px solid #ddd;
	font-family: sans-serif;
	font-weight: lighter;
	padding: 0px 15px 0px 15px;
	height: 40px;
	-webkit-border-radius: 0px !important;
	-webkit-appearance: none !important;
}

#meal_selection_parent > label
{ 
	width:100%;
}

.meal_selection_parent select
{
	width: 100%;
  	background-color: #EFEFEF !important;
  	border: 1px solid #ddd;
  	font-family: sans-serif;
  	font-weight: lighter;
  	padding: 0px 15px 0px 15px;
  	height: 40px;
  	-webkit-border-radius: 0px !important;
  	-webkit-appearance: none !important;
}

div .value 
{
	text-align: right;
}

.macro .value 
{
	color:#ff2f1b;
	font-size:18px;
}


/* Food Nutrition Info */

#food_nutrient_parent
{
	font-size:18px;
}

#food_nutrient_parent div
{
	height:50px;
	border-bottom:1px solid #aaa;
}

.macro
{
	font-weight: 500;
}

.micro
{
	font-weight: 300;
}

.micro .value
{
	font-size:18px;
}

/* The div surrounding the texts */
#food_nutrient_parent div.macro div div
{
	padding: 10px 25px 0px 25px;
}

#food_nutrient_parent div.micro div div
{
	padding: 10px 25px 0px 45px;
}

/* Macro Colors */

.protein_txt
{
	color:#009bcd;
}

.carb_txt
{
	color:#ffad57;
}

.fat_txt
{
	color:#ff4b4b;
}

.ft_label 
{
	font-size:18px;
	color:#333;
	margin-top:5px;
}



/* Search Objects */

#search_container
{
	border: 1px solid #ddd;
	padding-bottom:20px;
	margin-bottom:10px;
}

#search_container .row
{
	margin-left:0px;
	margin-right:0px;
}

#search_field_container 
{
	padding-right: 10px;
	margin-bottom: 10px;
}

#search_field_container input
{
	height:44px;
}

#search_field_container button
{
	height:44px;
}

#search_results .section_header
{
	background-color:#ddd;
	font-size:18px;
	font-weight:500;
}

.section_header h4
{
	margin: 0px;
	padding-left: 15px;
	line-height: 40px;
}

.panel-heading div
{
	padding-top:5px;
}

.serving_container
{
	text-align: center;
	margin-top:5px;
}

.serving_container h4
{
	line-height: 10px;
}

img.food_accessory
{
	height: 30px;
  	width: 30px;
  	vertical-align: middle;
}

/* Recipe */

#ingredients_container
{
	margin-top:10px;
	margin-bottom:10px;
	padding-top:10px;
}

#ingredients_container>button
{
	padding-bottom:10px;
}

#ingredients_table tr>td
{
	width:75%;
}