.gift_message_note{
	font-size: 11px;
	color: #969696;
	width: 500px;
}

.purchase_assurance{
	width: 500px;
	font-size: 13px;
	margin-top: 30px;
}

#recipient_message{
	width: 500px;
}


.promotion_header{
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 15px;
	
}

.floating_orange_gift {
    position: absolute;
    margin-left: 700px;
    margin-top: -80px;
}

@font-face
{
	font-family: Badaboom;
	src: url(/static_files/images/snow/BADABB__.TTF);
}

/*Redeem code page*/

.redeem_gift_box{
	width: 400px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.redeem_gift_box input{
	text-align: center;
}
.code_description{
	font-size: 16px;
	line-height: 16px;
	margin-bottom: 20px;
}

.redeem_gift_header{
	width: 600px;
	margin-bottom: 40px;
	margin-left: 10px;
}


/*Contest page*/
.such-90s-1{
	-webkit-transform: rotate(-30deg); 
	-moz-transform: rotate(-30deg);	
	position: absolute;
    margin-left: 750px;
    margin-top: 40px;

}
.such-90s-2{
	-webkit-transform: rotate(-30deg); 
	-moz-transform: rotate(-30deg);
	position: absolute;
    margin-left: 750px;
    margin-top: 140px;
}

.contest_header{
	text-align: center;
}

.new_years_resolution{
	font-size: 48px;
	line-height: 60px;
	font-family: "Futura-CondensedExtraBold", Futura, sans-serif;
	font-stretch: condensed;
	font-weight: bold;
}
.membership_sweepstakes{
	color: #08823b;
	font: bold 100px/100px Badaboom, Futura, Helvetica;
	letter-spacing: 5px;
}

.contest_description{
	
}
.excited_text{
	font-size: 20px;
	line-height: 26px;
	font-family: "Futura-CondensedExtraBold", Futura, sans-serif;
	font-stretch: condensed;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 20px;
}
.muted_text{
	margin-top: -20px;
	font-weight: bold;
	color: #989898;
}
.what_you_win{
	font-size: 48px;
	line-height: 60px;
	font-family: "Futura-CondensedExtraBold", Futura, sans-serif;
	font-stretch: condensed;
	font-weight: bold;
	color: #08823b;
}

.contest_share_icons{
	
}

.contest_terms{
	margin-top: 40px;
}
.contest_rule{
	width: 500px;
	padding: 10px;
}

.contest_floating_broccoli {
    position: absolute;
    margin-left: -140px;
    margin-top: 40px;
    width: 150px;
}

.other_actions{
	margin-top: 40px;
	width: 350px;
	margin-left: auto;
	margin-right: auto;
}

.button_box{
	width: 172px;
	display: inline-block;
	vertical-align: top;
}

.limited_time_discount{
	margin-left: 16px;
	margin-top: 3px;
	color: #cb1b08;
	font-weight: bold;
}

.share_button_div{
	display: inline-block;
	margin: 5px;
	vertical-align: top;
	width: 80px;
}
.twitter_share{
	padding-left: 15px;
}
.facebook_share{
	padding-top: 5px;
}

.share_button{
	width: 100px;
	height: 100px;
}
.share_button img{
	max-height: 70px;
}
.contest_share_buttons{
	text-align: center;
	margin-top: 40px;
	margin-bottom: 40px;
    padding: 19px;
	
	margin-left: -20px;
	margin-right: -20px;
	
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;

    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
	
}



@font-face
{
font-family: SpicyRice;
src: url(/static_files/images/snow/SpicyRice-Regular.ttf);
}

.give_the_gift_of{
	font-size: 48px;
	line-height: 60px;
	color: #FF2300;
	font-family:SpicyRice,Futura, Helvetica Neue;
}
.gift_nutrition_title{
	font-size: 100px;
	line-height: 100px;
	color: #08823b;
	font-family: SpicyRice, Futura, Helvetica Neue;
}
.gift_forty_percent_off{
	font-size: 48px;
	line-height: 60px;
	font-family: SpicyRice,Futura, Helvetica Neue;
}
.gift_percent_off{
	color: #FF2300;
}
.gift_description{
	font-size: 18px;
	margin-top: 20px;
	line-height: 24px;
	padding-bottom: 20px;
}
.gift_description_options{
	font-size: 18px;
	margin-top: 20px;
	line-height: 24px;
	width: 480px;
	margin-left: auto;
  margin-right: auto;
  margin-bottom: 80px;
}




/*Snow stuff*/



/*body{
background: #0A67A3;
background-image: url('/static_files/images/snow/s1.png'), url('/static_files/images/snow/s2.png'), url('/static_files/images/snow/s3.png');
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
-webkit-animation: snow 30s linear infinite;
-moz-animation: snow 30s linear infinite;
-ms-animation: snow 30s linear infinite;
animation: snow 30s linear infinite;
}
@keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}
@-moz-keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 400px 1000px, 200px 400px, 100px 300px;}
}
@-webkit-keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}
@-ms-keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}*/



/*Holiday header*/

.holiday_header{
	
}

.holiday_header .info_box{
	
}

.holiday_header .logged_out_header{
	font-size: 36px;
	margin-bottom: 20px;
}
.holiday_header .logged_out_text, .holiday_header .diet_types, .holiday_header .try_it_out{
	font-size: 14px;
	line-height: 20px;
}

.holiday_header .signup_account{
	
}

.holiday_header .sale_box{
	
}

.holiday_header .header_share_box{
	
}





body {
    background-color: #F2F2F2;
}

.ss_fb_pixel, .ld_fb_pixel, .google_pixel, .su_pixel {
    display: none;
}

/* open-sans-regular - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url('/static_files/fonts/open-sans-v13-latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Open Sans'), local('OpenSans'),
    url('/static_files/fonts/open-sans-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/static_files/fonts/open-sans-v13-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('/static_files/fonts/open-sans-v13-latin-regular.woff') format('woff'), /* Modern Browsers */ url('/static_files/fonts/open-sans-v13-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('/static_files/fonts/open-sans-v13-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/*.ss_fb_conversion {*/
/*background-image: url('https://www.facebook.com/tr?ev=6020155790405&cd[value]=0.00&cd[currency]=USD&noscript=1');*/
/*}*/

/*.ld_fb_conversion {*/
/*background-image: url('https://www.facebook.com/tr?ev=6016557516578&cd[value]=0.00&cd[currency]=USD&noscript=1');*/
/*}*/

/*.google_conversion {*/
/*background-image: url('https://www.googleadservices.com/pagead/conversion/934789512/?label=be8lCKXKu1cQiIPfvQM&guid=ON&script=0');*/
/*}*/

/*.btn-default{
	background-color: #316DAD;
	color: #FFFFFF;
}*/

/* App banner styles */

h1, h2, h3, h4 {
    font-family: Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

body #smartbanner.shown ~ #sidebar_container .food_bank_container {
    z-index: 10000;
}

body #smartbanner.shown {
    z-index: 100000;
}

#smartbanner .sb-info {
    top: 10px;
}

#smartbanner {
    height: 84px;
}

.large-label {
    font-size: 14px;
}

.macro_changes {
    display: none;
}

.tooltip.in {
    opacity: 0.8;
    filter: alpha(opacity=60);
}

.center-glyphicon {
    text-align: center;
    margin-right: 7px
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .09s linear;
    -moz-transition: opacity .09s linear;
    -ms-transition: opacity .09s linear;
    -o-transition: opacity .09s linear;
    transition: opacity .09s linear;
}

.alert-orange {
    background-color: #fbb352;
    border-color: #ee6012;
    color: #ffffff;
}

.press_mention_row {
    font-size: 16px;
    padding-bottom: 5px;
}

.site_downloading_box {

}

.ordered-list {
    list-style: decimal;
    padding-left: 20px;

}

.ordered-list li {
    padding-bottom: 5px;
}

.instant_fade {
    -webkit-transition: opacity 0s linear;
    -moz-transition: opacity 0s linear;
    -ms-transition: opacity 0s linear;
    -o-transition: opacity 0s linear;
    transition: opacity 0s linear;
}

.diet_currently_generating {
    padding-bottom: 40px;
    padding-top: 40px;
}

input[readonly].share-link {
    background: #ffffff;
    color: #000000;
    font-size: 18px;
    width: 400px;
    cursor: text;
}

#affiliate_graph_div {
    height: 400px;
    width: 720px;
    padding-left: 10px;
    margin-top: 30px;
}

label.checkbox {
    font-weight: normal;
}

.saves_automatically {
    font-size: 12px;
    color: #b7b7b7;
}


.signup_container {
    padding-bottom: 40px;
}

.food_filter_suggestions {
    width: 50%;
}

.food-exclusion-description {
    font-size: 12px;
}

@media (min-width: 768px) {
    .container {
        width: 750px;
    }

    .food_filter_suggestions {
        width: 20%;
    }
}

@media (min-width: 992px) {
    .container {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 970px;
    }
}

.complexity_level .btn {
    padding: 6px 10px;
}

.meal_complexity_row {
    padding-top: 5px;
}

.generator_focus_row {
    padding-top: 5px;
}

.daily_price_limit_row {
    padding-top: 10px;
}

.daily_price_limit {
    width: 80px;
    display: inline-block;
    padding-right: 5px;
}

.price_limit_dollar_sign {
    padding-left: 5px;
}

.user_profile_suggestion {
    font-size: 12px;
}

.recurring_foods {
    padding-bottom: 40px;
}

.profile-tabs > li > a {
    margin-top: 10px;
    margin-bottom: 10px;
    /*padding-left: 10px;
    padding-right: 10px;*/
}

.meal_foods {
    min-height: 50px;
}

/*  other major stuff   */

.logo_image_carrot {
    margin-top: -5px;
    width: 55px;
}

.navbar .navbar-brand {
    color: #f0681d;
    font-family: 'Helvetica Rounded', Arial, sans-serif;
    font-size: 24px;
    min-height: 60px;
    padding: 10px 10px;
}

@media (min-width: 768px) {
    .navbar-nav {
        margin: 20px 0 0;
    }

    .logo_image_carrot {
        width: 80px;
    }

    .navbar .navbar-brand {
        padding: 15px 15px;
        min-height: 90px;
    }
}

.btn:focus {
    outline: none;
}

.btn:active {
    outline: none;
}

/*header section things*/

.header_container {
    background-image: url('/static_files/images/header_images/vegetable_table_small.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center 55%;

    color: #fff;
    /*text-align: center;*/
    margin-top: -20px;
    /*min-width: 740px;*/
}

@media (min-width: 1400px) {
    .header_container {
        background-position: center 45%;
    }
}

.small_header_container {
    background-image: url('/static_files/images/header_images/vegetable_table_small.jpg');
    /*background-image: url('/static_files/images/patterns/denim3.png');*/
    /*background-repeat: repeat;*/

    background-size: cover;
    background-repeat: no-repeat;
    background-position: center 55%;

    color: #fff;

    /*text-align: center;*/
    margin-top: -20px;
}



@media (min-width: 768px) {
    .small_header_container {
        background-position: center 38%;
    }
}

.header_container .container, .small_header_container .container {
    background: none;

    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-border-radius: none;
    border-radius: none;

}

.content_container, .container.content_container {
    /*padding: 10px;*/
    background: #FFFFFF;
    -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.31), inset 0px -1px 3px 0px rgba(0, 0, 0, 0.05), inset 0px 1px 1px 0px rgba(255, 255, 255, 0.50);
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.31), inset 0px -1px 3px 0px rgba(0, 0, 0, 0.05), inset 0px 1px 1px 0px rgba(255, 255, 255, 0.50);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.31), inset 0px -1px 3px 0px rgba(0, 0, 0, 0.05), inset 0px 1px 1px 0px rgba(255, 255, 255, 0.50);
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.image_shading {
    background-color: rgba(0, 0, 0, 0.2);
    position: relative;
}

.small_header_container .image_shading {
    height: auto;
}

.section_title {
    font-size: 36px;
    font-weight: 400;
    font-family: Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.small_section_title, .modal-title {
    font-size: 30px;
    font-weight: 400;
    font-family: Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.small_section_title {
    font-size: 24px;
}

.grocery_list_title {
    font-size: 24px;
    font-weight: bold;
    font-family: Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.big_top_spacer {
    padding-top: 40px;
}

.big_bottom_spacer {
    padding-bottom: 40px;
}

.med_top_spacer {
    padding-top: 30px;
}

.med_bottom_spacer {
    padding-bottom: 30px;
}

.top_spacer {
    padding-top: 20px;
}

.bottom_spacer {
    padding-bottom: 20px;
}

.small_bottom_spacer {
    padding-bottom: 10px;
}

.small_top_spacer {
    padding-top: 10px;
}

.form_top_spacer {
    padding-top: 7px;
}

.big_top_margin {
    margin-top: 40px;
}

.top_margin {
    margin-top: 20px;
}

.top_margin_small {
    margin-top: 10px;
}

.bottom_margin {
    margin-bottom: 20px;
}

.bottom_margin_small {
    margin-bottom: 10px;
}

.header {
    padding-top: 5px;
    padding-bottom: 10px;

}

@media (min-width: 768px) {
    .header {
        padding-top: 20px;
    }

}

.logged_out_header {
    margin-bottom: 75px;
}

.signup_box {
    margin-top: 20px;
    font-size: 16px;
    line-height: 32px;
    text-shadow: 1px 1px 1px #000;
    letter-spacing: 1px;
}

@media (min-width: 992px) {

    .image_shading, .header_container {
        height: 400px;
    }

    .manager_header_container .image_shading{
        height: auto;
    }

    .info_box {
        width: 78%;
        padding-right: 0px;
    }

    .header .right_box {
        width: 22%;
    }
}

.control-label {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.share_box {
    display: inline-block;
    vertical-align: top;
    width: 90px;
    margin-left: -40px;
    margin-top: 10px;
}

.targets_macros_min {
    text-align: right;
    display: inline-block;
}

.targets_macros_max {
    text-align: right;
    display: inline-block;
}

.targets_macros_description {
    text-align: left;
    display: inline-block;
}

.targets_calories {
    text-align: left;
}

.create_profile_btn {
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
    margin-bottom: 5px;
}

.create_meal_type {
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
    margin-bottom: 5px;
}

.meal-options-dropdown-menu {
    min-width: 210px;
}

.login_to_create_profile_btn {
}

.dropdown-menu .login_to_create {
    font-weight: bold;
    color: #888888;
}

/*Holiday header*/

.try_it_out a {
    color: #f7a313;
}

.header .right_box {
    /*position: absolute;*/
    /*display: inline-block;
    width: 190px;
    vertical-align: top;*/
}

.holiday_header .logged_out_text, .holiday_header .diet_types, .holiday_header .try_it_out {
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 1px;
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.90);
}

.holiday_header .try_it_out {
    margin-top: 10px;
}

.header strong {
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.90);
}

.header .header_share_box {
    background-color: rgba(0, 0, 0, 0.50);
    border-radius: 4px;
    padding: 10px;
    text-align: left;
}

.header .small_header_share_box {
    text-align: center;
    padding: 10px;
}

.header .sale_box .btn, .header .header_share_box .btn {
    margin-top: 5px;
}

.header .header_share_box {
    margin-top: 40px;
}

.header .holiday_share_box {
    margin-top: 8px;
    margin-left: 5px;
}

.header .twitter-share-button {
    margin-left: 10px;
}

.header [data-pin-log="button_pinit"] {
    margin-left: -25px !important;
}

/*generator bar things*/

/*.slide_show_column {
    padding: 10px;
}

.slide_show_column.extra_padding{
	padding-top: 20px;
	padding-left: 20px;
}*/

.ui-widget-header {
    border: 1px solid #e78f08;
    background: #f6a828 url("images/ui-bg_gloss-wave_35_f6a828_500x100.png") 50% 50% repeat-x;
    color: #fff;
    font-weight: bold;
}

.not_sure {
}

.not_sure .btn {
    font-size: 12px;
    height: 31px;
    width: 95px;
}

.not_sure img {
    vertical-align: -3px;
}

.home_generator_box {
    margin-bottom: 20px;
}

.generator_header {
    background: #FFFFFF;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: -75px;
    padding-left: 30px;
    padding-top: 30px;
    padding-bottom: 20px;

    -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.31), inset 0px -1px 3px 0px rgba(0, 0, 0, 0.05), inset 0px 1px 1px 0px rgba(255, 255, 255, 0.50);
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.31), inset 0px -1px 3px 0px rgba(0, 0, 0, 0.05), inset 0px 1px 1px 0px rgba(255, 255, 255, 0.50);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.31), inset 0px -1px 3px 0px rgba(0, 0, 0, 0.05), inset 0px 1px 1px 0px rgba(255, 255, 255, 0.50);

    border-color: #c7c7c7;
    border-radius: 4px;
}

.logged_out_set_header{
    margin-top: -75px;
    position: relative;
    z-index: 200;
}

.js-img .jcrop-holder {
    outline: 1px solid #c7c7c7;
    margin-left: auto;
    margin-right: auto;
}

.workspace_header {
    /*padding: 20px;
    margin-left: -10px;
    margin-right: -10px;
    margin-top: -10px;*/
    padding-top: 12px;
    padding-bottom: 15px;

}

.workspace_divider {
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(223, 223, 223, 1)), color-stop(66%, rgba(242, 242, 242, 1)), color-stop(90%, rgba(242, 242, 242, 1)), color-stop(93%, rgba(230, 230, 230, 1)), color-stop(96%, rgba(210, 210, 210, 1)), to(rgba(140, 140, 140, 1)));
    background: -webkit-linear-gradient(bottom, rgba(223, 223, 223, 1) 0%, rgba(242, 242, 242, 1) 66%, rgba(242, 242, 242, 1) 90%, rgba(230, 230, 230, 1) 93%, rgba(210, 210, 210, 1) 96%, rgba(140, 140, 140, 1) 100%);
    background: -moz-linear-gradient(bottom, rgba(223, 223, 223, 1) 0%, rgba(242, 242, 242, 1) 66%, rgba(242, 242, 242, 1) 90%, rgba(230, 230, 230, 1) 93%, rgba(210, 210, 210, 1) 96%, rgba(140, 140, 140, 1) 100%);
    background: -o-linear-gradient(bottom, rgba(223, 223, 223, 1) 0%, rgba(242, 242, 242, 1) 66%, rgba(242, 242, 242, 1) 90%, rgba(230, 230, 230, 1) 93%, rgba(210, 210, 210, 1) 96%, rgba(140, 140, 140, 1) 100%);
    background: linear-gradient(bottom, rgba(223, 223, 223, 1) 0%, rgba(242, 242, 242, 1) 66%, rgba(242, 242, 242, 1) 90%, rgba(230, 230, 230, 1) 93%, rgba(210, 210, 210, 1) 96%, rgba(140, 140, 140, 1) 100%);

    height: 6px;

    margin-left: -15px;
    margin-right: -15px;
}

.main_question {
    color: #4e4e4e;
    font-size: 20px;
}

.main_question_calories {
    padding-right: 0px;
    padding-left: 0px;
}

.main_question_meals {
    vertical-align: top;
    padding-right: 0px;
    padding-left: 0px;
    padding-top: 10px;
}

.main_question_diet {
    vertical-align: top;
    padding-right: 0px;
    padding-left: 0px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.cal_not_sure_div {
    display: inline-block;
    vertical-align: top;
}

.gen_button {
    width: 100%;
    vertical-align: middle;
    font-size: 22px;
    font-weight: 200;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.gen_area {
    padding-left: 0px;
    padding-right: 30px;
}

.header .header_info_small {
    display: block;
}

.header .header_info {
    display: none;
}

.header .header_share_box {
    display: none;
}

.header .small_header_share_box {
    display: block;
}

.header_tagline {
    /*font-family: Futura, Verdana, Sans-Serif;*/
    /*font-variant: small-caps;*/
    font-family: Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;

    letter-spacing: 0px;
    padding-top: 0px;
    padding-bottom: 9px;
    font-size: 46px;
    font-weight: 400;
    margin-bottom: 10px;
    text-shadow: 0px 0px 20px rgba(0, 0, 0, 1.00);
    -webkit-font-smoothing: antialiased;
    text-align: center;
}

.header .header_info, .header .header_info_small, .try_it_out {
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 1px;
    text-shadow: 0px 0px 6px rgba(0, 0, 0, 1.0);
    font-weight: 500;
}

.header .header_info .strong_header_info {
    font-size: 26px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.header .header_info_small .strong_header_info {
    font-size: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
}

@media (min-width: 482px) {

    .main_question_calories {
        width: auto;
    }

    .main_question_meals {
        width: auto;
        padding-left: 5px;
        padding-top: 0px;
    }

    .main_question_diet {
        width: 100%;

    }

}

@media (min-width: 768px) {

    .header .header_info_small {
        display: none;
    }

    .header .header_info {
        display: block;
    }

    .header_tagline {
        letter-spacing: 0px;
        padding-top: 6px;
        padding-bottom: 20px;
        font-size: 60px;
        font-weight: 400;
        margin-bottom: 10px;
        text-shadow: 0px 0px 20px rgba(0, 0, 0, 1.00);
        -webkit-font-smoothing: antialiased;
        text-align: left;
    }

    .header .header_info, .header .header_info_small, .try_it_out {
        font-size: 18px;
        line-height: 30px;
        letter-spacing: 1px;
    }

    .header .header_info .strong_header_info {
        font-size: 26px;
        margin-top: 25px;
        margin-bottom: 20px;
    }
}

@media (min-width: 992px) {

    .header .header_share_box {
        display: block;
    }

    .header .small_header_share_box {
        display: none;
    }

    .main_question_calories {
        text-align: left;
        width: 31%;
    }

    .main_question_meals {
        width: 15%;
        padding-left: 0px;
    }

    .main_question_diet {
        width: 30%;
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .gen_area {
        width: 24%;
    }

    .gen_button {
        margin-top: -11px;
    }
}

.btn-custom {
    background-color: hsl(33, 94%, 46%) !important;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f79011", endColorstr="#e38007");
    background-image: -khtml-gradient(linear, left top, left bottom, from(#f79011), to(#e38007));
    background-image: -moz-linear-gradient(top, #f79011, #e38007);
    background-image: -ms-linear-gradient(top, #f79011, #e38007);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f79011), color-stop(100%, #e38007));
    background-image: -webkit-linear-gradient(top, #f79011, #e38007);
    background-image: -o-linear-gradient(top, #f79011, #e38007);
    background-image: linear-gradient(#f79011, #e38007);
    border-color: #e38007 #e38007 hsl(33, 94%, 44.5%);
    color: #fff !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.09);
    /*-webkit-font-smoothing: antialiased;*/
    font-size: 22px;
    font-weight: 400;
}

.btn-custom .glyphicon, .btn-orange .glyphicon {
    vertical-align: -2px;
}

.gen_button .glyphicon {
    vertical-align: -3px;
}

/*.btn-orange {
    background-color: hsl(33, 94%, 46%) !important;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f79011", endColorstr="#e38007");
    background-image: -khtml-gradient(linear, left top, left bottom, from(#f79011), to(#e38007));
    background-image: -moz-linear-gradient(top, #f79011, #e38007);
    background-image: -ms-linear-gradient(top, #f79011, #e38007);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f79011), color-stop(100%, #e38007));
    background-image: -webkit-linear-gradient(top, #f79011, #e38007);
    background-image: -o-linear-gradient(top, #f79011, #e38007);
    background-image: linear-gradient(#f79011, #e38007);
    border-color: #e38007 #e38007 hsl(33, 94%, 44.5%);
    color: #fff !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.09);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
}

.btn-orange:active, .btn-orange.active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 4px 5px rgba(0, 0, 0, .225);
    box-shadow: inset 0 4px 5px rgba(0, 0, 0, .225);
}*/

.btn-orange {
    color: #FFFFFF;
    background-color: #F28000;
    border-color: #E37A29;
}

.btn-orange:hover,
.btn-orange:focus,
.btn-orange:active,
.btn-orange.active,
.open .dropdown-toggle.btn-orange {
    color: #FFFFFF;
    background-color: #EB7D00;
    border-color: #C26E2D;
}

.btn-orange:active,
.btn-orange.active,
.open .dropdown-toggle.btn-orange {
    background-image: none;
}

.btn-orange.disabled,
.btn-orange[disabled],
fieldset[disabled] .btn-orange,
.btn-orange.disabled:hover,
.btn-orange[disabled]:hover,
fieldset[disabled] .btn-orange:hover,
.btn-orange.disabled:focus,
.btn-orange[disabled]:focus,
fieldset[disabled] .btn-orange:focus,
.btn-orange.disabled:active,
.btn-orange[disabled]:active,
fieldset[disabled] .btn-orange:active,
.btn-orange.disabled.active,
.btn-orange[disabled].active,
fieldset[disabled] .btn-orange.active {
    background-color: #D97108;
    border-color: #C26E2D;
}

.btn-orange .badge {
    color: #F28000;
    background-color: #FFFFFF;
}

li > a.header-upgrade-link {
    color: #e77900 !important;
    font-weight: bold;
}

.main_site_nav .btn-orange.active {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .325);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .325);
}

.calendar_button {
    background-color: #FFF;
    border-color: #ccc;
    cursor: auto;
    border-left: 0;
    border-right: 0;
}

.calendar_button:hover,
.calendar_button:focus,
.calendar_button:active {
    background-color: #FFF;
    border-color: #ccc;
    -moz-box-shadow: inset 0 0 0px #000000;
    -webkit-box-shadow: inset 0 0 0px #000000;
    box-shadow: inset 0 0 0px #000000;

}

.calendar_button:active {
    background-image: none;
}

#validation {
    display: none;
    margin-top: 15px;
    padding: 10px;
    float: left;
}

#progressbar {
    height: 16px;
    display: none;
    margin-top: 2px;
}

.gen_area #progressbar {
    width: 196px;
}

.logged_in_right_header #progressbar {
    width: 213px;
}

#downloading_status {
    display: none;
    margin-top: 5px;
    height: 14px;
    line-height: 10px;
}

.logged_in_right_header #downloading_status {
    margin-left: -20px;
}

#fixed_downloading_status {
    position: fixed;
    bottom: 0%;
    right: 0%;
    display: none;
    background: #3c474f;
    padding: 10px;
    padding-bottom: 30px;
    border: 1px solid #c7c7c7;
    background-color: #fbfbfb;

}

#fixed_downloading_status img {
    margin-top: -10px;
}

.loading_text {
    display: inline-block;
    margin-left: 5px;
}

#fixed_downloading_status .loading_text {
    vertical-align: 3px;
}

.eatthismuch {

}

#cal_input {
    width: 95px;
    display: inline;
    font-size: 18px;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: -2px;
    margin-bottom: 2px;
}

.preset_diet_selector {
    padding-left: 10px;
    padding-right: 10px;
    margin-top: -2px;
    margin-bottom: 2px;
    vertical-align: 2px;
}

.update_macros {
    font-size: 12px;
    width: 157px;
    height: 29px;
}

.update_macros img {
    vertical-align: -3px;
}

.preset_diet_update_macros {
    display: none;
}

.niche_substitution_checks span {
    border-bottom: 1px dashed #d2d2d2;
}

#num_meals, #second_num_meals {
    font-size: 16px;
    vertical-align: 1px;
    padding: 2px;
}

.num_meals_selector {
    font-size: 16px;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: -2px;
    margin-bottom: 2px;
}

.how_to_container ul {
    list-style: none;
}

.form-error {
    padding: 5px;
    margin-bottom: 0px;
}

.form-checkbox {
    padding-top: 7px;
}

.padding-top4 {
    padding-top: 4px;
}

.padding-top7 {
    padding-top: 7px;
}

.padding-top10 {
    padding-top: 10px;
}

.inline {
    display: inline;
}

.inline-block {
    display: inline-block;
}

.inline_label {
    font-weight: normal;
}

.inline_auto {
    display: inline;
    width: auto;
}

.diet_load_spinner, .options_load_spinner {
    display: none;
    margin-top: 50px;
    margin-left: 350px;
    margin-bottom: 200px;
}

#spinner, .spinner {
    display: none;
}

#preset_diet_selector {
    font-size: 16px;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: -2px;
    margin-bottom: 2px;
}

.app_store_badge {
    width: 160px;
    margin-top: 10px;
}

/* Planner layout stuff  */

#workspace_area {

}

.options_bar_label {
    display: block;
    font-size: 12px;
    line-height: 1.42857143;
    color: #999;
    padding-top: 3px;
    padding-bottom: 3px;
}

#meal_list {
    /*display: inline-block;
    vertical-align: top;
    margin-left: 40px;
    margin-bottom: 100px;
    margin-top: 60px;
    padding-right: 100px;*/
    /*border-right: 1px solid #dfe2e4;*/
    margin-top: 60px;
    padding-right: 35px;
    margin-bottom: 40px;
}

.flash_alert {
    position: fixed;
    bottom: 0%;
    right: 22%;
}

#workspace_stats {
    padding-left: 55px;
}

.floating_orange {
    position: relative;
    margin-left: 0px;
    margin-top: 0px;
}

@media (min-width: 768px) {
    .floating_orange {
        position: absolute;
        margin-left: 230px;
        margin-top: -80px;
    }
}

.floating_orange_payment {
    padding-top: 30px;
    padding-left: 50px;
}

.select_subscription_plan {
    margin-left: 20px;
    padding-left: 20px;
}

/*    Interactive planner items   */

.food_icons {
    /*display: inline-block;
    width: 55px;
    height: 65px;
    vertical-align: top;*/
    padding-left: 12px;
}

/*.ingredients_list .food_icons {
    height: 45px;
}*/

.empty_meal_box {
    border: 1px solid #D2D4D6;
    padding: 10px;
    border-radius: 5px;
}

.empty_category {
    margin-left: 25px;
}

.list_placeholder {
    height: 40px;
    outline: 1px solid #dcdfe1;
    margin-left: 20px;
    /*margin-bottom: 8px;
    margin-top: 8px;*/
    margin-right: -30px;
    background-color: #dbdbdb;
    background: transparent url(/static_files/images/p4.png) left;

}

.food_box {
    outline: 1px solid #D2D4D6;

    /*display: inline-block;
    width: 380px;

    padding: 5px;*/
    padding-top: 10px;
    padding-bottom: 6px;

    background-color: #ffffff;
    /*dcdfe1*/
    -webkit-box-shadow: 0px 4px 2px -2px rgba(180, 180, 180, 20);
    -moz-box-shadow: 0px 4px 2px -2px rgba(180, 180, 180, 20);
    box-shadow: 0px 4px 2px -2px rgba(180, 180, 180, 20);
}

@-moz-document url-prefix() {
    .food_box {
        box-shadow: 0px 0px 0px 0px rgba(180, 180, 180, 20);;
    }
}

.activity_tooltip {
    width: 30px;
    height: 30px;
}

.food_image {
    /*

    display: inline-block;
    padding-left: 6px;
    padding-top: 1px;
    padding-right: 8px;

    */

    margin-top: -10px;
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: -6px;
    min-height: 55px;
    overflow: hidden;
}

.food_image img {
    /*width: 100%;*/
    max-width: 100%;
    /*height: 25px;*/
    opacity: 1;
    max-height: 110px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -1px;
}

.tiny_food_image {
    /*

    display: inline-block;
    padding-left: 6px;
    padding-top: 1px;
    padding-right: 8px;

    */

    margin: 0px;
    padding: 0px;
    min-height: 30px;
    overflow: hidden;
}

.tiny_food_image img {
    /*width: 100%;*/
    max-width: 100%;
    /*height: 25px;*/
    opacity: 1;
    max-height: 50px;
    margin-left: auto;
    margin-right: auto;
}

#id-of-uploader .btn {
    cursor: pointer;
    display: inline-block;
    position: relative;
    overflow: hidden;
}

#id-of-uploader .btn input {
    top: -10px;
    right: -40px;
    z-index: 2;
    position: absolute;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    font-size: 50px;
}

.food_link {
    font-weight: 200;
    font-style: normal;
    font-size: 12px;
    margin-top: -15px;
    padding-left: 0px;
    /*z-index:100;
    display: block;*/
    position: relative;
}

.food_link_icon {
    float: left;
    z-index: 210;
    padding-left: 2px;

}

.food_link_icon span {
    z-index: 200;
}

.food_link_text {
    position: relative;
    z-index: 100;
    margin-top: -16px;
    opacity: 0.75;
}

.food_link_text span {

}

.food_link_text_hide {
    z-index: 105;
    display: none;
    background-color: rgba(255, 255, 255, 1);
    padding-left: 17px;
}

.food_link .glyphicon {

}

.food_link:hover .food_link_text {
    opacity: 1;
}

.food_link:hover .food_link_icon {
    opacity: 1;
}

.top_row_icons {

}

.bottom_row_icons {
    padding-top: 10px;
}

.block_item {

}

.read_only_block_item {
    padding-left: 14px;
    margin-bottom: 15px;
}

.read_only_block_item .block_food {
    background-repeat: no-repeat;
}

.enter_ingredients_text {
    margin-bottom: 20px;
}

.enter_ingredients_text_div {
    display: none;
}

.enter_ingredients_textbox {
    margin-left: 35px;
    margin-bottom: 20px;
    font-size: 17px;
}

.block_food {
    display: none;
    background: url('/static_files/images/blockfood.png');
    background-size: 100%;
    /*float: left;*/
    cursor: pointer;
    /*padding-left: 2px;
    padding-bottom: 2px;*/
    opacity: 0.4;
    width: 16px;
    height: 16px;
    /*margin-top: 12px;
    margin-left: 3px;*/
}

.block_food_image {
    background: url('/static_files/images/blockfood.png');
    background-size: 100%;
    display: inline-block;
    opacity: 0.8;
    width: 16px;
    height: 16px;

}

.ingredients_list .block_food {
    display: block;
    opacity: 0.2;
    float: right;
}

.ingredients_list .block_food:hover {
    opacity: 0.4;
}

.ingredients_list .block_food.active:hover, .block_food.active {
    opacity: 1;
}

.print-body {
    display: none;
}

#scheme_validation {
    margin-top: 10px;
    display: none;
    margin-left: 1%;
    width: 98%;
}

#update_macros_validation {
    margin-top: 10px;
    display: none;
    margin-bottom: 0px;
    margin-left: 25px;
}

.remove_item {

    padding-bottom: 0px;

    /*float: left;
    vertical-align: top;*/
    /*padding-left: 120px;*/
    /*margin-left: 0px;
    margin-top: 3px;*/
}

.repeat_item {

    padding-bottom: 0px;

    /*float: right;*/
    /*vertical-align: top;*/
    /*padding-left: 120px;*/
    /*margin-left: 0px;
    margin-top: 9px;*/
}

.repeat_item.is_recurring {

}

.repeat_item.is_recurring .food_repeat {
    opacity: 1;
    display: block;
}

.refresh_item {
    /*padding-bottom: 0px;
    padding-top: 4px;*/

    /*float: right;*/
    /*vertical-align: top;*/
    /*padding-left: 120px;*/
    /*margin-left: 8px;*/
}

.food_refresh {
    /*width: 22px;
    margin-left: 2px;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 1px;*/
    display: none;
    opacity: 0.5;
    cursor: pointer;
    margin-left: -1px;
}

.food_refresh .glyphicon {
    min-width: 16px;
}

.food_refresh:hover {
    opacity: 1;
}

.food_delete {
    /*padding: 2px;
    padding-bottom: 4px;
    margin: 0px;*/
    /*width: 19px;
    height: 18px;*/
    /*line-height: 10px;
    font-size: 14px;*/
    /*width: 22px;
    margin-left: 2px;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 1px;*/
    display: none;
    opacity: 0.5;
    cursor: pointer;

}

. :hover {
    opacity: 1;
}

.food_repeat {
    /*width: 22px;
    padding-left: 3px;
    padding-right: 2px;
    padding-top: 1px;*/
    opacity: 0.5;
    cursor: pointer;
    display: none;

}

.food_repeat:hover {
    opacity: 1;
}

.food_name .print_name {
    /*margin-left: 120px;*/
    /*overflow: hidden;*/
    /*display: table-cell;*/
    /*text-overflow: ellipsis;*/
    /*white-space: nowrap;*/
    /*width: 140px;*/
    /*max-width: 115px;*/
    font-weight: bold;
    /*vertical-align: middle;
    display: inline-block;
    vertical-align: top;*/
}

.save_spinner {
    display: none;
}

.food_name .leftovers_description {
    font-size: 11px;
    color: #9c9c9c;
    margin-top: 3px;
}

.food_name .leftovers_description img {
    margin-top: -3px;
    height: 14px;
    width: 14px;
}

.food_description {
    text-overflow: ellipsis;
    font-size: 11px;
    color: #777979;
    line-height: 11px;
    padding-bottom: 5px;
    font-weight: normal;
    padding-top: 4px;
}

.food_preparation {
    text-overflow: ellipsis;
    font-size: 11px;
    color: #3e4040;
    line-height: 11px;
    padding-bottom: 5px;
    font-weight: normal;
    padding-top: 4px;
}

.favorite_icon {
    /*display: inline-block;
    margin-left: 5px;*/
    margin-top: 1px;
    margin-left: -5px;
    padding-left: 0px;
}

.big_favorite_food {
    background: url('/static_files/images/addFavorite.png');
    background-repeat: no-repeat;
    background-size: 100%;
    display: inline-block;
    width: 30px;
    vertical-align: middle;
    height: 30px;
    margin-top: 15px;
    margin-left: 10px;
    cursor: pointer;
}

.big_favorite_food.active {
    background: url('/static_files/images/addFavoriteActive.png');
    background-repeat: no-repeat;
    background-size: 100%;
}

.favorite_food {
    background: url('/static_files/images/addFavorite.png');
    background-repeat: no-repeat;
    background-size: 100%;
    width: 20px;
    display: inline-block;
    vertical-align: top;
    height: 18px;
    margin-top: 2px;
    margin-right: 5px;
    cursor: pointer;
}

.favorite_food.active {
    background: url('/static_files/images/addFavoriteActive.png');
    background-repeat: no-repeat;
    background-size: 100%;
}

.static_div {
    overflow: hidden;
    /*display: inline;*/
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 140px;
    position: absolute;
    margin-top: 1px;
    /*margin-top: -12px;*/
}

.static_div_show {
    overflow: hidden;
    /*display: inline;*/
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 140px;
    position: absolute;
    margin-top: 1px;
    /*margin-top: -12px;*/
}

.food_units {
    padding-left: 0px;
    min-height: 25px;
}

.gram_printout {
    margin-top: 22px;
    font-size: 11px;
    color: #9c9c9c;
}

.mod_units {
    display: none;
    position: absolute;
}

.mod_prep_container {
    padding-left: 0px;
    min-height: 25px;
}

.mod_prep {
    display: none;
    position: absolute;
    width: 80%;
    min-height: 25px;
}

.mod_prep_static {
    overflow: hidden;
    position: absolute;
    /*display: inline;*/
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 3px;
    width: 80%;
    font-size: 12px;
    min-height: 25px;
}

.prep_notes {
    font-size: 11px;
    color: #777979;
    line-height: 11px;
    font-weight: normal;
    margin-right: 10px;
}

.mod_input_div {
    padding-right: 0px;
}

.preparation_text {
    height: auto;
    padding: 0px;
    margin-bottom: 0px;
    font-size: 12px;
    padding-left: 4px;
    vertical-align: 6px;
    margin-top: 0px;
}

.list_selector_div {
    padding-left: 2px;
}

input.mod_input {
    height: auto;
    padding: 0px;
    margin-bottom: 0px;
    font-size: 14px;
    margin-top: 2px;
    padding-left: 4px;
    vertical-align: 6px;
}

.list_selector {
    /*width: 100px;*/
    /*margin-left: 3px;*/
    height: 20px;
    line-height: 20px;
    margin-bottom: 0px;
    padding: 0px;
    vertical-align: 8px;
    font-size: 12px;
    /*display: inline-block;*/
    vertical-align: 2px;
    margin-top: 3px;
}

/* Meal layout stuff */

.meal_box {
    margin-bottom: 30px;
}

.meal_header {
    font-size: 14px;
}

.meal_bar {
    margin-bottom: 7px;
    padding-bottom: 7px;
}

.meal_title {
    color: #333;
    font-size: 22px;
    font-weight: 500;
    /*margin-left: 58px;*/
    margin-left: -15px;
    letter-spacing: 0.5px;
    display: inline-block;
}

.meal_title_icons {
    font-size: 18px;
    padding-right: 6px;
    color: #b9b9b9;
    padding-left: 3px;
}

.meal_title:hover .meal_title_icons {
    color: #2a6496;
}

.meal_stats {
    float: right;
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
}

.i_ate_this .meal_stats {
    margin-right: -15px;
    margin-top: -2px;
    margin-bottom: 3px;
}

.eaten_lock_icon {
    float: left;
    margin-left: -12px;
    margin-top: 18px;
    display: none;
}

.i_ate_this_text {
    margin-right: -15px;
    float: right;

    clear: right;
}

.meal_tooltip {
    padding: 2px;
}

.mealstats {
    font: 12px Helvetica;
    width: 110px;
    text-align: left;
    display: inline-block;
    padding-left: 5px;
}

.mealgraph {
    margin-top: 5px;
    width: 60px;
    height: 60px;
    vertical-align: top;
    margin-bottom: 10px;
    margin-left: 20px;
}

.meal_icons {
    vertical-align: 2px;
    display: inline-block;
}

.meal_options_dropdown {
    display: inline-block;
    vertical-align: -2px;
}

.meal_options_dropdown .dropdown-menu {
    margin-left: -40px;
}

.meal_options_dropdown_button {
}

.meal_refresh_btn {
    display: inline-block;
}

.meal_actions_dropdown {
    display: inline-block;
}

/* Planner header area */

.meal_plan_title {
    font-size: 16px;
    outline: 1px dotted #dcdfe1;
    padding: 2px;
    margin-top: 2px;
    margin-bottom: 3px;
}

.add_a_dish {
    /*margin-top: 17px;
    margin-left: 15px;*/
}

.search_foods_button {
    /*margin-left: 15px;*/
    margin-bottom: 10px;
}

@media (min-width: 768px) {
    .search_foods_button {
        padding-left: 30px;
    }

    .select_meal_order {
        margin-left: 10px;
    }
}

.open_food_bank .glyphicon-search {
    font-size: 32px;
}

.open_food_bank .glyphicon-plus {
    vertical-align: top;
}

.open_food_bank {
    width: 106px;
    padding-left: 5px;
    padding-right: 5px;
}

.nutrition_targets_details {
    min-width: 160px;
}

.nutrition_targets_dropdown_button {
    width: 135px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.logged_in_right_header, .logged_out_right_header {
    /*display: inline-block;
    vertical-align: top;*/
    /*outline: 1px solid #D2D4D6;*/
}

.back_to_generator_btn {
    margin-top: 25px;
}

.select_meal_order {
    display: inline-block;
}

.logged_in_right_header .num_meals_selector {
    margin-top: 15px;
    margin-left: 22px;
}

.create_account_button_div {
    margin-top: 10px;
    margin-right: -15px;
    margin-left: -15px;
    margin-bottom: -15px;
    border-radius: 0px;

    padding-top: 25px;
    padding-bottom: 10px;
    padding-left: 15px;
}

.create_account_button_div .btn {
    margin-top: 20px;
    margin-bottom: 10px;
    display: block;
    font-size: 20px;
    font-weight: 200;
}

.free_overview {
    margin-top: 10px;
}

.walkthrough-prompt .alert {
    text-align: center;
}

@media (min-width: 600px) {
    .free_overview {
        margin-top: 0px;
    }
}

@media (min-width: 992px) {

    .create_account_button_div {
        margin-top: -13px;
        margin-right: -15px;
        margin-bottom: -15px;
        margin-left: 0px;
        border-radius: 0px;
        border-top-right-radius: 4px;
        padding-top: 45px;
        padding-bottom: 20px;
        padding-left: 30px;
    }

    .create_account_button_div .btn {
        margin-top: 0;
        margin-bottom: 10px;
        display: block;
        font-size: 20px;
        font-weight: 200;
    }

}

.logged_out_right_header {
    /*width: 320px;*/
}

.regenerate_button {
    /*display: inline-block;
    vertical-align: top;
    margin-left: 40px;*/
    margin-top: 40px;
}

.regenerate_button .gen_button {
    padding: 16px 20px;
}

.diet_draggable {
    /*padding-top: 1px;
    padding-bottom: 1px;
    padding-right: 1px;
    margin-bottom: -1px;*/
    cursor: move;
    /*padding: 1em;*/
    -webkit-touch-callout: none !important;
}

/*    Right panel stats and stuff  */

#save_menu_dropdown {
    margin-top: 5px;
    margin-bottom: 5px;
    width: 100%;
}

.right_panel {
    /*padding-left: 70px;*/
    margin-top: 70px;
    /*width: 255px;
    margin-right: 35px;
    vertical-align: top;*/
    /*outline: 1px solid #dcdfe1;*/
}

#cumulativegraph {
    padding: 0px;
    margin-left: 0px;
    width: 140px;
    height: 140px;
    margin-top: 10px;
    margin-bottom: 10px;
    position: relative;
}

.stats_alert {
    margin: 10px;
    font-size: 11px;
}

.graph_title {
    margin-top: 20px;
    /*text-align: center;*/
}

#day_stats {
    padding-left: 10px;
}

#micro_expandable {
    font-size: 14px;
    width: 150px;
    padding-left: 10px;
}

.site_tour {
    margin-top: 15px;
    font-size: 12px;
    padding-left: 10px;
}

.clickable {
    cursor: pointer;
}

#micro_day_stats {
    display: none;
    float: left;
    margin-left: 3px;
    margin-top: 5px;
    font-size: 10px;
    width: 200px;
    overflow-y: auto;
    height: 373px;
    margin-bottom: 15px;
    padding-right: 5px;
}

.micro_details_header {
    padding-bottom: 10px;
    padding-top: 10px;
    font-weight: bold;
    font-size: 12px;
}

.perc_daily_val {
    float: right;
}

.net_carbs_div {
    margin-left: 15px;
    margin-top: 0px;
    font-size: 11px;

}

.net_carbs_tooltip {
    color: #0088cc;
}

.total_price_div {
    margin-top: 8px;
    display: inline-block;
}

/* Tooltip classes */

.tooltip_box {
    width: 180px;
    line-height: 18px;
    font-size: 12px;
}

.tooltip_weight {
    text-align: left;
}

.tt_macro_name {
    float: left;
}

.tt_macro_amt {
    text-align: right;
    padding-right: 75px;
}

.sb_tooltip_title {
    font-size: 14px;
    padding-bottom: 1px;
    font-weight: bold;
    text-align: left;
}

.sb_tooltip_desc {
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    text-align: left;
    margin-bottom: 2px;
}

.tooltip_units {
    text-align: left;
}

.tooltip_stats {
    text-align: left;
}

.ingredients_bar {
    color: #FFF;
    margin-top: 5px;
    margin-bottom: 5px;
    border-width: 0;

    border-top-width: 1px;
}

.grocery_origin hr {
    border-top: 1px solid #737373;
    margin-top: 2px;
    margin-bottom: 2px;
    border-width: 0;

    border-top-width: 1px;
}

.ttp_ingredients {
    text-align: left;
}

.ttp_ingredient_missing {
    color: #ffa7a2;
}

.tooltip_fats {
    color: #73ff90;
}

.tooltip_carbs {
    color: #ffa7a2;
}

.tooltip_proteins {
    color: #d5cfff;
}

.tooltip_price {
    margin-top: 5px;
}

.grocery_origin {
    text-align: left;
}

.price-alert {
    display: inline-block;
    margin-left: 3px;
    font-size: 14px;
    width: 5px;
    padding-left: 4px;
}

.price-alert-ttp {
    text-align: left;
}

.add_custom_div {
    text-align: center;
}

.recipe_list, .list_custom_foods, .list_custom_recipes, .list_basic_foods, .list_search_results,
.list_favorites, #basicfoods {
    list-style: none;
    overflow-y: auto;
    margin-bottom: 0px;
    margin-left: 0px;

}

#optional_custom_fields, #optional_sugar_fields, #optional_fat_fields {
    display: none;
}

#optional_custom_fields .control-label, .or_label {
    margin-left: 5px;
}

.percent_rda_input {
    margin-top: 5px;
}

.or_label {
    font-style: italic;
}

@media (min-width: 768px) {
    #optional_custom_fields .control-label, .or_label {
        margin-left: 0;
    }

    .percent_rda_input {
        margin-top: 0;
    }
}

.units_inline, .or_label {
    padding-top: 7px;
}

.make_some_foods, .note {
    padding-left: 5px;
    padding-right: 5px;
}

/* Subnav */
.subnav {
    width: 100%;
    min-height: 60px;
    background-color: #eeeeee; /* Old browsers */
    background-repeat: repeat-x; /* Repeat the gradient */
    background-image: -moz-linear-gradient(top, #f5f5f5 0%, #eeeeee 100%); /* FF3.6+ */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5), color-stop(100%, #eeeeee)); /* Chrome,Safari4+ */
    background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #eeeeee 100%); /* Chrome 10+,Safari 5.1+ */
    background-image: -ms-linear-gradient(top, #f5f5f5 0%, #eeeeee 100%); /* IE10+ */
    background-image: -o-linear-gradient(top, #f5f5f5 0%, #eeeeee 100%); /* Opera 11.10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#eeeeee', GradientType=0); /* IE6-9 */
    background-image: linear-gradient(top, #f5f5f5 0%, #eeeeee 100%); /* W3C */
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.subnav .nav {
    margin-bottom: 0;
}

.subnav .nav > li > a {
    margin: 0;
    padding-top: 20px;
    padding-bottom: 16px;
    border-left: 1px solid #f5f5f5;
    border-right: 1px solid #e5e5e5;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.subnav .nav > .active > a,
.subnav .nav > .active > a:hover {
    padding-left: 13px;
    color: #777;
    background-color: #e9e9e9;
    border-right-color: #ddd;
    border-left: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .05);
    -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .05);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .05);
}

.subnav .nav > .active > a .caret,
.subnav .nav > .active > a:hover .caret {
    border-top-color: #777;
}

.subnav .nav > li:first-child > a,
.subnav .nav > li:first-child > a:hover {
    border-left: 0;
    padding-left: 12px;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
}

.subnav .nav > li:last-child > a {
    border-right: 0;
}

.subnav .dropdown-menu {
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}

/* Fixed subnav on scroll, but only for 980px and up (sorry IE!) */
.offset-subnav {
    padding-left: 210px;
}

@media (min-width: 740px) {
    .subnav-fixed {
        position: fixed;
        top: 0px;
        left: 0;
        right: 0;
        border-color: #d5d5d5;
        border-width: 0 0 1px; /* drop the border on the fixed edges */
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        -webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0, 0, 0, .1);
        -moz-box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0, 0, 0, .1);
        box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0, 0, 0, .1);
        filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); /* IE6-9 */
    }

    .subnav-fixed .nav {
        width: 738px;
        margin: 0 auto;
        padding: 0 1px 0 21px;
    }

    .subnav .nav > li:first-child > a,
    .subnav .nav > li:first-child > a:hover {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }
}

@media (min-width: 980px) {
    .subnav-fixed-sidebar {
        position: fixed;
        top: 0px;
        left: 0;
        right: 0;
        border-color: #d5d5d5;
        border-width: 0 0 1px; /* drop the border on the fixed edges */
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        -webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0, 0, 0, .1);
        -moz-box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0, 0, 0, .1);
        box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0, 0, 0, .1);
        filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); /* IE6-9 */
    }

    .subnav-fixed-sidebar .nav {
        width: 980px;
        margin: 0 auto;
        padding: 0 1px 0 24px;
    }

    .subnav-fixed-sidebar .back_button_li {
        margin-left: 230px;
    }

    .subnav .nav > li:first-child > a,
    .subnav .nav > li:first-child > a:hover {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }
}

.back_button_li {
    margin-left: 5px;
    margin-right: 2px;
    margin-top: 8px;
}

.subnav-fixed-sidebar.back_button_li, .subnav-fixed.back_button_li {
    margin-left: 15px;
}

.subnav_button {
    float: right;
    margin-top: 5px;
}

/*End subnav stuff*/

.nav {
    margin-bottom: 5px;
}

/*    */

.footer {
    padding-top: 40px;
    padding-bottom: 40px;
    text-align: center;
}

/* calendar stuff */

.logged_in_plan_header {
    padding-top: 20px;
}

.calendar_navigation_box {
    margin-top: 20px;
    margin-bottom: 15px;
}

.calendar_navigation_box .btn-group > .btn-group:first-child > .btn:last-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.calendar_navigation_box .btn-group > .btn-group:last-child > .btn:first-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.premium-walkthrough-prompt {
    margin-top: 10px;
    margin-bottom: -10px;
}

.new_diet_buttons {
    border-top: 1px solid #dcdfe1;
    text-align: center;
    padding-top: 40px;
    padding-bottom: 60px;
}

.new_diet_buttons button {
    margin-top: 15px;
}

.locked_diet_box {
    text-align: center;
    padding-top: 40px;
    padding-bottom: 20px;
}

.meal_combo_error {
    display: none
}

.load_template_plan {
    margin-bottom: 5px;
}

.main_site_nav {
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 5px;
}

.main_site_nav .btn {
    /*width: 24%;
    display: inline-block;
    min-width: 150px;*/
    font-size: 13px;
    font-weight: 400;
    padding: 3px 5px;
    /*background-color: #FF8F00;*/
    /*background-color: #565656;*/
    /*color: transparent;
    text-shadow: 0px 1px 1px rgba(255,255,255,0.5);
    -webkit-background-clip: text;
       -moz-background-clip: text;
            background-clip: text;*/
}

.main_site_nav .btn .glyphicon {
    font-size: 18px;
    display: block;
}

#header_container {
    position: relative;
}

.main_site_nav .button_spacer {
    width: 3px;
    display: inline-block;
}

.nav_button {
    padding: 1px;
}

@media (min-width: 768px) {
    .main_site_nav {
        margin-left: -5px;
        margin-right: -5px;
        margin-bottom: 10px;
    }

    .main_site_nav .btn {
        font-size: 18px;
        font-weight: 400;
        padding: 6px 12px;
    }

    .main_site_nav .btn .glyphicon {
        display: inline;

    }

    .nav_button {

        padding: 10px;
        padding-right: 5px;
        padding-left: 5px;
    }
}

.nav_button_left {
    margin-left: 0;
}

.nav_button .btn:focus, .settings_button:focus {
    outline: 0 !important;
}

/*.nav_menu_dropdown .settings_button{
	width: 200px;
}*/
.settings_button {
    width: 100%;
}

.profile_info_box {
    font-size: 13px;
    color: #fff;
    line-height: 24px;
    font-weight: 500;
}

.profile_info_title {
    font-family: Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 22px;
    line-height: 30px;
    letter-spacing: 0px;
    font-weight: 600;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.50);
    -webkit-font-smoothing: antialiased;
}

.manager_profile_info_title{
    font-family: Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 22px;
    line-height: 30px;
    letter-spacing: 0px;
    font-weight: 600;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.50);
    -webkit-font-smoothing: antialiased;
}

@media (min-width: 768px) {
    .profile_info_box {
        font-size: 15px;
        line-height: 32px;
    }

    .profile_info_title {
        font-size: 30px;
        line-height: 40px;
        letter-spacing: 1px;
    }
}

.profile_buttons {
    float: right;
    width: 155px;
    margin-bottom: 20px;
}

.profile_buttons .btn {
    width: 150px;
    margin-bottom: 3px;
}

.calendar_nav_buttons {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1px;
    padding-right: 1px;
}

.previous_date_button {
    float: left;
}

.next_date_button {
    float: right;
}

.next_date_button, .previous_date_button {
    color: #bbbbbb;
}

.calendar_button {
    float: right;
}

.date_label {
    text-align: center;
}

.calendar_load_status {
    display: none;
    position: absolute;
    margin-left: -25px;
}

.calendar_controls {
    margin-bottom: 20px;
}

.weekday_plan_title, .selected_plan_title {
    font-size: 32px;
    font-weight: 600;
    /*width: 400px;*/
    float: left;
    font-family: Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.regenerate_weeks_meals_btn, .share_diet_set_btn, .import_diet_set_btn {
    float: none;
    margin-top: 20px;
    padding: 8px 14px;
    font-size: 16px;
    line-height: 1.33;
    border-radius: 5px;
}

@media (min-width: 768px) {
    .regenerate_weeks_meals_btn, .share_diet_set_btn, .import_diet_set_btn {
        float: right;
        margin-top: 0px;
    }

}

/* Carousel stuff */

.calendar_navigation_box {
    overflow: auto;
}

.calendar_carousel {
    margin-left: -291px;
    margin-top: 0px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

@media (min-width: 708px) {
    .calendar_carousel {
        margin-left: -153px;
    }
}

@media (min-width: 768px) {
    .calendar_carousel {
        margin-left: -120px;
    }

    .calendar_navigation_box {
        overflow: hidden;
    }
}

@media (min-width: 992px) {
    .calendar_carousel {
        margin-left: -15px;
    }

    .calendar_navigation_box {
        overflow: auto;
    }
}

@media (min-width: 1200px) {
    .calendar_carousel {
    }
}

/*
This is the visible area of you carousel.
Set a width here to define how much items are visible.
The width can be either fixed in px or flexible in %.
Position must be relative!
*/

.date_carousel {
    overflow: hidden;
    padding-left: 1px;
    width: 100%;
    padding-bottom: 25px;
}

/*
This is the container of the carousel items.
You must ensure that the position is relative or absolute and
that the width is big enough to contain all items.
*/
.date_carousel .calendar_list_elements {
    width: 200000em;
    position: relative;
    /* Optional, required in this case since it's a <ul> element */
    list-style: none;
    margin: 0;
    padding: 0;
}

/*
These are the item elements. jCarousel works best, if the items
have a fixed width and height (but it's not required).
*/
.generating_diet_preview_progress {
    padding-top: 10px;
}

.date_carousel .blank_calendar_item {
    float: left;
    width: 138px;
    height: 100px;
    background-color: #eeeeee;
    position: relative;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

.date_carousel .calendar_item {
    /* Required only for block elements like <li>'s */
    float: left;
    width: 138px;
    height: 100px;
    background-color: #ffffff;
    cursor: pointer;
    position: relative;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

.date_carousel .calendar_item:nth-of-type(1), .date_carousel .blank_calendar_item:nth-of-type(1) {
    border-radius: 0 0 0 4px;
    border-left: 1px solid #ccc;
}

.date_carousel .calendar_item:nth-of-type(7), .date_carousel .blank_calendar_item:nth-of-type(7) {
    border-radius: 0 0 4px 0;
}

@media (min-width: 768px) {
    .date_carousel .calendar_item {

    }
}

@media (min-width: 992px) {
    .date_carousel .calendar_item {

    }
}

.calendar_item:hover {
    border: 1px solid #adadad;
    border-right: 2px solid #adadad;
    padding-right: 0px;
    height: 101px;

    -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.31), inset 0px -1px 3px 0px rgba(0, 0, 0, 0.05), inset 0px 1px 1px 0px rgba(255, 255, 255, 0.50);
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.31), inset 0px -1px 3px 0px rgba(0, 0, 0, 0.05), inset 0px 1px 1px 0px rgba(255, 255, 255, 0.50);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.31), inset 0px -1px 3px 0px rgba(0, 0, 0, 0.05), inset 0px 1px 1px 0px rgba(255, 255, 255, 0.50);

}

.date_carousel .calendar_item:nth-of-type(1):hover {
    padding-left: 1px;
}

.calendar_item.active_date {
    border: 2px solid #387ac1;
    width: 140px;
    outline: none;
    height: 102px;
}

.calendar_item.active_date:hover {
    height: 102px;
    padding-right: 0px;
}

.calendar_preview_header {
    padding-top: 6px;
    padding-bottom: 5px;
    font-size: 14px;
    border-bottom: 1px solid #dcdfe1;
    /*font-weight: bold;*/

    background-color: #EFF6FE;
    color: #575757;
}

.update_weight, .update_shopping_date {
    color: #666;
}

/*.calendar_item.active_date .calendar_preview_header{*/
/*font-weight: bold;*/
/*}*/

.today_preview_header {
    background-color: #CFE7FC;
}

.calendar_today_button {
    /*background-color: #dfe6fe !important;*/
    /*margin-left: 451px;*/
    margin-top: -50px;
}

.calendar_preview_number {
    display: inline-block;
    font-size: 12px;
    text-align: center;
    float: right;
    padding-right: 10px;
}

.calendar_preview_title {
    display: inline-block;
    padding-top: 5px;
    text-align: left;
    padding-left: 10px;
}

.active_date .calendar_preview_header {
    padding-top: 4px;
}

.active_date .calendar_preview_number {
    padding-right: 8px;
}

.active_date .calendar_preview_title {
    padding-left: 8px;
}

.calendar_item:hover .calendar_preview_header {
    padding-top: 5px;
}

.calendar_item:hover .calendar_preview_number {
    padding-right: 9px;
}

.calendar_item:hover .calendar_preview_title {
    padding-left: 9px;
}

.active_date:hover .calendar_preview_header {
    padding-top: 4px;
}

.active_date:hover .calendar_preview_number {
    padding-right: 8px;
}

.active_date:hover .calendar_preview_title {
    padding-left: 8px;
}

.calendar_diet_preview {
    padding: 5px;
}

.special_day_label {
    position: absolute;
    bottom: 0;
    margin-bottom: -22px;
    text-align: center;
    font-size: 12px;
    width: 100%;
}

.calendar_diet_preview {
    font-size: 11px;
    text-align: center;
}

.adherence_preview {
    color: darkgray;
}

.user_profile_errors {
    display: inline-block;
    width: 230px;
    padding: 6px 12px;
    margin: 5px 5px;
}

.wide_user_profile_error {
    width: 90%;
}

.navbar .btn.register-button {
    margin: 7px 5px 10px;
}

/*  Regenerate week modal  */

.finished_regenerating {
    display: none;
}

.i_ate_this {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-top: 0px;
    cursor: pointer;
    font-size: 13px;
}

.i_ate_this_off {
    color: #c2c2c2;
}

.i_ate_this_on {
    color: #05b14a;
}

/*  Login page   */

@media (min-width: 768px) {
    .omb_row-sm-offset-4 div:first-child[class*="col-"] {
        margin-left: 33%;
    }
}

.omb_login.login_padding_bottom {
    padding-bottom: 100px;
}

.omb_login .omb_authTitle {
    text-align: center;
    line-height: 300%;
}

.omb_login .omb_socialButtons {
    padding-top: 20px;
}

.omb_login .omb_socialButtons a {
    color: white;
    opacity: 0.9;
    text-align: center;
}

.omb_login .omb_socialButtons a:hover {
    color: white;
    opacity: 1;
}

.omb_login .omb_socialButtons .omb_btn-facebook {
    background: #3b5998;
}

.omb_login .omb_socialButtons .omb_btn-twitter {
    background: #00aced;
}

.omb_login .omb_socialButtons .omb_btn-google {
    background: #c32f10;
}

.omb_login .omb_loginOr {
    position: relative;
    font-size: 1.5em;
    color: #aaa;
    margin-top: 1em;
    margin-bottom: 1em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.omb_login .omb_loginOr .omb_hrOr {
    background-color: #cdcdcd;
    height: 1px;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.omb_login .omb_loginOr .omb_spanOr {
    display: block;
    position: absolute;
    left: 50%;
    top: -0.6em;
    margin-left: -1.5em;
    background-color: white;
    width: 3em;
    text-align: center;
}

.omb_login .omb_loginForm .input-group.i {
    width: 2em;
}

.omb_login .omb_loginForm .help-block {
    color: red;
}

.omb_login .omb_forgotPwd, .omb_signup {
    margin-top: 20px;
}

@media (min-width: 768px) {
    .omb_login .omb_forgotPwd {

        margin-top: 40px;
        padding-bottom: 20px;
    }

    .omb_signup {
        margin-top: 0px;
        padding-bottom: 20px;
    }
}

.facebook_login_button {
    text-align: center;
}

.submit_signup_button {

}

.agree_to_tos {
    font-weight: normal;
}

/*  end login page  */

.signup_form_description {
    font-size: 16px;

}

.normal_weight {
    font-weight: bold;
}

.food_pref_nutrition_profiles {
    width: 40%
}

.remove_horizontal_padding {
    padding-left: 0px;
    padding-right: 0px;
}

.loading_food {
    padding-top: 20px;
    padding-left: 10px
}

.serving_input_div {
    width: 300px;
    padding-bottom: 5px;
}

.serving_input {
    display: inline-block;
    width: 100px;
    padding-right: 0px;
}

.units_selector {
    display: inline-block;
    width: 196px;
    padding-left: 12px;
    padding-right: 0px;
}

.welcome {
    padding: 20px 20px;
}

.limit_price {
    padding-right: 5px;
    padding-top: 7px;
    display: inline-block;
}

.complexity_level {
    padding-left: 15px;
    padding-right: 5px;
}

.generator_focus {
    padding-left: 15px;
    padding-right: 5px;
}

.limit_price_explanation {
    font-size: 12px;
    margin-top: 10px;
}

.image_upload_tooltip {
    margin-left: 10px;
}

.personalize_tooltip {
    margin-left: 10px;
}

/* HOMEPAGE SALES TEXT STUFF */

.homepage_long_text {
    margin-top: 20px;
}

.long_text_header {
    font-size: 38px;
    margin-top: 20px;
    margin-bottom: 20px;
    font-weight: bold;
    text-shadow: 0px 2px 2px rgba(255, 255, 255, 1);
    font-family: Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.faq_title {
    /*font-size: 20px;
    padding: 10px;
    border: 1px solid #73b4e7;*/

    margin-top: 2px;
    margin-bottom: 2px;
    white-space: normal;
    text-align: left;
}

.feature_title {
    font-size: 20px;
    font-weight: bold;
    font-family: Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.homepage_long_text p, .homepage_long_text .faq_text {
    font-size: 16px;
    padding-top: 5px;
    padding-bottom: 10px;
    line-height: 26px;
}

.faq_text {
    display: none;
    padding-left: 5px;
    padding-right: 5px;
}

.orange_plane_image {
    margin-left: -20px;
    margin-top: 60px;
    margin-bottom: 30px;

}

.orange_plane_image img {
    max-width: 100%;
}

.featured_in_links {
    margin-bottom: 20px;
}

.get_started_div {
    margin-top: 30px;
    margin-bottom: 30px;
}

.food_character_caption {
    font-style: italic;
    color: #7f7f7f;
    margin-left: 0px;
    text-align: center;
}

.featured_in_title {
    color: #ababab;
    font-variant: small-caps;
}

.homepage_testimonials {
    margin-bottom: 20px;
}

.homepage_testimonials a {
    color: #333;
    border-bottom: 1px black dotted;
}

.homepage_testimonials a:hover {
    border-bottom: none;
    color: #2a6496;
}

.enter_some_calories {
    display: none;
    height: 240px;
    margin-top: -40px;
    margin-left: 40px;
    background-image: url('/static_files/images/enter_some_calories_small.png');
    background-repeat: no-repeat;
    z-index: 300;
    position: relative;
}

@media (min-width: 768px) {

    .enter_some_calories {
        background-image: url('/static_files/images/enter_some_calories.png');
    }

}

.call_to_regenerate {
    display: none;
    height: 340px;
    margin-top: -10px;
    margin-left: 40px;
    background-image: url('/static_files/images/call-to-regenerate-tall.png');
    background-repeat: no-repeat;
    background-size: 300px 264px;
    position: relative;
    background-position: right top;
}

@media (min-width: 768px) {

    .call_to_regenerate {
        /*background-image: url('/static_files/images/call-to-regenerate.png');*/
        background-size: 650px 260px;
        background-image: url('/static_files/images/call-to-regenerate.png');
    }

}

@media (min-width: 992px) {

    .call_to_regenerate {
        background-size: 900px 360px;
        background-image: url('/static_files/images/call-to-regenerate.png');
    }

}

.last_updated_eaten_foods .popover {
    color: #333;
}

.how_to_header {
    font-size: 24px;
    font-weight: 500;
    padding-bottom: 15px;
    padding-top: 20px;
}

.how_to_subheader {
    font-size: 18px;
    font-weight: 500;
    padding-bottom: 15px;
    padding-top: 15px;
}

.how_to_nav a {
    display: block;
}

/* Weight modal stuff */

.update_success, .update_progress, .weight_update_error, .weight_goal_weekly_rate_warning, .weight_goal_update_error, .weight_goal_date_update_error {
    display: none;
}

.weight_input_field {
    width: 100px;
    display: inline-block;
}

.weight_units {
    display: inline-block;
}

.recent_weight_update {
    color: #999;
    padding-left: 18px;
    padding-bottom: 10px;
}

.profile_next_grocery_date .btn, .profile_weight_update .btn {
    opacity: 0.9;
    vertical-align: 2px;
}

.profile_next_grocery_date span, .profile_weight_update span {
    font-weight: bold;
}

/*     */

.sample_screenshot_title {
    font-size: 14px;

    color: #8b8b8b;
    margin-bottom: 10px;
    font-style: italic;
}

.meal_options_dropdown {
    margin-right: 5px;
}

.meal_refresh_btn, .meal_actions_dropdown > .btn {
    padding: 6px 12px;
}

.only_use_recurring_tooltip, .family_scale_tooltip {
    margin-left: 10px;
    vertical-align: -1px;
}

.meal_complexity_tooltip {
    vertical-align: -6px;
    margin-left: 3px;
}

/* Social buttons */

.social:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.social {
    -webkit-transform: scale(0.8);
    /* Browser Variations: */
    -moz-transform: scale(0.8);
    -o-transform: scale(0.8);
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    vertical-align: -10px;
}

/* 
    Only Needed in Multi-Coloured Variation 
                                               */
.social-fb:hover {
    color: #3B5998;
}

.social-tw:hover {
    color: #4099FF;
}

.social-gp:hover {
    color: #d34836;
}

.social-em:hover {
    color: #f39c12;
}

.share_footer {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
    overflow: hidden;
}

.share_footer .twitter-follow-button {
    vertical-align: -5px;
}

.no_spam {
    margin-left: 18px;
    font-style: italic;
    color: #999;
}

.search_type_radio {
    width: 50%;
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    float: left;
}

#recurring_in, #meal_recurring_foods {
    margin-right: 20px;
}

.drip_tooltip_content {
    text-align: left;
}

.parse_spinner {
    display: none;
}

.parse_results {
    display: none;
    padding-top: 20px;
    padding-left: 32px;
    padding-right: 32px;
}

.parse_result_text {
    padding-left: 26px;
    margin-bottom: 10px;
}

.parse_result {
    padding-left: 32px;
    padding-right: 32px;
}

.parse_result_list li:first-child .food_box {
    background-color: #EFF6FE;
}

.accept_parse_buttons {
    margin-top: 10px;
    display: none;
}

.importer_controls {
    display: none;
}

.small_well {
    min-height: 20px;
    height: 140px;
    padding: 10px;
    margin-bottom: 5px;
}

.show_weight_goal {
    display: block;
    text-align: center;
}

.weight_goal_entry {
    display: none;
    padding-bottom: 10px
}

.logged_in_header_right {
}

.view_results_button {
    float: right;
    opacity: 0.9;
    padding: 4px 8px;
    font-size: 14px;
    line-height: 1.33;
    border-radius: 5px;
    margin-top: 10px;
}

.results_top_spacer {
    margin-top: 10px;
}

@media (min-width: 768px) {
    .view_results_button {
        padding: 8px 14px;
        font-size: 16px;
    }

    .results_top_spacer {
        margin-top: 50px;
    }

}

.small_view_results {
    padding: 4px 8px;
    font-size: 14px;
    float: none;
    display: block;
    margin-top: 5px;
}

.diet_title {
    max-width: 320px;
}

.tour_alert_container {
    border: 1px solid #31708f;
    -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.31), inset 0px -1px 3px 0px rgba(0, 0, 0, 0.05), inset 0px 1px 1px 0px rgba(255, 255, 255, 0.50);
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.31), inset 0px -1px 3px 0px rgba(0, 0, 0, 0.05), inset 0px 1px 1px 0px rgba(255, 255, 255, 0.50);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.31), inset 0px -1px 3px 0px rgba(0, 0, 0, 0.05), inset 0px 1px 1px 0px rgba(255, 255, 255, 0.50);
}

/* Pricing table */

/* --- Plans ---------------------------- */

.my_planHeader {
    text-align: center;
    color: white;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
}

.my_planTitle {
    font-size: 2em;
    font-weight: bold;
}

.my_planPrice {
    font-size: 1.4em;
    font-weight: bold;
}

.my_planDuration {
    margin-top: -0.6em;
}

@media (max-width: 768px) {
    .my_planTitle {
        font-size: small;
    }
}

/* --- Features ------------------------- */

.my_feature {
    line-height: 2.8em;
}

@media (max-width: 768px) {
    .my_feature {
        text-align: center
    }
}

.my_featureRow {
    margin-top: 0.2em;
    margin-bottom: 0.2em;
    border: 0.1em solid rgb(163, 163, 163);
}

/* --- Plan 1 --------------------------- */
.my_plan1 {
    background: rgb(224, 234, 242);
}

.my_planHeader.my_plan1 a {
    background: rgb(72, 109, 139);
    color: white;
}

.my_planHeader.my_plan1 {
    background: rgb(105, 153, 193);
    border-bottom: thick solid rgb(72, 109, 139);
}

/* --- Plan 2 --------------------------- */
.my_plan2 {
    background: rgb(230, 235, 218);
}

.my_planHeader.my_plan2 a {
    background: rgb(108, 131, 62);
    color: white;
}

.my_planHeader.my_plan2 {
    background: rgb(134, 162, 77);
    border-bottom: thick solid rgb(108, 131, 62);
}

/* --- Plan 3 --------------------------- */
.my_plan3 {
    background: rgb(254, 235, 212);
}

.my_planHeader.my_plan3 a {
    background: rgb(199, 127, 40);
    color: white;
}

.my_planHeader.my_plan3 {
    background: rgb(244, 128, 0);
    border-bottom: thick solid rgb(199, 127, 40);
}

.my_planFeature {
    text-align: center;
    font-size: 2em;
}

.my_planFeature i.my_check {
    color: green;
}

/* Recipe curator stuff */

.food_changes_row {
    border-top: 1px solid #dcdfe1;
    padding: 5px;
}

.small_light_description_text {
    font-size: 12px;
    color: #999;
}

.inline_radio {
    display: inline-block;
    margin-top: 0px;
    margin-bottom: 0px;
}

.review_status {
    vertical-align: top;
    margin-right: 20px;
}

.create_new_changes {
    margin-bottom: 5px;
}

/* Leftovers stuff */

.leftovers_chain_list li {
    list-style: none;
}

.leftovers_control {
    padding-top: 9px;
}

.leftovers_well {
    padding: 5px;
}

.leftovers_well .form-group {
    margin-bottom: 0px;
}

/* On/Off switch */
.onoffswitch {
    position: relative;
    width: 77px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.onoffswitch-checkbox {
    display: none;
}

.onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border: 2px solid #E6E6E6;
    border-radius: 19px;
}

.onoffswitch-inner {
    display: block;
    width: 200%;
    margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}

.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block;
    float: left;
    width: 50%;
    height: 29px;
    padding: 0;
    line-height: 29px;
    font-size: 16px;
    color: white;
    font-family: Trebuchet, Arial, sans-serif;
    font-weight: 300;
    box-sizing: border-box;
}

.onoffswitch-inner:before {
    content: "ON";
    padding-left: 13px;
    background-color: #428BCA;
    color: #FFFFFF;
}

.onoffswitch-inner:after {
    content: "OFF";
    padding-right: 13px;
    background-color: #DE4D4D;
    color: #FAFAFA;
    text-align: right;
}

.onoffswitch-switch {
    display: block;
    width: 16px;
    margin: 6.5px;
    background: #FFFFFF;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 44px;
    border: 2px solid #E6E6E6;
    border-radius: 19px;
    transition: all 0.3s ease-in 0s;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px;
}

.first_time_leftovers .enabled_leftovers_div {
    display: none;
}

.first_time_leftovers .leftovers_chain_list {
    display: none;
}

.first_time_leftovers .save_buttons_div {
    display: none;
}

.hide-weekly-layout-changes {
    margin-left: 10px;
}

.recipe_permalink_container {
    padding-top: 10px;
}

.report_recipe_btn {
    color: #428bca;
    cursor: pointer;
}

.report_food_btn {
    color: #428bca;
    cursor: pointer;
}

.nested-modal-open {
    overflow: hidden;
}

.nested-modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 700px;
        margin: 30px auto;
    }
}

@media (min-width: 992px) {
    .modal-lg {
        width: 900px;
    }
}

@media (min-width: 1250px) {
    .modal-lg {
        width: 1200px;
    }
}

@media (min-width: 1450px) {
    .modal-lg {
        width: 1400px;
    }
}

.popover_footer {
    text-align: right;
    padding-top: 10px;
}

.dismiss_popover {

}

#regenerate_weeks .checkbox input[type="checkbox"] {
    margin-left: 0px;
    position: relative;
    margin-right: 10px;
}

.unsubscribe_container .unsubscribe_radio label {
    font-weight: normal;
}

.errorlist {
    color: #e70000;
    font-weight: bold;
    border: 1px solid #e70000;
    padding: 5px;
}

.image_upload_spinner {
    display: block;
    margin: 0 auto;
}

.backgrid-container {
    position: relative;
    display: block;
    width: 100%;
    /* you may want to adjust this to fit a whole page */
    height: auto;
    padding: 0;
    overflow: auto;
    border: 0;
}

.backgrid td.num_diets, .backgrid td.average_calories, .backgrid td.view_cell, .backgrid td.delete_cell, .backgrid td.last_updated, .backgrid td.num_meals, .backgrid td.date_added, .backgrid td.share_link_cell {
    text-align: center;
}




.sidebar_tab {
    cursor: pointer;
    background-color: lightgrey;
    opacity: .9;
    color: white;
    width: 25px;
    height: 75px;
    position: absolute;
    margin-left: 210px;
    border: 2px solid;
    border-color: lightgrey;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    margin-top: 65px;
}

@media (min-width: 768px) {

    .sidebar_tab {
        margin-top: 0;
        width: 30px;
    }

}

.sidebar_fridge_icon {
    background: url("/static_files/images/sidebar_fridge_icon.png") no-repeat top left;
    background-size: 16px 16px;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: top;
}

.sb_missing_ingredients {
    font-size: 11px;
    color: #42993e;
    line-height: 11px;
}

.sb_missing_ingredients.red {
    color: #9e1b16;
}

.sidebar_pantry_description {
    color: #777979;
    text-align: center;

    padding: 6px;
}

.sidebar_pantry_tooltip, .sidebar_pantry_header, .sidebar_pantry_refresh {
    border-bottom: 1px solid #dcdfe1;
    text-align: center;
    color: #777979;
    padding-bottom: 3px;
}

.sidebar_pantry_refresh {
    padding-top: 4px;
}

.pantry_tab.active .sidebar_fridge_icon {
    background: url("/static_files/images/sidebar_fridge_icon_white.png") no-repeat top left;
    background-size: 16px 16px;
}

.sidebar_tab .sidebar_tab_text {
    margin-top: 25px;
    margin-right: 6px;
    margin-left: 8px;
    transform-origin: center;
    font-size: 15px;
    cursor: pointer;
}

.num_results_divider {
    margin-top: 5px;
}

.num_results {
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 20px;
}

.embedded_clear_search {
    font-size: 10px;
    margin-top: -2px;
    color: #428bca;
    text-decoration: underline;
}

/*   Food bank stuff:   */

#sidebar_container {

}

.search_checkboxes {
    margin-left: 20px;
}

.search_checkboxes label {
    font-size: 11px;
    font-weight: normal;
    margin-bottom: 0px;
}

.search_checkboxes label input {
    font-size: 14px;
}

span.deleteicon input {
    padding-right: 16px;
}

span.deleteicon span {
    position: absolute;
    top: 2px;
    right: 12px;
    display: inline-block;
    cursor: pointer;
    width: 14px;
    height: 14px;
    vertical-align: text-top;
    background-image: url(../images/glyphicons-halflings.png);
    background-position: 14px 14px;
    background-repeat: no-repeat;
    *margin-right: .3em;
    background-position: -312px 0;
    opacity: 0.4;
}

.category_selector_div {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    background-color: #f3f3f3;
}

.category_selector {
    width: 170px;
    margin-left: 10px;
    padding-bottom: 5px;

}

@media (min-width: 1280px) {
    .category_selector_div {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 30px;
    }

    .category_selector {
        width: 180px;
    }
}

#quickrecipes {
    padding-top: 10px;
    border-top: 1px solid #dcdfe1;

}

.foodbank_header {
    margin-top: 20px;
    margin-bottom: 15px;
    margin-left: 15px;
    font-size: 24px;
    font-weight: 200;
    text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.58);
}

.foodbank_tiny_header {
    font-size: 12px;
    line-height: 12px;
    text-align: center;
    padding-top: 10px;
    font-weight: bold;
}

.foodheader {
    font-size: 14px;
    color: #999999;
    text-transform: uppercase;
    font-weight: bold;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 0px;
}

.foodsubheader {
    font-weight: bold;
    font-size: 14px;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.sidebar_list_container {
    overflow-y: auto;
    overflow-x: hidden;
}

.sandbox_search {
    /*margin-bottom: 15px;*/
}

#sandbox_results {
    display: none;
    list-style: none;
    margin-left: 0px;
    /*height: 618px;*/
    overflow-y: auto;
    margin-bottom: 0px;
}

.mobile_custom_buttons {
    padding-left: 10px;
    padding-right: 0;
}

.custom_food_buttons {
}

.sb_result_name {
    display: inline-block;
    /*width: 150px;*/
    vertical-align: top;
}

.short_result_name {
    width: 130px;
}

.sb_result_description {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 11px;
    color: #777979;
    line-height: 11px;
}

.custom_delete, .favorite_delete {
    vertical-align: top;
}

.custom_edit {
    vertical-align: top;
}

#custom_foods, #custom_recipes, #favorites {
    margin: 0px;
    overflow-y: auto;
    border-top: 1px solid #dcdfe1;
}

.make_some_foods, .note {
    padding-left: 5px;
    padding-right: 5px;
}

.add_custom, .add_custom_disabled {
    margin-top: 10px;
    margin-bottom: 10px;
}

.add_recipe {
    margin-top: 10px;
    margin-bottom: 10px;
}

.load_more_div {
    margin-left: 55px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.clear_search {
    position: absolute;
    margin-left: 85%;
    margin-top: 8px;
    opacity: 0.4;
}

.clear_browser_search {
    position: absolute;
    margin-left: 78%;
    margin-top: 8px;
    opacity: 0.4;
}

.sb_search_input {
    margin-left: 3%;
    margin-right: 3%;
    width: 94%;
    font-size: 14px;
    margin-bottom: 10px;
}

span.deleteicon {
    position: relative;
}

.search-query {
    padding-right: 14px;
    padding-right: 4px \9;
    padding-left: 14px;
    padding-left: 4px \9;
    margin-bottom: 0;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

.recipe_search_query {
    padding-top: 1px;
    padding-bottom: 1px
}

.foodbank_nav {
    padding-bottom: 5px;
    margin-bottom: 0px;
    margin-top: 5px;
    font-size: 13px;
}

.foodbank_nav.nav.nav-pills li {
    margin-left: 0px;
    width: 50%;
    padding: 2px 2px;
}

.search_selector {
    margin: 10px 0 10px 10px;
}

.left_panel .nav-pills > li > a {
    padding-top: 2px;
    padding-bottom: 2px;
    margin-top: 1px;
    margin-bottom: 1px;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-topright: 2px;
    -moz-border-radius-bottomright: 2px;
    -moz-border-radius-bottomleft: 2px;
    -webkit-border-radius: 2px 2px 2px 2px;
    border-radius: 2px 2px 2px 2px;
    padding-left: 4px;
    padding-right: 4px;
}

.left_panel li.custom_foods_tab > a, .left_panel li.restaurant_foods_tab > a, .left_panel li.custom_recipes_tab > a, .left_panel li.pantry_tab > a {
    margin-right: 0px;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-topright: 2px;
    -moz-border-radius-bottomright: 2px;
    -moz-border-radius-bottomleft: 2px;
    -webkit-border-radius: 2px 2px 2px 2px;
    border-radius: 2px 2px 2px 2px;
}

/*li.basic_foods_tab, li.recipes_tab {*/
/*}*/

/*li.custom_food_tab, li.custom_recipe_tab {*/
/*float: right;*/
/*}*/

.left_panel {
    position: fixed;
    top: 0;
    left: -215px;
    width: 210px;
    height: 100%;
    background-color: #FFFFFF;

    -moz-box-shadow: 4px 0px 2px 0px rgba(0, 0, 0, 0.30);
    -webkit-box-shadow: 4px 0px 2px 0px rgba(0, 0, 0, 0.30);
    box-shadow: 4px 0px 2px 0px rgba(0, 0, 0, 0.30);
}

.container_with_sidebar {
    padding-left: 210px;
}

.mobile_sidebar_open {
    margin-right: -210px;
}

@media (min-width: 1280px) {
    .left_panel {
        left: -285px;
        width: 280px;
    }

    .sidebar_tab {
        margin-left: 280px;
    }

    .container_with_sidebar {
        padding-left: 280px;
    }
}

.sidebar_open {
    left: 0;
}

#top_nav, #fill_container, .footer_container, .left_panel {
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.foodbank_food {
    /*padding-right: 5px;*/
    padding-top: 5px;
    padding-bottom: 5px;
    /*padding-left: 15px;*/
    cursor: move;
    outline: 1px solid #D2D4D6;
    margin-bottom: 1px;

    background: #ffffff; /* Old browsers */
}

.foodbank_food_row {
    margin-left: 0px;
    margin-right: 0;
}

@media (min-width: 1280px) {
    .foodbank_food:hover .food_link_text_hide {
        display: block;
    }
}

.foodbank_food .food_link_text {
    font-size: 11px;
    white-space: nowrap;
}

.foodbank_food .food_image {
    margin-top: -5px;
    margin-left: 0px;
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: -5px;
    min-height: 49px;
    overflow: hidden;
}

.foodbank_food .food_image .foodbank_image.lazy {
    width: 66px;
    height: 50px;
}

.foodbank_food .food_name {
    padding-right: 2px;
    padding-left: 10px;
}

.image_shading {
    z-index: 0;
}

#fixed_downloading_status {
    z-index: 10000;
}

#flashes div {
    z-index: 10000;
    position: fixed;
    bottom: 90%;
    right:21%;
}

#upload_image_modal .modal {
    z-index: 1052;
}

#recipe_upload_image_modal .modal {
    z-index: 1052;
}

.foodbank_nav {
    z-index: 1001;
}

.left_panel {
    z-index: 1001;
}

@media (min-width: 740px) {
    .subnav-fixed {
        z-index: 1020; /* 10 less than .navbar-fixed to prevent any overlap */
    }
}

@media (min-width: 980px) {
    .subnav-fixed-sidebar {
        z-index: 1020; /* 10 less than .navbar-fixed to prevent any overlap */
    }
}

#top_nav {
    z-index: 1000;
}

#header_container {
    z-index: 100;
}

.generator_header {
    z-index: 200;
    position: relative;
}

#recurring_foods_modal > .modal {
    z-index: 1051;
}
#add_leftovers_modal > .modal {
    z-index: 1053;
}
.macro_selection {
}

#options_page_calc {
    padding-top: 10px;
}

.macro_method {
    padding-bottom: 30px;
}

.min_input, .max_input {
    padding-left: 5px;
    padding-right: 5px;
}

.form_input_label {
    display: inline-block;
    float: left;
    padding-top: 6px;
}


.micro_checkbox_label {
	padding-top: 7px;
    /*margin-left: -20px;*/
}

.macro_slider, .macro_bound {
    display: inline-block;
}

.macro_input {
    width: 30px;
}

#nutrition_targets_dropdown{
	min-width: 250px;
}

.other_profile {
    padding: 3px 20px;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    width: 210px;
    display: inline-block;
}

.delete_profile {
    padding: 3px 4px;
    float: right;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}

.other_profile_list > div:hover, .other_profile_list > div:focus {
    background-color: #e8e8e8;
    background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
    background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
    background-repeat: repeat-x;
}

.nutrition_title_description {
    text-align: right;
    width: 85px;
}

.micro_nutrition_input input{
    width: 80px;
    display: inline;
}

.form_item_row label{
	font-weight: normal;
}

.small_nutrition_input {
    display: inline-block;
    width: 200px;
}

.large_nutrition_input {
    display: inline-block;
    width: 500px;
}

.macro_bound {
    vertical-align: 2px;
    padding-left: 10px;
    padding-right: 10px;
}

/*range_readout
min_readout
max_readout*/

.macro_slider {
    width: 72%;
}

.macro_range {
    margin-bottom: 10px;
}

.macro_percents {
    display: none;
}

#carbs_range, #fats_range, #proteins_range{
	padding-top: 20px;
	
}

#fats_range, #proteins_range{
	border-top: 1px solid #e7eaec;
}

.secondary_cal_input{
    border-bottom: 1px solid #dcdfe1;
    padding-bottom: 20px;
}

.macro_validation {
    display: none;
}

/*.secondary_cal_input {
    font-size: 16px;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 10px;
}*/

.micro_options .form-horizontal .control-group > label {
    width: 80px;
    font-weight: bold;
}

.price_select_div .form-horizontal .control-group > label {
    width: 30px;
    font-weight: bold;
}

.micro_options .form-horizontal .controls {
    margin-left: 100px;
}

.price_select_div .form-horizontal .controls {
    margin-left: 50px;
}

.price_cap_size {
    width: 60px;
}

.calc_input {
    height: 20px;
    width: 60px;
    margin-left: 3px;
    margin-right: 3px;
    display: inline-block;
}

.bfat_percent {
    font-size: 11px;
    color: #a9a8a9;
    display: inline-block;
    padding-left: 16px;
}

.macro_recommendation {
    display: none;
}

.inline_block {
    display: inline-block;
}

.small_calc_input {
     width: 85px;
}

.imperial_inputs {

}

.metric_inputs {
    display: none;
}

.female_bfat_percent{
    display: none;
}
/* Food object modal */

.medium_header {
    font-size: 28px;
    font-weight: 200;
    line-height: 100px;
    display: inline-block;
}

.ingredients_scale_options {
    display: inline-block;
    vertical-align: middle;
    margin-left: 50px;
    padding-top:5px;
    padding-bottom: 25px;
    margin-top:10px;
}

.directions_list{
    margin-left:22px;
}

.ingredients_scale_options .btn{
    font-weight:bold;
}
.ingredients_scale_options .btn .recipe_serving_printout{
    font-weight:normal;
    color: #f0eff0;
}

.ingredients_container {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.recipe_modal {
    /*padding: 40px;*/
}

.ingredients_list .remove_item {
    float: right;
}

.food_control_panel {
    background: #eee;
    border-bottom: 1px solid #c7c7c7;

    margin-left: -15px;
    margin-top: -20px;
    margin-right: -15px;

}

.grocery_usages{
    margin-left: 0;
}
.grocery_usages li{
    padding-bottom:5px;
}

.js-fileapi-wrapper .btn{
    width: 200px;
}

.personalize_recipe {
    width: 200px;
    margin-top: 10px;
}

.add_leftovers{
    width:200px;
    margin-top: 20px;
}
.add_leftovers img{
    height: 16px;
    width: 16px;
}

.food_image_container {
    margin-top: 20px;
    margin-bottom: 20px;
}

.food_upload_image {
    margin-top: 20px;
    margin-bottom: 10px;
}

.recipe_upload_image {
    margin-top: 20px;
    margin-bottom: 10px;
}

.food_upload_preview {
    padding-top: 20px;
}

.image_padding > img {
    /*max-width: 380px;*/
    width: 100%;
    /*min-height: 250px;*/
    max-height: 350px;
}

.image_padding {
    /*display: inline-block;
    vertical-align: top;
    margin-left: -20px;
    padding: 20px;*/
    padding-top: 20px;
}

.recipe_serving_printout {
    font-size: 11px;
    color: #999;
}

.long_serving_description {
    padding-top: 5px;
}

.recipe_info_right {
    margin-top: 10px;
    /*display: inline-block;
    vertical-align: top;
    padding-left: 50px;
    position: relative;*/
}

.food_control_panel .favorite_icon_modal, .food_control_panel .recurring_icon_modal, .food_control_panel .food_refresh_modal, .food_control_panel .remove_item_modal, .food_control_panel .block_icon_modal {
    display: inline-block;
    padding-top: 15px;
    padding-bottom: 8px;
}

.food_control_panel .amount_box {
    padding-top: 15px;
    padding-bottom: 8px;
}

.modal_buttons > div > div {
    text-align: center;
    /*margin: 0 auto;*/
}

.food_control_panel .favorite_food, .food_control_panel .block_food {
    margin-left: 20px;
}

.remove_item_modal .food_delete {
    width: auto;
}

.food_control_panel .amount_box {
    padding-top: 20px;
    padding-left: 20px;
    padding-bottom: 15px;
}

.control_panel_label {
    display: block;
    font-size: 12px;
    line-height: 1.42857143;
    color: #999;
    padding-top: 3px;
    text-align: center;
}

.food_control_panel .block_food {
    display: block;
    margin-right: 0px;
    margin-top: 2px;
    margin-bottom: 2px;
    float: none;
}

.food_control_panel .block_icon_modal {
    /*vertical-align: -2px;*/
}

.collection-list:focus {
    outline: none;
}

.modal_buttons {
    float: right;
}

.modal_buttons > div {
    width: 59px;
    border-left: 1px solid #c7c7c7;
    cursor: pointer;
}

@media (min-width: 400px) {
    .modal_buttons > div {
        padding-left: 10px;
        padding-right: 10px;
        width: 80px;
        border-left: 1px solid #c7c7c7;
        cursor: pointer;
    }
}

.modal_buttons > div:hover {
    background-color: rgba(193, 193, 193, 0.3)
}

.downloading_ingredients_spinner {
    position: absolute;
    top: 0;
    right: 0;
}

#food_object_modal .modal-header {
    padding-bottom: 30px;
}

.food_info {
    margin-top: 20px;
    margin-left: 15px;
}

.nutrition_info {
    display: none;
    margin-top: 20px;
    margin-left: 15px;
    margin-right: 15px;
}

.recipe_info {
    margin-top: 20px;
    margin-left: 15px;
    margin-right: 15px;
}

.ingredients_box {
    margin-bottom: 40px;
}

.recipe_info .diet_draggable {
    cursor: auto;
}

.ingredients_list.ui-sortable .diet_draggable {

    cursor: move;
}

.recipe_buttons {
    margin-top: 15px;
    margin-bottom: 15px;
}

.recipe_info_div {
    padding-top: 10px;
}

/**
 * Define the table to be of the class "nutrition"
 */

table.nutrition {
    width: 260px;
    margin-right: 0;

    border: 1px solid black;
    border-collapse: collapse;
    table-layout: auto;

}

.basic_food_modal table.nutrition {
    display: inline-block;
}

.basic_food_modal {
}

.recipe_modal table.nutrition {
    margin-top: 20px;
    margin-left: 20px;
}

.quick_stats_div {
    display: inline-block;
    vertical-align: top;
    padding-top: 20px;
    padding-left: 90px;

}

.recipe_stats_div {
    /*display: inline-block;
    vertical-align: top;
    padding-left: 60px;*/
    padding-left: 30px;
    margin-bottom: 40px;
}

.recipe_stats_div .graph_title {
    margin-top: 0px;
}

/**
 * Format the caption at the top of the table
 */
.nutrition caption {
    font-family: Arial;
    font-size: small;
    font-style: italic;
}

/*.graph_title{
	text-align: center;
}*/
.foodpage_sidebar {
    width: 185px;
    margin-left: 30px;
    margin-top: 40px;
    display: inline-block;
    font-size: 18px;
    text-align: center;
    line-height: 24px;

    border: 1px solid #ea9b0e;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 15px;

}

.mobile_food_banner_row{

}

.mobile_food_page_banner{
    border-radius: 3px;
    border: 1px solid #ea9b0e;
    padding: 5px;
}

.foodpage_sidebar .btn {
    margin-top: 20px;
}

.etm_food_title {
    letter-spacing: 1px;
    font-size: 20px;
    color: #F28000;
    font-weight:bold;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left:-10px;
    margin-right:-10px;
}

#modal_cumulative_graph {
    margin-left: 0px;
    width: 140px;
    height: 140px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 10px;
    position: relative;

    /*padding-top: 10px;
    width: 140px;
    height: 140px;
    margin-top: 10px;
    margin-bottom: 10px;*/
}

#modal_day_stats {
    padding-left: 26px;
}

.food_control_panel .list_selector {
    width: 150px;
}

/** 
 * Format the tr ids 
 */
.thick_border_cell {
    border-bottom: 4px solid black;
}

tr td.top_and_bot_border {
    border-bottom: 4px solid black;
    border-top: 4px solid black;
}

.nutrition tr {
}

.nutrition tr#servings td {
    border-bottom: 6px solid black;
}

.nutrition tr#minerals td {
    border-top: 4px solid black;
}

/**
 * Format the header, which is basically the text "Nutrition Facts"
 */
.nutrition th {
    background-color: transparent;
    padding: 3px;
    border: 0;
    font-family: Arial;
    font-weight: bolder;
}

/**
 * Define the baseline style for cells
 */
.nutrition td {
    padding: 3px;
    vertical-align: middle;
    margin: 0px;
    font-family: Arial;
    border: 0;
    border-bottom: 1px solid black;
    text-align: left;
}

/**
 * Define the cell for Daily Values
 */
.nutrition td.dv {
    font-weight: bold;
    text-align: right;
    width: 100px;
}

.nutrition td.fatcals {
    text-align: right;
    width: 100px;
}

/**
 * Set an indent for subordinate nutrients
 */
.nutrition td.sub {
    width: 200px;
    text-indent: 10px;
}

/**
 * Set the style of the disclaimer text
 */
.nutrition td.disclaimer {
    font-size: xx-small;
}

/**
 * Use the strong tag to set emphasis on particular text
 */
.nutrition strong {
    font-weight: x-bolder;
}

.direction_number {
    width: 40px;
}


.other_meal_type {
    padding: 3px 20px;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    width: 180px;
    display: inline-block;
}

.delete_meal_type {
    padding: 3px 4px;
    float: right;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}

.other_meal_type_list > div:hover, .other_meal_type_list > div:focus {
    background-color: #e8e8e8;
    background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
    background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
    background-repeat: repeat-x;
}

.yellow_icon {
    color: #FF0000;
}

.form-checkbox {
    padding-top: 6px;
}
.recipe_checkbox_label{
	float: left;
	font-weight: normal;
	margin-left: 10px;
}

.adjust_vertical_input{
	margin-bottom: -11px;
}

.recipe_input_label{
	float: left;
	margin-top: 8px;
}

.drag_handle{
	cursor: move;
}

.directions_text{
	width: 100%;
}

.directions_text textarea{
	resize:none;
	overflow:hidden;
	min-height:50px;
}

.recipe_save_spinner{
	display: none;
}

.ingredients_error{
	display: none;
	margin-left: 20px;
}
.recurring_list_item {

}

.recurring_foods_header {
    margin-bottom: 5px;
}

.form-horizontal .only_use_recurring_form {
    padding-top: 0px;
    padding-right: 5px;
    padding-bottom: 10px;
    padding-left: 5px;
    margin-top: 6px;
    text-align: left;
    font-weight: normal;
}

.recurring_list_placeholder {
    outline: 1px solid #dcdfe1;
    background-color: #dbdbdb;
    background: transparent url(/static_files/images/p4.png) left;
}

.recurring_item_container {
    padding-left: 27px;
    padding-right: 30px;
}

.recurring_list_item_drag {
    cursor: move;
    outline: 1px solid #D2D4D6;
    padding: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%;
    background-color: #ffffff;
    /*dcdfe1*/
    -webkit-box-shadow: 0px 4px 2px -2px rgba(180, 180, 180, 20);
    -moz-box-shadow: 0px 4px 2px -2px rgba(180, 180, 180, 20);
    box-shadow: 0px 4px 2px -2px rgba(180, 180, 180, 20);
}

.recurring_drag_error {
    padding: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.recurring_list_item_delete {
    display: none;
    opacity: 0.5;
    cursor: pointer;
}

.recurring_food_icon {
    padding: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
    width: 55px;
}

.empty_recurring_food_box {
    outline: 1px solid #D2D4D6;
    padding: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #ffffff;
    /*dcdfe1*/
    -webkit-box-shadow: 0px 4px 2px -2px rgba(180, 180, 180, 20);
    -moz-box-shadow: 0px 4px 2px -2px rgba(180, 180, 180, 20);
    box-shadow: 0px 4px 2px -2px rgba(180, 180, 180, 20);
}

.recurring_meal_type_header {
    float: none;
    margin-left: auto;
    margin-right: auto
}

.meal_type_recurring_foods {
    padding-left: 0px;
}

.recurring_item_container .food_icons {
    width: 35px;
    height: 35px;
    margin-left: 0px;
    display: block;
    position: absolute;
    left: 8px;
    top: 0px;
    padding-left: 0px;
}

@media (min-width: 768px) {
    .recurring_item_container .food_icons {
        margin-left: -5px;
        left: 5px;
    }
}

.recurring_item_container .remove_item {
    padding-top: 10px;
    padding-left: 5px;
}

.meal_type_recurring_foods li {
    list-style: none;
    margin-left: 0px;
    margin-right: -15px;
}

@media (min-width: 768px) {
    .meal_type_recurring_foods li {
        margin-left: -40px;
    }
}

.modal_recurring_select {
    width: 71px;
    padding-left: 0px;
    margin-left: -15px
}

.recurring_select {
    width: 71px;
    padding-left: 0px;
}

.recurring_select_option {
    background-color: darkgray
}

.recurring_item_selector_div {
    min-width: 70px;
    display: inline-block;
}

.always_frequency_units {
    /*display: none;*/
}

.often_frequency_units {
    /*display: none;*/
    font-size: 12px;
    color: #b9ccd3;
    padding-top: 3px
}
/*//////////////////////
Signup form css
//////////////////////*/

.not_this_step {
    color: #c4c4c4;
    font-size: 16px;
    padding: 6px 0px;
    border: 1px solid #D6D6D6;

    /* Path: */

    background-image: -o-linear-gradient(-90deg, #FBFBFB 0%, #ECECEC 100%);
    background-image: -moz-linear-gradient(-90deg, #FBFBFB 0%, #ECECEC 100%);
    background-image: -webkit-linear-gradient(-90deg, #FBFBFB 0%, #ECECEC 100%);
    background-image: -ms-linear-gradient(-90deg, #FBFBFB 0%, #ECECEC 100%);
    background-image: linear-gradient(-180deg, #FBFBFB 0%, #ECECEC 100%);

    /* Sketch doesnt export gradient borders at this point */
    -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.18), inset 0px 1px 2px 0px #FFFFFF;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.18), inset 0px 1px 2px 0px #FFFFFF;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.18), inset 0px 1px 2px 0px #FFFFFF;
    text-align: center;

    /* Food Preferences: */
    color: #444444;
}

.signup_description {
    padding: 20px 30px 30px;
    border-bottom: 1px solid #dcdfe1;
}

.this_step {
    padding: 10px 0px;
    margin-top :-3px;
    /* Physical Profile: */
    font-weight: bold;
    font-size: 16px;
    color: #FFFFFF;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.19);

    border: 1px solid #3772c4;
    border-radius: 3px;

    background-image: -o-linear-gradient(-90deg, #5FB5F2 0%, #2D71E0 100%);
    background-image: -moz-linear-gradient(-90deg, #5FB5F2 0%, #2D71E0 100%);
    background-image: -webkit-linear-gradient(-90deg, #5FB5F2 0%, #2D71E0 100%);
    background-image: -ms-linear-gradient(-90deg, #5FB5F2 0%, #2D71E0 100%);
    background-image: linear-gradient(-180deg, #5FB5F2 0%, #2D71E0 100%);

    /* Sketch doesnt export gradient borders at this point */
    -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.31), inset 0px 1px 1px 0px rgba(255, 255, 255, 0.18);
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.31), inset 0px 1px 1px 0px rgba(255, 255, 255, 0.18);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.31), inset 0px 1px 1px 0px rgba(255, 255, 255, 0.18);
    text-align: center;
}

.step_1_header, .step_2_header, .step_3_header {
    margin-left: 0px;
    margin-right: 0px;
}

.signup_container{
	padding-bottom: 40px;
}

.signup_food_preferences{
    padding: 0px 10px;
}

.price_radio{
	font-weight: normal;
}

.signup_nutrition_targets{
    padding: 10px 10px;
}

.signup_back{
    padding-left: 15px;
    padding-top: 15px;
    margin-bottom: -5px;
}

.not_this_step {
    cursor: not-allowed;
}

.not_this_step.step_1 {
    cursor: default;
}

.not_this_step.step_2 {
    cursor: default;
}

.signup_form_header {
	margin-top: 20px;
    margin-bottom: 10px;
    text-align: center;
    font-weight: 200;
    font-size: 28px;
}

.step_2_div {
    display: none;
}

.step_3_div {
    display: none;
}

.step_1:hover, .step_2:hover {
    cursor: pointer;
    color: #929494;
    text-decoration: underline;
}

.next_step {
    margin-bottom: 10px;
}


.premium_sales_header{
	text-align: center;
}
.premium_sales_header img{

    margin-top: 10px;
    display: inline;
}

.choose_plan_intro{
    font-size:16px;
    line-height: 26px;
}

.premium_sales_container{
	margin-top: 20px;
	border-top: 3px solid #F28000;
	padding-bottom: 30px;
}

.premium_sales_icon{
	max-width: 35px;
	float: left;
	margin-right: 10px;
}

.premium_point p{
	margin-left: 47px;
}

.premium_finish_signup{
	display: none;
}

.bfat_examples{
	margin-left: 30px;
}

.preset-diet-info{
	display: none;
	font-size: 14px;
	font-style: italic;
	color: #b2b2b2;
	margin-left: 10px;
}



.template_title{
	font-size: 22px;
	font-weight: 200;
	/*padding-left: 0px;*/
}

.leftovers_template_title{
	font-size: 18px;
	font-weight: 200;
}

.light_gray{
	color:#666;
}

.start_of_the_week{
	margin-bottom: 15px;
	margin-top:15px;
	padding-left:30px;
}


.weekly_settings_header{
	padding-top: 20px;
}

.weekly_settings_header h4{
	color: #9e9e9e;
}

.template_meals_container{
	min-height: 60px;
}

.template_meals, .leftovers_template_meals{
	min-height: 55px;
	padding-top: 5px;
	padding-bottom: 5px;
	
}

.regenerate-alert {
    display: none;
}


.template_meal, .leftovers_template_meal{
	/*float: left;*/
	display: block;
	padding: 10px;
	padding-bottom: 7px;
	font-size: 13px;
	margin-top: 5px;
	margin-bottom: 5px;
	cursor: move;
	text-align: left;
	white-space: normal;
}

.leftovers_template_meal{
	cursor: default;
	background-color: #ffffff;
	color: #666;
	border: 1px solid #D2D4D6;
	border-radius: 0px;
}

.template_targets{
	padding-top: 5px;
}

.template_targets .nutrition_targets_dropdown_button{
	width: 100%;
}

.template_meal_title{
	display: inline-block;
	
}

.edit_template_meal{
	display: inline-block;
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	cursor: pointer;
}

.edit_template_meal .dropdown-toggle{
	opacity: 0.4;
}

.edit_template_meal .meal-options-dropdown-menu{
	opacity: 1;
}

.delete_template_meal{
	display: inline-block;
	opacity: 0.4;
	cursor: pointer;
	padding-bottom: 3px;
}

.edit_template_meal:hover .dropdown-toggle, .delete_template_meal:hover{
	opacity: 1;
}

.meal_type_placeholder{
	list-style: none;
	display: block;
	
	margin-left: -5px;
	margin-right: -5px;
	outline: 1px solid #D2D4D6;
	background-color: #dbdbdb;
    background: transparent url(/static_files/images/p4.png) left;
}

.template_diets > .row{
	border-top: 1px solid #dfe2e4;
	margin-left: 0px;
	margin-top: 15px;
	padding-top: 15px;
	margin-right: 10px;
}

.diet_row_1, .diet_row_2{

}




.daily_template_column{
	float: left;
	width: 100%;
	margin: 0;
	padding-left: 5px;
	padding-right: 5px;
}


@media (min-width: 768px) {
	.daily_template_column{
		width: 25%;
	}
	
}


@media (min-width: 992px) {
	.daily_template_column{
		width: 25%;
	}
	
	.diet_row_1{
		padding-right: 0px;
		width: 57.1428%;
	}
	.diet_row_2{
		padding-left: 0px;
		width: 42.8572%;
	}
	
	.diet_row_2 .daily_template_column{
		width: 33.33%;
	}
	
}

.template_meals_container .add_meal{
	background-color: #fff;
}



.meal_label_0{
	background-color: #34b2f4; 
	color: #fff;
}
.meal_label_1{
	background-color: #1b92ef; 
	color: #fff;
}
.meal_label_2{
	background-color: #0074D9; 
	color: #fff;
}
.meal_label_3{
	background-color: #2f5ce9; 
	color: #fff;
}
.meal_label_4{
	background-color: #4e4ddd; 
	color: #fff;
}
.meal_label_5{
	background-color: #7158e4;
	color: #fff;
}
.meal_label_6{
	background-color: #8d38cd;
	color: #fff;
}
.meal_label_7{
	background-color: #8b30b5;
	color: #fff;
}
.meal_label_8{
	background-color: #5235b3;
	color: #fff;
}
.meal_label_9{
	background-color: #454798; 
	color: #fff;
}

/* For meals that are currently being edited */
.meal_label_99{
	background-color: #61697f;
	color: #fff;
}


.leftovers_chain_color{
	padding-left: 20px;
}

.leftovers_chain_color_0{
	border-left: 15px solid #34b2f4;
}
.leftovers_chain_color_1{
	border-left: 15px solid #1b92ef;
}
.leftovers_chain_color_2{
	border-left: 15px solid #0074D9;
}
.leftovers_chain_color_3{
	border-left: 15px solid #2f5ce9;
}
.leftovers_chain_color_4{
	border-left: 15px solid #4e4ddd;
}
.leftovers_chain_color_5{
	border-left: 15px solid #7158e4;
}
.leftovers_chain_color_6{
	border-left: 15px solid #8d38cd;
}
.leftovers_chain_color_7{
	border-left: 15px solid #8b30b5;
}
.leftovers_chain_color_8{
	border-left: 15px solid #5235b3;
}
.leftovers_chain_color_9{
	border-left: 15px solid #454798;
}


.edit_chain_row .leftovers_chain_color{
	padding-left: 0px;
	border-left: none;
}


/*.meal_label_0{
	background-color: #fefef0;
	color: #0b28d4;
}
.meal_label_1{
	background-color: #fefef0;
	color: #e42100;
}
.meal_label_2{
	background-color: #fefef0;
	color: #00c100;
}
.meal_label_3{
	background-color: #fefef0;
	color: #d85700;
}
.meal_label_4{
	background-color: #fefef0;
	color: #0098ff;
}
.meal_label_5{
	background-color: #fefef0;
	color: #a64cff;
}
.meal_label_6{
	background-color: #fefef0;
	color: #00b7de;
}
.meal_label_7{
	background-color: #fefef0;
	color: #dd5b9d;
}
.meal_label_8{
	background-color: #fefef0;
	color: #907f12;
}
.meal_label_9{
	background-color: #fefef0;
	color: #499b00;
}*/

/**/
/*Leftovers line drawing:*/
/**/

#leftovers_chain_lines {
	top:0;
	left:0;
	z-index: 0;
	position:absolute;
	opacity: 0.8;
	display: none;
}

@media (min-width: 768px) {

	#leftovers_chain_lines{
		display: inherit;
	}
}

.leftovers_template_meal .template_meal_title{
	z-index: 10;
	position: absolute;
	text-overflow: ellipsis;
    white-space: nowrap;
	width: 110px;
	overflow: hidden;
	padding-left: 5px;
}
.leftovers_template_meal{
	min-height: 32px;
}
/*.grocery_foods_list .food_icons{
	height: 50px;
	width: 20px;
}*/

.blueHighlight{
    background-color: #EFF6FE;
}

.grocery_options{
	/*padding-bottom: 30px;*/
	margin-bottom: 10px;
	/*border-bottom: 1px solid #dcdfe1;*/
}

.grocery_tip{
    /*border-bottom: 1px solid #dcdfe1;*/
    /*padding-bottom: 10px;*/
    /*margin-bottom: 30px;*/
    margin-top:20px;
    font-size:13px;
}

.grocery_tips{
	list-style-type: disc;
	margin-top: 10px;
	padding-left: 20px;
    font-size:13px;
}

/*.grocery_options .add_a_dish{*/
	/*margin-bottom: 20px;*/
/*}*/

.pantry_title_col, .grocery_title_col{
	margin-bottom: 30px;
}


.grocery_options .open_food_bank .glyphicon-search {
    font-size: inherit;
}

.grocery_options .open_food_bank .glyphicon-plus {
    vertical-align: baseline;
}

.grocery_options .open_food_bank {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

@media (min-width: 768px) {
    .grocery_options .add_a_dish{
        margin-bottom: 0px;
    }
}

.date_range_selector_margin_bottom{
	margin-bottom: 10px;
}

.grocery_categories {
    font-size: 16px;
    font-weight: bold;
    margin-top: 20px;
}

.grocery_divider {
    margin-top: 5px;
    margin-bottom: 20px;
}

.grocery_foods_list .food_icons {
    margin-left: -15px;
}

.grocery_foods_list .remove_item{
	padding-left: 22px;
}

.grocery_foods_list .diet_draggable {
    /*margin-left: -22px;*/
}

.grocery_foods_list .selected .food_box {
    background-color: #fef0e8;
    
}

/*.grocery_foods_list .food_box{
	width: 100%;
	
}*/

.grocery_foods_list .food_box{
	overflow: hidden;
}

.grocery_foods_list .food_checkbox {
	position: absolute;
	right: 0px;
	top: 0px;
    border-left: 1px solid #dcdfe1;
    border-bottom: 1px solid #dcdfe1;
    /*margin-top: -10px;
    margin-right: -5px;
    margin-bottom: -10px;*/
    min-height: 110px;
    padding-left: 13px;
    padding-right: 5px;
    padding-top: 13px;
    cursor: pointer;
}

/*.grocery_foods_list .food_checkbox input {
    cursor: pointer;
}*/

.outline_box {
    outline: 1px solid #dcdfe1;
    min-height: 100px;
}

.outline_red {
    padding-top: 10px;
    padding-bottom: 10px;
    outline: 1px solid #ff4f0e;
}

.container.pantry_container {
    width: 960px;
}

.grocery_list_div {
    float: left;
    outline: 1px solid #dcdfe1;
    width: 600px;
}

.grocery_list_options, .pantry_options {
    height: 40px;
}

.pantry_list_div {
    float: right;
    width: 300px;
    outline: 1px solid #dcdfe1;
}

.content_container:after {
    clear: both;
    content: "";
    display: block;
}

.mealname {
    font-size: 20px;
    border-bottom: 1px solid #eeeeee;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.date_selection {
    height: 40px;
}

.date_selection input[readonly] {
    display: inline-block;
    background-color: #fffeff;
    width: 150px;
    cursor: pointer;
}

.pantry_list_div .meal_box {
    margin-top: 40px;
}

.date_selection button {
    vertical-align: top;
}


.select_all_in_list input {
    vertical-align: top;
}

.select_all_in_list label {
    font-weight: normal;
}

.add_items_to_pantry {
    display: inline-block;
    margin-left: 60px;
}

.add_items_description {
    display: inline-block;
    max-width: 250px;
}

.add_items_to_pantry button {
    display: inline-block;
    vertical-align: top;
}

.grocery_list_div .add_items_to_pantry {
    margin-left: 140px;
}

.pantry_list_container {
    width: 295px;
    display: inline-block;
    outline: 1px solid #dcdfe1;
}

.food_list_div .meallist {
    width: 295px;
    outline: 1px solid #dcdfe1;
}

.pantry_loading_spinner {
    display: none;
}

.pantry_loading_spinner_box {
    background-color: rgba(0, 0, 0, 0.6);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    color: #ffffff;
    padding: 20px;
    margin-bottom: 40px;
}


.select_all_in_list{
    vertical-align: top;
    margin-top: 8px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.remove_eaten_foods img{
	margin-top: -4px;
	margin-bottom: -3px;
}
.remove_eaten_foods, .refresh_groceries{
	margin-bottom: 4px;
}


/* Date selection calendar styles */

.kalendae .k-days span{
	height: 1.5em;
	width: 20px;
}
.kalendae .k-btn-close{
	width: 20px;
	height: 20px;
}

.email_success, .download_success, .reset_success, .reset_error, .reset_progress, .print_email_progress, .print_failure, .ajax_failure, .ajax_success, .ajax_progress, .preview_failure {
	display: none;
}

.already_up_to_date{
	display: none;
	color: green;
	position: absolute;
}


@media print {
    .body-container {
        display: none;
    }

    .print-body {
        display: block;
    }

    #sidebar_container {
        display: none;
    }

    #groove-feedback{
        display: none;
    }

    #groove-feedback #groove-button{
        display: none;
    }
}

.printable_table {
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 13px;
    line-height: 18px;
    color: #333333;
    border-collapse: collapse;
    border-spacing: 5px;
    width: 100%;
    margin-bottom: 20px;
}

.printable_table .print_meal_title{
    font-size:18px;
    font-weight: bold;
    padding-top: 3px;
    padding-bottom: 5px;
}

.printable_table_header {
    font: small-caps bold 34px Futura;
    text-align: center;
    width: 100%;
}

.printable_table_summary {
    width: 100%;
    text-align: left;
    font-size: 14px;
    border-bottom: 1px solid #b6b6b6;
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 10px;
}

.printable_grocery_header {
    width: 100%;
    text-align: left;
    margin-top: 10px;
    margin-bottom: 10px;
}

.printable_table_summary_column {
    display: inline-block;
    width: 29%;
    padding-bottom: 3px;
    padding-top: 3px;
    font-size: 20px;
    font-weight: bold;
}
.printable_table_dates {
    display: inline-block;
    width: 50%;
    padding-bottom: 3px;
    padding-top: 3px;
    font-size: 14px;
    font-weight: normal;
}

.printable_table_summary_column_large {
    display: inline-block;
    width: 68%;
    padding-bottom: 3px;
    padding-top: 10px;
}

.printable_table_row_header {
    padding-bottom: 3px;
    padding-top: 3px;
    font-size: 15px;
    border-bottom: 1px solid #b6b6b6;
}

.printable_table_small_column_header {
    width: 30%;
}

.printable_table_large_column_header {
    width: 35%;
}

.printable_table_meal_row {
    border-bottom: 1px solid #b6b6b6;
    vertical-align: top;
    font-size: 14px;
}

.printable_table_meal_column {
    padding-right: 10px;
    padding-bottom: 3px;
    padding-top: 3px;
}


.print_header_title {
    font-size: 20px;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;
}

.print_header_subtitle {
    font-size: 16px;
    padding-top: 3px;
    padding-bottom: 10px;
}

.helpful_tip {
    font-size: 15px;
    padding-bottom: 5px;
}

.empty_saved_plans_box {
    outline: 1px solid #D2D4D6;
    padding: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #ffffff;
}

#mealCombosModalTemplate {
    transform: none
}

.food_search_map {
    height: 300px;
    max-width: 669px;
}

.map_box_container {
    padding: 15px;
    max-width: 100%;
}

@media (min-width: 550px) {
    .food_search_map {
        height: 400px;
    }
}

@media (min-width: 768px) {
    .map_box_container {
        max-width: 240px;
    }
}

@media (min-width: 992px) {
    .food_search_map {
        height: 600px;
    }

    .map_box_container {
        max-width: 449px;
    }
}

@media (min-width: 1250px) {
    .map_box_container {
        max-width: 599px;
    }
}

@media (min-width: 1450px) {
    .map_box_container {
        max-width: 699px;
    }
}

.map_query_container .token-input {
    width: 100% !important;
}

.map_box_container.affix-top, .map_box_container.affix {
    position: static;
}

.reset_nutrition_div {
    display: none;
}

.reset_nutrition_button {

}


@media (min-width: 768px) {
    .edit_meal_nutrition_targets {
        float: right;
    }
}

.close_popover {
    margin-top: -38px;
}

.targets_popover {
    min-width: 300px;
    max-width: 400px;
}

.targets_popover .popover-title {
    font-size: 16px;
}

.meal_nutrition_targets_footer {
    border-top: 1px solid #e7eaec;
    padding-top: 10px;
}

.targets_popover #carbs_range, .targets_popover #fats_range, .targets_popover #proteins_range {
    padding-top: 10px;
}

@media (min-width: 768px) {
    /*.map_box_container.affix-top {*/
    /*position: static;*/
    /*}*/
    .map_box_container.affix {
        position: fixed;
        top: 0;
    }
}

.results_content {
    /*height: 424px;*/
    /*overflow-y: auto;*/
    /*overflow-x: hidden;*/
}

.results_spinner_div{
    display:none;
    text-align: center;
}

.results_spinner_div p{
    font-size: 12px;
    padding-top:15px;
}

.results_spinner{
    margin: auto;
    padding: 10px;
    text-align: center;
    width: 200px;
    margin-top:20px;

    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.6);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.results_spinner img{
    margin:10px;
}

.results_spinner h4{
    font-size:16px;
}

.map_query_container .form-group {
    margin-bottom: 10px;
}

/*.controls {*/
/*margin-top: 10px;*/
/*border: 1px solid transparent;*/
/*border-radius: 2px 0 0 2px;*/
/*box-sizing: border-box;*/
/*-moz-box-sizing: border-box;*/
/*height: 32px;*/
/*outline: none;*/
/*box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);*/
/*}*/

.location_input {
    background-color: #fff;
    /*font-family: Roboto;*/
    /*font-size: 15px;*/
    /*font-weight: 300;*/
    /*margin-left: 12px;*/
    text-overflow: ellipsis;
    /*width: 300px;*/
}

.map_query_container {
    border-bottom: 1px solid #e5e5e5;
}

.location_input:focus {
    border-color: #4d90fe;
}

.search_again_map {
    margin-right: 14px;
    margin-top: 11px;
    display: none;
}

fieldset[disabled] .checkbox-inline {
    cursor: not-allowed;
    pointer-events: none;
}

.disabled {
    cursor: not-allowed;
    pointer-events: none;
}

.pac-container {
    font-family: Roboto;
    z-index: 1100 !important;
}

#type-selector {
    color: #fff;
    background-color: #4d90fe;
    padding: 5px 11px 0px 11px;
}

#type-selector label {
    font-family: Roboto;
    font-size: 13px;
    font-weight: 300;
}

#target {
    width: 345px;
}

.placeIcon {
    margin-left: 20px;
    margin-right: 20px;
}

.search_form {
    /*margin-left: 20px;*/
}

.restaurant_header {
    vertical-align: middle;
    cursor: pointer;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */
    -khtml-user-select: none; /* Konqueror */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently
                           not supported by any browser */
}

.enter_restaurant_names_div {
    /*display: none;*/
}

.results_header {
    display: none;
    padding-right: 20px;
}

.results_header > h3{
    margin-left:30px;
    vertical-align: top;
    margin-top:30px;
}

.restaurant_name {
    min-width: 250px;
}

.collapse_button {
    margin: 10px;
    min-width: 35px;
}

.collapse_button > span{
    pointer-events: none;
}

.no_results {
    margin: 10px;
    min-width: 35px;
}

.only_show_restaurants_with_foods {
    vertical-align: top;
}

.replace_meal_span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 400px;
}

.color_box {
    width: 20px;
    height: 20px;
    margin-left: 10px;
    border: 1px solid rgba(0, 0, 0, .2);
    display: inline-block;
    vertical-align: bottom;
}

.nutrition_match_color_box {
    width: 20px;
    height: 20px;
    margin-left: 30px;
    border: 1px solid rgba(0, 0, 0, .2);
    display: inline-block;
    vertical-align: middle;
}

.map_marker_label {
    border-radius: 3px;
    border: 1px solid black;
    color: black;
    font-weight: bold;
    font-size: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    width: 80px;
    white-space: nowrap;
    background: white;
}

.sort_by_buttons {
    margin-left: 20px
}

.food_map_search_note {
    margin-left:50px;
    padding-top:10px;
    padding-bottom:10px;
}

.sort_by_buttons_title {
    margin-left: 50px
}

.num_locations_container {
    cursor: pointer;
}


.results_container .block_food {
    display: block;
    opacity: 0.2;
    float: right;
}

.results_container .block_food:hover {
    opacity: 0.4;
}

.results_container .block_food.active:hover, .results_container .block_food.active {
    opacity: 1;
}

.results_container .report_food_icon {
    display: block;
    opacity: 0.3;
    float: right;
    cursor: pointer;
    margin-top:15px;
    margin-right:2px;
}

.results_container .report_food_icon:hover {
    opacity: 0.8;
}

.powered_by_foursquare {
}

/* Registration table */

.registration-table {
    -webkit-box-shadow: 0px 5px 2px -2px rgba(180, 180, 180, 20);
    -moz-box-shadow: 0px 5px 2px -2px rgba(180, 180, 180, 20);
    box-shadow: 0px 5px 2px -2px rgba(180, 180, 180, 20);
}

.registration-table td {
    vertical-align: middle;
}

table .table-header {
    text-align: center;
    width: 240px;
    /*font-size: 16px;*/
    font-style: normal;
}

.premium_sales_container .plan-title {
    font-size: 28px;
    font-weight: 200;
    text-transform: uppercase;
}

.premium_sales_container .plan-subtitle {
    height: 60px;
    color: #666;
    font-weight: normal;
    font-size: 14px;
}

.premium_sales_container .plan-price {
    /*margin-top: 20px;*/
    height: 40px;
    font-weight: bold;
    font-size: 24px;
    color: #ee601e;
}

.premium_sales_container .plan-description {
    color: #666;
    font-weight: bold;
    font-size: 14px;
}

.free_trial_text {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
    background-color: #ee601e;
    color: #feffff;
    padding: 10px;
    border-radius: 5px;
}

.table-header .per-month {
    font-weight: normal;
    font-size: 16px;

}

.start-signup-cell {
    width: 264px;
    display: inline-block;
    text-align: center;
}

.left-cell {
    margin-left: 224px;
}

.registration-table tr td {
    background-color: #f4f4f4;

}

table .table-option {
    text-align: center;
    width: 240px;
    border-left: 1px solid #DDD;
}

table .table-description {
    width: 200px;
    font-weight: bold;
    /*background-color: #fcfcf7;*/
    text-align: right;
    /*font-size: 14px;
    color: #666;*/
}

.registration-table tr.even td {
    background-color: #f9f9f9;
}

.price-compare {
    margin-top: 5px;
    font-size: 10px;
}

/*  Custom foods  */

.custom_form_input {
    padding: 4px;
}
.food_result {
    display: block;
    margin-top: 1px;
    outline: 1px solid #dcdfe1;
    background-color: #FFFFFF;
}

.food_result:hover {
    outline: 1px solid #dcdfe1;
    text-decoration: none;
    background-color: #f4f7f7;
}

.result_link {
}

.result_row{
	display: block;
	width: 100%;
	float: left;
}

.result_description {
    color: #a7a7a7;
    text-decoration: none;
}

.search_padding {
    margin-bottom: 10px;
}

.browser_header{
	
}

.browser_sidebar {
	-webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;

    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-left-radius: 5px;
    border: 1px solid #dcdfe1;
    background-color: #FFFFFF;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.browser-search {
    width: 270px;
}

.result_stats {
    margin-top: 15px;
}

.result_name{
	padding-top: 16px;
	padding-bottom: 15px;
}

.bottom_pagination{
	margin-top: 20px;
}

.food_table_header_left{
	-webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
    border: 1px solid #dcdfe1;
    background-color: #FFFFFF;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    height: 42px;
}
.food_table_header_right{
	-webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;
    border: 1px solid #dcdfe1;
    background-color: #FFFFFF;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}


.food_table_column_header{
	display: block;
	padding-top: 10px;
	border-left: 1px solid #c7c7c7;
	margin-left: -1px;
	height: 40px;
	padding-right: 0px;
}

.small_sort_link{
	display: block;
	width: 30px;
	height: 30px;
	float: right;
}
.sort_by_nutrient{
	display: inline-block;
	width: 120px;
	height: 22px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.nutrient_cell{
	color: #333;
}


.show_arrow, .hidden_arrow{
	float: right;
	padding-right: 5px;
}
.hidden_arrow{
	display: none;
}

.food_table_column_header:hover .hidden_arrow{
	display: inline;
}

.light_icon{
	opacity: 0.4;
}

.search_result_image{
	padding: 0px;
}
.search_result_image img {
    max-width: 100%;
    max-height: 75px;
}

.browser_box{
	min-width: 780px;
}
.g_label {
    padding-top: 7px;
    padding-left: 0px;
}

.ate_out_macro_label {
    padding-right: 2px;
}

.right_slider_third {
    float: right;
    height: 100%;
    background: #479ff3;
    border-radius: 0 4px 4px 0;
}

.fats_border input{
    border-width: 1px;
    border-style: solid;
    border-color: #3aae4e;
}

.carbs_border input{
    border-width: 1px;
    border-style: solid;
    border-color: #ff9000;
}

.proteins_border input{
    border-width: 1px;
    border-style: solid;
    border-color: #479ff3;
}

.cal_macros_warning {
    display: none;
    padding-top: 10px
}
.mobile_diet_draggable {
    cursor: auto;
}

.draggable_handle, .recurring_draggable_handle, .sidebar_draggable_handle {
    background: url('/static_files/images/drag_handle_big.png');
    background-repeat: no-repeat;
    background-size: 100%;
    width: 36px;
    height: 36px;
    margin-top: 5px;
    margin-right: 6px;
    opacity: 0.5;
    cursor: move;
}

.recurring_draggable_handle {
    float: right;
    margin-top: -8px;

}

.sidebar_draggable_handle {
    float: right;
    width: 30px;
    height: 30px;
    margin-top: 0px;
    margin-right: 0px;
}

.draggable_handle {
    margin-left: -13px;
}

.mobile_food_box .remove_item {
    position: absolute;
    top: 0px;
    left: 0px;
}

.mobile_food_box .repeat_item {
    position: absolute;
    top: 0px;
    right: 0px;
}

.mobile_food_box .food_image img {
    /*width: 100%;*/
    max-width: 100%;
    /*height: 25px;*/
    opacity: 1;
    max-height: 110px;
    margin-left: auto;
    margin-right: auto;
}

.mobile_meal_header .meal_title {
    color: #333;
    font-size: 22px;
    font-weight: 500;
    /*margin-left: 58px;*/
    margin-left: 2px;
    letter-spacing: 0.5px;
    display: inline-block;
}

.mobile_meal_header .meal_icons .btn, .mobile_meal_header .meal_refresh_btn {
    padding: 6px 12px;
}

.mobile_meal_header .meal_stats {
    float: none;
    display: block;
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    text-align: right;
    margin-bottom: 10px;
}

.mobile_meal_header .i_ate_this_text {
    margin-right: 0px;
    float: none;
    clear: none;
    padding: 3px 20px;
    clear: both;
    line-height: 1.42857143;
    white-space: nowrap;
}

.mobile_meal_header .meal_icons {
    float: right;
    margin-right: 5px;
    margin-bottom: 10px;
}

.mobile_meal_header .meal_icons {
    text-align: right;
}

.mobile_meal_header .meal_bar {
    padding-right: 0px;
    padding-top: 30px;
}

.mobile_meal_header .meal_title_icons {
    margin-left: -10px;
}

.phone-body .meal_options_dropdown .dropdown-menu {
    margin-left: 0px;
}

.mobile_meal_icons {
    padding-left: 0px;
    padding-right: 0px;
}

.phone-body #meal_list {
    padding-right: 15px;
    margin-bottom: 10px;
}

/* Plan stats */

.mobile_plan_stats.right_panel {
    margin-top: 0px;
}

.mobile_plan_stats .graph_title {
    margin-top: 0px;
}

.phone-body #workspace_stats {
    padding-left: 10px;
    padding-right: 0px;
}

.mobile_plan_stats #day_stats, .mobile_plan_stats #micro_expandable {
    padding-left: 20px;
}

.mobile_plan_stats #micro_expandable {
    width: auto;
}

.mobile_plan_stats #micro_day_stats {
    width: auto;
}

.non_floating_orange {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

/*  Grocery and pantry  */

.mobile-body .grocery_foods_list {
    /*padding-left: 0px;
    padding-right: 0px;*/
}

.mobile-body .grocery_foods_list .food_icons {
    margin-left: 0px;
}

.mobile_diet_draggable .remove_item {
    padding-left: 12px;
    padding-right: 0px;

}

.grocery_foods_list .mobile_diet_draggable .food_icons {
    width: 10%;
}

.grocery_foods_list .mobile_food_box {
    width: 88%;
}

.grocery_foods_list .mobile_diet_draggable .food_checkbox {
    padding-left: 18px;
    padding-right: 5px;
    padding-top: 22px;
}

.mobile-body .list_placeholder {
    height: 40px;
    outline: 1px solid #dcdfe1;
    margin-left: 0px;
    /*margin-bottom: 8px;
    margin-top: 8px;*/
    margin-right: 0px;
    background-color: #dbdbdb;
    background: transparent url(/static_files/images/p4.png) left;

}

.phone-body .ingredients_scale_options {
    margin-left: 0px;
    margin-bottom: 20px;
}

.mroiv .block_item {
    /*mobile read only ingredient view*/
    padding-right: 7px;
}

.mobile_food_box.mroiv {
    width: 90%;
} 
 



.graph_container {
    padding-left: 40px;
    padding-top: 20px;
    padding-bottom: 0px;
}

.padding20 {
    padding: 20px 20px;
}

.line .action {
    color: white;
    opacity: 1;
}

#y_axis_label {
    /* Safari */
    -webkit-transform: rotate(-90deg);

    /* Firefox */
    -moz-transform: rotate(-90deg);

    /* IE */
    -ms-transform: rotate(-90deg);

    /* Opera */
    -o-transform: rotate(-90deg);
    display: inline-block;
    margin-left: -200px;
    width: 380px;
}

#x_axis_label {
    width: 100%;
    text-align: center;
}

.line .action {
    outline-width: 1px;
    outline-color: #ffffff;
    outline-style: solid;
    margin-right: 15px;
}

.rickshaw_legend .line {
    margin-top: 4px;
    margin-bottom: 4px;
}

.weight_graph_section, .calorie_graph_section, .macros_graph_section, .micros_graph_section {
    display: none;
}

.update_weight_button {
    display: inline-block;
    float: right;
    margin-top: 10px;
    margin-right: 20px;
}

#weight_preview .ui-widget-header, #calorie_preview .ui-widget-header, #macros_preview .ui-widget-header, #micros_preview .ui-widget-header {
    background: #f4f4f4;
}
.how_to_page .nav a{
            padding-top: 0;
            padding-bottom: 0;
        }

.how_to_page p {
    margin: 0 0 20px;
    font-size: 15px;
    line-height: 24px;
}

.how_to_page h1 {
    margin-bottom: 20px;
}



.explainer_video .youtube_video {
    width: 320px;
    height: 180px;
}

@media (min-width: 768px) {
    .explainer_video .youtube_video {
        width: 560px;
        height: 315px;
    }
}




/* all links */
.how_to_sidebar .nav>li>a {
    color: #52371f;
    border-left: 4px solid transparent;
    padding: 4px 5px;
    font-size: 14px;
    font-weight: 400;
}

/* nested links */
.how_to_sidebar .nav .nav>li>a {
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 20px;
    font-size: 12px;
}

/* active & hover links */
.how_to_sidebar .nav>.active>a, 
.how_to_sidebar .nav>li>a:hover, 
.how_to_sidebar .nav>li>a:focus {
    color: #7c4813;
    text-decoration: none;          
    background-color: transparent;  
    border-left-color: #ee8956;
}
/* all active links */
.how_to_sidebar .nav>.active>a, 
.how_to_sidebar .nav>.active:hover>a,
.how_to_sidebar .nav>.active:focus>a {
    font-weight: 700;
}
/* nested active links */
.how_to_sidebar .nav .nav>.active>a, 
.how_to_sidebar .nav .nav>.active:hover>a,
.how_to_sidebar .nav .nav>.active:focus>a {
    font-weight: 500;
}

/* hide inactive nested list */
.how_to_sidebar .nav ul.nav {
    display: none;           
}
/* show active nested list */
.how_to_sidebar .nav>.active>ul.nav {
    display: block;           
}


.bs-callout {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}
.bs-callout h4 {
    margin-top: 0;
    margin-bottom: 5px;
}
.bs-callout p:last-child {
    margin-bottom: 0;
}
.bs-callout code {
    border-radius: 3px;
}
.bs-callout+.bs-callout {
    margin-top: -5px;
}
.bs-callout-default {
    border-left-color: #777;
}
.bs-callout-default h4 {
    color: #777;
}
.bs-callout-primary {
    border-left-color: #428bca;
}
.bs-callout-primary h4 {
    color: #428bca;
}
.bs-callout-success {
    border-left-color: #5cb85c;
}
.bs-callout-success h4 {
    color: #5cb85c;
}
.bs-callout-danger {
    border-left-color: #d9534f;
}
.bs-callout-danger h4 {
    color: #d9534f;
}
.bs-callout-warning {
    border-left-color: #f0ad4e;
}
.bs-callout-warning h4 {
    color: #f0ad4e;
}
.bs-callout-info {
    border-left-color: #5bc0de;
}
.bs-callout-info h4 {
    color: #5bc0de;
}
.manager_planner_header.small_header_container {
    margin-top: 0;
    /*background: linear-gradient(150deg, #006945 15%, #1d731e 70%, #387810 94%);*/
    background: #fff;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding: 0;
    box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.31), inset 0px -1px 3px 0px rgba(0, 0, 0, 0.05), inset 0px 1px 1px 0px rgba(255, 255, 255, 0.50);
}

.manager_planner_header.small_header_container .image_shading {
    border-radius: 0 0 4px 4px;
    padding: 10px 0 10px 0;
}

.manager_planner_header.small_header_container .main_site_nav {
    margin-bottom: 0;
}

.manager_header_container {
    width: 100%;
    color: #fff;
    /*overflow: hidden;*/
    /*transform: skewY(-12deg);*/
    transform-origin: 0;
    /*background: linear-gradient(150deg,#53f 15%,#05d5ff 70%,#a6ffcb 94%);*/
    /*background: linear-gradient(150deg, #ff7b6c 15%, #77aeff 70%, #4d28ff 94%);*/
    /*background: linear-gradient(150deg, #009563 15%, #2da230 70%, #52b017 94%);*/
    background: linear-gradient(150deg, rgb(108, 194, 255) 15%, #77ecff 70%, #4685ff 94%);
    margin-top: -20px;
    box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.31), inset 0px -1px 3px 0px rgba(0, 0, 0, 0.05), inset 0px 1px 1px 0px rgba(255, 255, 255, 0.50);
}

.more_actions_dropdown {
    display: inline-block;
}

.account_management_content {
    padding-top: 20px;
    padding-bottom: 20px;
}

.account_management_content .disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.account_management_content .disabled button {
    cursor: not-allowed;
}

.account_management_content .table_column_header {
    font-weight: bold;
}

.account_manage_invite_modal_body textarea {
    resize: vertical
}

.invite_emails textarea {
    min-height: 200px;
}

.management_login_signup_header {
    margin: 20px auto 10px;
    text-align: center;
    font-weight: 200;
    font-size: 18px;
    display: inline-block;
}

.add_email_form {
    padding-top: 20px;
}

.add_email_error {
    display: none;
}

.manager_profile_form_margin {
    margin-top: 7px;
    margin-left: 10px;
}

.temp_image {
    min-width: 50%;
    min-height: 50%;
    max-width: 100%;
    max-height: 100%;
}

.crop_button_group {
    padding: 5px;
}

.cropped_manager_logo_img img {
    max-width: 200px;
    max-height: 200px;
}

.subscription_choice {
    background-color: #fff;
    max-width: 250px;
}

.subscription_choice.active {
    border: 1px solid #2e6da4;
}

#manager_payment_plan {
    margin-bottom: 20px;
}

.missing_starting_date, .apply_failure {
    display: none;
}

.manager_logo {
    display: block;
}

.manager_logo.img-thumbnail {
    padding: 0;
}

.manager_logo_button {
    position: absolute;
    z-index: 100;
    margin-top: -26px;
    opacity: 0;
}

.manager_logo_header:hover .manager_logo_button {
    opacity: 1;
}

.manager_logo_header {
    float: none;
    display: none;
}

.small_manager_header {
    display: block;
}

.manager_info_header {
    float: none;
    line-height: 20px;
}

.manager_button {
    width: auto;
    padding: 6px 12px;
}

.manager_button:hover,
.manager_button:focus,
.manager_button:active,
.manager_button.active,
.open .dropdown-toggle.manager_button {
    color: #FFFFFF;
    background-color: #398439;
    border-color: #255625;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .325);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .325);
}

@media (min-width: 768px) {
    .manager_logo_header {
        float: right;
        display: block;
    }

    .manager_button {
        width: 228px;
    }

    .manager_info_header {
    }

    .small_manager_header {
        display: none;
    }
}

/* manager nav */

.manager_nav {
    padding-left: 11px;
    padding-right: 11px;
    margin-top: 10px;
}

.manager_nav .manager_nav_button {
    width: 16.66666667%;
    display: inline;
    float: left;
    position: relative;
    min-height: 1px;
    padding-left: 2px;
    padding-right: 2px;
}

.btn-manager {
    background-color: #fff;
    /*color: #398439;*/
    color: #337ab7;

    text-wrap: normal;
}

.btn-manager.active {
    color: #fff;
    /*background-color: #5cb85c;*/
    /*border-color: #4cae4c;*/
    background-color: #337ab7;
}

.btn-manager.active, .btn-manager:focus {
    outline: none !important;
}

.manager_nav .btn .glyphicon {
    font-size: 18px;
    display: block;
}

.manager_nav .btn {
    font-size: 12px;
    font-weight: 400;
    padding: 6px 12px;
}

@media (min-width: 768px) {
    .manager_nav {
        /*margin-left: -5px;*/
        /*margin-right: -5px;*/
        /*margin-bottom: 10px;*/
    }

    .manager_nav .btn {
        font-size: 14px;
        font-weight: 400;
        padding: 6px 12px;
    }

    .manager_nav .btn .glyphicon {
        /*display: inline;*/
    }

    .manager_nav_button {
        /*padding: 10px;*/
        /*padding-right: 5px;*/
        /*padding-left: 5px;*/
    }

    /* Make the planner button look like a tab when open */
    .manage_open_planner.active {

    }
}

.manager_content_container {
    margin-top: 20px;
}

.refresh_accounts {
    margin-left: 10px;
}
.email_settings_checkbox {
    margin-left: 40px;
}

.receive_emails {
    margin-left: 20px;
}

.email_settings_checkbox.disabled {
    opacity: .5;
    pointer-events: none;
    user-select: none;
}