:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
}
.small-title
{
	display: inline-block;
	padding-top: 3px;
	margin-bottom: 20px;
	font-size: 20px;
	font-weight: bold;
	color: #3ea4ca;
	letter-spacing: -0.02em;
	border-bottom: 1px solid #ddd;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
    box-shadow: 0 1px 2px rgba(0,0,0,.05);
}
.accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.accordion:hover {
    background-color: #ccc;
}

/* Style the accordion panel. Note: hidden by default */
.panel {
    padding: 0px;
    background-color: white;
    overflow: hidden;
}
.no-padding {
	padding: 0px 0px !important;
}
.food-search
{
	padding: 20px 0px 20px 0px;
}
#search_food
{
	padding-left: 2px;	
}
.food-info
{
}
.spacer
{
	height: 15px;
}

.food-table-col, .food-table-header, .food-table-row, .meal-food
{
	display: inline-block;
	border-color: #ddd;
	border-style: solid;
	
}
.food-table-col
{
	border-width: 1px;
	
}
.food-table-header
{
	border-width: 1px 0 0 0;
    background-image: linear-gradient(to bottom,#f5f5f5 0,#e8e8e8 100%);
    background-repeat: repeat-x;
    padding: 5px;
    
}
.food-table-row
{
	border-width: 1px 0 0 0;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 11px;
    padding: 3px 5px  !important;
}
.nutrienttable  
{
	width: 100%;
}
.nutrienttable th 
{
    background-image: linear-gradient(to bottom,#f5f5f5 0,#e8e8e8 100%);
	padding: 5px;
    
}
.nutrienttable td 
{
	padding: 2px ;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 11px;
}
.meal-food
{
	border:0px;
    padding: 5px 0px  !important;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 12px;
}
.meal-food-portion{
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 11px;
}
.meal-food-icons
{
    padding: 0px 0px  !important;
    font-size: 12px;
}
.meal-food-name-portion
{
    padding: 0px 5px  !important;
}
.meal-food-calories
{
    padding: 0px 0px  !important;
    text-align: right;
}
.about-me{
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 11px;
}
.about-me div{
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 5px;
	padding-bottom: 10px;
}
.mealreport .number
{
	font-size: 22px;
}
.mealreport .glyphicon-menu-down
{
	font-size: 14px;
}