
.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;
}

.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: #F9F9F9;
}

/* 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 */
}

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

.small_header_share_box .fb-like iframe {
    max-height: 30px;
}

/* App banner styles */

h1, h2, h3, h4 {
    /*font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", 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;
}

.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: #ffcb80;
    border-color: #ee6012;
    color: #333333;
}

.alert-orange .alert-header {
    color: #333;
    font-weight: bold;
    font-size: 24px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
}

.alert-share-box {
    background-color: #f69671;
    border-color: #f0754f;
    color: #ffffff;
}

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

.site_downloading_box {

}

.ordered-list {
    list-style: decimal;
    padding-left: 20px;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}

.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;
}

.food_filter_suggestions {
    width: 50%;
}

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

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

.meal_complexity_row {
    padding-top: 5px;
}

.enable_weekly_planner_row {
    padding-top: 10px;
}

.daily_price_limit_row {
    padding-top: 10px;
}

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

.price_limit_dollar_sign {
    padding-left: 5px;
}

.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: 65px;
}

.logo_svg_carrot {
    width: 70px;
    height: 59px;
}

.logo_svg_carrot_horizontal {
    width: 100%;
    height: 50px;
}

.navbar .navbar-brand {
    color: #f0681d;
    font-size: 24px;
    min-height: 60px;
    padding: 5px 0 0 0;
}

@media (min-width: 768px) {

    .logo_image_carrot {
        width: 80px;
    }

    .logo_svg_carrot {
        width: 90px;
        height: 76px;
    }

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

.logo_svg_carrot_large {
    max-width: 100%;
    width: 142px;
    height: 120px;
}

.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;

}

.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;
}

.small_section_title {
    font-size: 30px;
    font-weight: 400;
}

.small_section_title {
    font-size: 24px;
}

.grocery_list_title {
    font-size: 26px;
    font-weight: 400;
    vertical-align: middle;
    display: inline-block;
}

.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;
}

.smaller_bottom_spacer {
    padding-bottom: 5px;
}

.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%;
    }
}

.col-form-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 {
}

.create_meal_type {
}

.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: 40px;
}

.generator_header, .auto_generator_div {
    background: #FFFFFF;

    -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.12);

    /*border-color: #c7c7c7;*/
    border-radius: 10px;
}

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

.food_page_generator_box {
    -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: 5px;
}

.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;*/

}

.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 {
    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: 600;
}

.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;
    left: 45%;
    bottom: 60px;
    display: none;
    background: #3c474f;
    padding: 10px 30px;
    border: 1px solid #c7c7c7;
    background-color: #fbfbfb;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.12);
}

#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;
}

.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;
}

.padding-top15 {
    padding-top: 15px;
}

.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;
}


@media (min-width: 768px) {
    .meal_list {
        /*margin-top:60px;*/
    }
}

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

.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: 10px;
}

/*    Interactive planner items   */

.food_icons {
    padding-left: 12px;
}

.food_icons_col {
    min-height: 1px;
    transition: opacity 0.15s ease-in-out;
    text-align: center;
    flex: 0 0 24px;
    position: relative;
}

.empty_category {
    margin-left: 25px;
}

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

.food_img_sm {
    max-width: 100%;
    opacity: 1;
    max-height: 50px;
    margin-left: auto;
    margin-right: auto;
}

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

.food_img_md {
    opacity: 1;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -1px;
    max-width: 100px;
}

.rounded_food_img_md {
    border-radius: 10px;
}

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

#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;

    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: 10px;
}

.enter_ingredients_text.as_text {
    margin-left: 45px;
}

.enter_ingredients_text_div {
    display: none;
}

.enter_ingredients_textbox {
    margin-bottom: 20px;
    font-size: 15px;
    width: 100%;
}

.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 {
    display: none;
    margin-bottom: 0px;
    margin-left: 15px;
    margin-right: 15px;
    text-align: center;
}

.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;
    display: inline;
}

.food_description {
    text-overflow: ellipsis;
    font-size: 12px;
    color: #9c9c9c;
    line-height: 12px;
    font-weight: normal;
    padding-top: 5px;
}

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


.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;*/
}

.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;
}

.static_prep_notes {
    font-size: 12px;
    color: #777979;
    line-height: 12px;
    font-weight: normal;
}

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

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

/* 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 {
    text-overflow: ellipsis;
    overflow: hidden;
}

.hidden_small_screens {
    display: none;
}

@media (min-width: 500px) {
    .hidden_small_screens {
        display: block;
    }
}

.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: 25px;
        padding-bottom: 10px;
        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;
}

/*    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;*/
}

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

.food_stats_title {
    text-transform: uppercase;
    padding-bottom: 10px;
}

#day_stats {
    font-size: 13px;
    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;
    margin-top: 5px;
    font-size: 12px;
    overflow-y: auto;
    height: 373px;
    margin-bottom: 15px;
}

.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 */

.food_obj_tooltip {
    border-radius: 10px;
    text-align: left;
    width: 220px;
    max-width: 220px;
}

.tooltip_box {
    line-height: 20px;
    font-size: 14px;
    letter-spacing: 0.3px;
    padding: 10px;
    /*font-weight: 200;*/
}

.tooltip_weight {
}

.tt_macro_div {
}

.tt_macro_name {
    float: left;
}

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

.sb_tooltip_title {
    font-size: 18px;
    line-height: 20px;
    padding-bottom: 1px;
}

.tooltip_time {
}

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

.tooltip_units {
    padding-bottom: 5px;
}

.tooltip_stats {
}

.ingredients_bar {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: -15px;
    margin-right: -15px;
    border-color: rgba(255, 255, 255, 0.15);
    border-top-width: 1px;
}

.recipe_ingredients {
}

.grocery_origin hr {
    margin-top: 2px;
    margin-bottom: 2px;
    border-color: rgba(255, 255, 255, 0.25);
    border-top-width: 1px;
}

.ttp_ingredients {
}

.ttp_ingredient_amount {
    padding-left: 1.5em;
    text-indent: -1.5em;
}

.ttp_ingredient_missing {
    color: #ffa7a2;
}

.tooltip_fats {
    color: #52C0BC;
}

.tooltip_carbs {
    color: #FCB524;
}

.tooltip_proteins {
    color: #976fe8;
}

.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, #optional_serving_fields, .serving_size_form_group, #custom_gram_weights {
    display: none;
}

/*#optional_custom_fields .col-form-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;
    padding-left: 0;
}

.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_container {
    margin-top: 40px;
    /*background-color: #EEEEEE;*/
    margin-top: 30px;
    font-size: 13px;
    border-top: 2px solid #e3e3e3;
}

.footer {
    padding-top: 20px;
    padding-bottom: 30px;
}

/* calendar stuff */

.logged_in_plan_header {
    padding-top: 20px;
}

.calendar_navigation_box {
    padding-top: 20px;
    padding-bottom: 5px;
}

.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;
}


.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: 600;
}

.profile_info_title {
    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-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;
}

/* 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_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;
}

/*  Login page   */

.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.3em;
    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.8em;
    margin-left: -1.5em;
    background-color: #F9F9F9;
    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;
    }
}

.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: 90px;
    padding-right: 0px;
}

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

.welcome {
    padding: 10px 0;
}

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

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

.generator_focus {
    padding-right: 5px;
}


@media (max-width: 767px) {
    .generator_focus label {
        font-size: 13px;
    }
}

.limit_price_explanation {
    font-size: 12px;
    margin-top: 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);
}

.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;
}

.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-top: 10px;
    margin-bottom: 10px;
    text-align: center;
}

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

.featured_in_links {
    margin-bottom: 20px;
}

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

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


.oatmeal_background {
    background-image: url('/static_files/images/oatmeal_background.webp');
    background-size: cover;
    background-repeat: no-repeat;
    /*background-position: calc(50% + 400px) 50px;*/
    padding-top: 250px;
    margin-top: -100px;
}

.oatmeal_bg_small {
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 50px;
}

.testimonial_container {
    background-color: rgba(45, 48, 60, 0.95);

}

.homepage_testimonials {
    margin-bottom: 20px;
    color: #FFFFFF;
    font-size: 20px;
    font-weight: 200;
}

.homepage_testimonials strong {
    font-weight: 600;
}

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

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

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


@media (min-width: 508px) {

    .enter_some_calories {
        margin-left: 120px;
    }

}

@media (min-width: 768px) {

    .enter_some_calories {
        background-image: url('/static_files/images/enter_some_calories.png');
        margin-left: 10px;
        margin-bottom: 50px;
        margin-top: -70px;
    }

}

@media (min-width: 992px) {

    .enter_some_calories {
        margin-left: 180px;
    }

}

.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: 600;
    padding-bottom: 15px;
    padding-top: 20px;
}

.how_to_subheader {
    font-size: 18px;
    font-weight: 600;
    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, .weight_goal_bmi_warning {
    display: none;
}

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

.weight_units {
    display: inline-block;
}

.expected_weight_goal_date {
    font-size: 12px;
    margin-top: -20px;
}

.recent_weight_update {
    color: #999;
    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;
}

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

.breakfast_row input {
    margin-right: 7px;
}

.meal_complexity_tooltip {
    vertical-align: -6px;
}

/* 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: -5px;
}

/*
    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: 39px;
    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;
}

.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 {
}

.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;
    text-align: left;
}

.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-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: #34b2f4;
    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;
}

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

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

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

    .modal-xl {
        width: 740px;
        max-width: 740px;
    }

    .modal-lg {
        width: 740px;
        max-width: 740px;
    }

    .modal-md {
        width: 700px;
        max-width: 700px;
    }
}

@media (min-width: 800px) {
    .modal-lg {
        width: 780px;
        max-width: 780px;
    }
}

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

    .modal-lg {
        width: 800px;
        max-width: 800px;
    }
}

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

    .modal-xl {
        width: 1200px;
        max-width: 1200px;
    }
}

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

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

.popover_footer .footer_text {
    margin-bottom: 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;
}

.alert-danger .errorlist {
    border: none;
    font-weight: normal;
}

.alert-danger ul.errorlist {
    margin-bottom: 0;
}

.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;
}

.fixed_match .diet_draggable:first-child .food_box {
    background-color: rgb(232, 255, 240);
}

.fixed_match {
    border-bottom: 10px solid #777777;
}

.border-orange {
    border-color: #F0754F;
}

.subscription_options .border-orange {
    -webkit-box-shadow: 0 3px 10px 0 rgba(240, 117, 79, 0.22);
    -moz-box-shadow: 0 3px 10px 0 rgba(240, 117, 79, 0.22);
    box-shadow: 0 3px 10px 0 rgba(240, 117, 79, 0.22);
}

.subscription_options .card {
    -webkit-transition: all 150ms ease;
    transition: all 150ms ease;
}

.yearly_card, .monthly_card, .quarterly_card {
    border-width: 3px;
}

.payments_orange {
    position: absolute;
    display: none;
    right: 0;
    top: 50px;
}

@media (min-width: 680px) {
    .payments_orange {
        display: block;
        right: -150px;
    }
}

@media (min-width: 768px) {
    .payments_orange {
        display: block;
        right: -100px;
        top: 100px;
    }
}


@media (min-width: 992px) {
    .payments_orange {
        display: block;
        right: 0;
        top: 50px;
    }
}

.onoffswitch label {
    margin-bottom: 0px;
}

.meal_note_btn {
    word-wrap: break-word;
}

.manager_meal_note .meal_note_btn:hover::before {
    content: '';
    background: url('/static_files/images/pencil-icon.png');
    background-size: cover;
    position: absolute;
    width: 20px;
    height: 20px;
    opacity: 0.5;
    margin-left: -25px;
}
/* Color palette */
:root {
    --text-black: #000000;
    --charcoal-gray: #2d303c;
    --battleship-gray: #76767a;
    --pale-red: #d64848;
    --cool-gray: #98999e;
    --light-gray: #ede9e6;
    --off-white: #f9f8f7;
    --white: #fafafa;
    --dodger-blue: #3d84ff;
    --dusty-orange: #f0754f;
}

body {
    font-family: Avenir, 'Lato', "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.text-orange {
    color: #f0754f;
    color: var(--dusty-orange);
}

.text-link {
    color: #3d84ff;
    color: var(--dodger-blue);
}

.text-dark-gray {
    color: #2d303c;
    color: var(--charcoal-gray);
}

.text-light-gray {
    color: #76767a;
    color: var(--battleship-gray);
}

.text-cool-gray {
    color: #98999e;
    color: var(--cool-gray);
}

.text-black {
    color: #000000;
    color: var(--text-black);
}

.text-red {
    color: #d64848;
    color: var(--pale-red);
}

.text-white {
    color: #FAFAFA;
    color: var(--white);
}


/* Text styles */
.header-xl, .header-large, .header-medium, .text-large, .text-medium, .text-small, .text-label, .text-label-large, .text-label-sm {
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
}

.header-xl {
    font-size: 38px;
    letter-spacing: 1px;
}

.header-large {
    font-size: 28px;
    letter-spacing: 0.5px;
}

.header-medium {
    font-size: 22px;
    letter-spacing: 0.8px;
}

.text-large {
    font-size: 18px;
    letter-spacing: 0.5px;
}

.text-medium {
    font-size: 16px;
    line-height: 1.38;
    letter-spacing: 0.5px;
}

.text-label-large {
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}

.text-small {
    font-size: 13px;
    font-weight: normal;
    letter-spacing: 0.3px;
}

.text-label {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.text-label-sm {
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.text-strong {
    font-weight: 700;
}

.sticky {
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky;
    top: 10px;
}

h2 {
    font-size: 28px;
    font-weight: 200;
}

h4 {
    font-size: 22px;
    font-weight: 200;
}

@media (min-width: 576px) {
    /*Small sizes*/

    .header-xl-sm {
        font-size: 38px;
        letter-spacing: 1px;
    }

    .header-large-sm {
        font-size: 28px;
        letter-spacing: 0.5px;
    }

    .header-medium-sm {
        font-size: 22px;
        letter-spacing: 0.8px;
    }

    .text-large-sm {
        font-size: 18px;
        letter-spacing: 0.5px;
    }

    .text-medium-sm {
        font-size: 16px;
        line-height: 1.38;
        letter-spacing: 0.5px;
    }

    .text-label-large-sm {
        font-size: 14px;
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: 1.5px;
    }

    .text-small-sm {
        font-size: 13px;
        font-weight: normal;
        letter-spacing: 0.3px;
    }
}

@media (min-width: 768px) {
    /*Medium sizes*/
    .header-xl-md {
        font-size: 38px;
        letter-spacing: 1px;
    }

    .header-large-md {
        font-size: 28px;
        letter-spacing: 0.5px;
    }

    .header-medium-md {
        font-size: 22px;
        letter-spacing: 0.8px;
    }

    .text-large-md {
        font-size: 18px;
        letter-spacing: 0.5px;
    }

    .text-medium-md {
        font-size: 16px;
        line-height: 1.38;
        letter-spacing: 0.5px;
    }

    .text-label-large-md {
        font-size: 14px;
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: 1.5px;
    }

    .text-small-md {
        font-size: 13px;
        font-weight: normal;
        letter-spacing: 0.3px;
    }
}

@media (min-width: 992px) {
    /*Large sizes*/
    .header-xl-lg {
        font-size: 38px;
        letter-spacing: 1px;
    }

    .header-large-lg {
        font-size: 28px;
        letter-spacing: 0.5px;
    }

    .header-medium-lg {
        font-size: 22px;
        letter-spacing: 0.8px;
    }

    .text-large-lg {
        font-size: 18px;
        letter-spacing: 0.5px;
    }

    .text-medium-lg {
        font-size: 16px;
        line-height: 1.38;
        letter-spacing: 0.5px;
    }

    .text-label-large-lg{
        font-size: 14px;
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: 1.5px;
    }

    .text-small-lg {
        font-size: 13px;
        font-weight: normal;
        letter-spacing: 0.3px;
    }
}


.tomato_background {
    background-image: url('/static_files/images/landing-background-tomato2-horizontal.webp');
    /*background-size: cover;*/
    background-repeat: no-repeat;
    background-position: center -220px;
}

.tomato_background_left {
    background-position: center -200px;
}

@media (min-width: 768px) {
    .tomato_background {
        background-image: url('/static_files/images/landing-background-tomato2-small.webp');
        /*background-size: cover;*/
        background-repeat: no-repeat;
        background-position: center -150px;
    }

    .tomato_background_left {
        background-position: center -190px;
    }
}

@media (min-width: 1120px) {
    .tomato_background {
        background-image: url('/static_files/images/landing-background-tomato2.webp');
        /*background-size: cover;*/
        background-repeat: no-repeat;
        background-position: center -200px;
    }

    .tomato_background_left {
        background-position: center -550px;
    }
}

.strawberry_shake_background {
    background-image: url('/static_files/images/strawberry_shake.jpg');
    /*background-size: cover;*/
    background-repeat: no-repeat;
    background-position: calc(50% - 335px) 150px;
}

@media (min-width: 650px) {
    .strawberry_shake_background {
        background-position: calc(50% - 380px) 150px;
    }
}

@media (min-width: 768px) {
    .strawberry_shake_background {
        background-position: calc(50% - 500px) 150px;
    }
}

@media (min-width: 1100px) {
    .strawberry_shake_background {
        background-position: calc(50% - 600px) 150px;
    }
}
@media (max-width: 767px) {

    .strawberry_shake_background.hide_mobile {
        background-image: none;
    }
}
.middle-background-images {
    padding: 0;
}

.site_preview_background {
    position: relative;
    overflow: visible;
    height: 550px;
}

.small_text {
    font-size: 12px;
}

.img_flipped {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}

.site_preview_background:before {
    content: "";
    position: absolute;
    width: 800px;
    height: 400px;
    top: 80px;
    left: calc(50% - 700px);
    /*z-index: -1;*/
    background: url('/static_files/images/premium_screenshot.jpg') 0 0 no-repeat;
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
    box-shadow: -80px 50px 180px 10px #aab3c2;
    background-size: 100%;
}

.raspberry_bowl_background {
    background-image: url('/static_files/images/raspberry_bowl.jpg');
    background-size: 30%;
    background-repeat: no-repeat;
    background-position: calc(50% + 250px) 50px;
}


.raspberry_bowl_background2 {
    background-image: url('/static_files/images/raspberry_bowl2.jpg');
    /*background-size: cover;*/
    background-repeat: no-repeat;
    background-position: calc(50% + 400px) 50px;
}

.strawberry_shake_background_right{
    background-image: url('/static_files/images/strawberry_shake.jpg');
    /*background-size: cover;*/
    background-repeat: no-repeat;
    background-position: calc(50% + 400px) 50px;
}

#toast-container {
    padding-top: 100px;
}

.form-group {
    margin-bottom: 30px;
}

.recipe_modal .form-group, .condensed_form .form-group {
    margin-bottom: 1rem; /* set it back to the bootstrap default */
}

.small_form .form-checkbox {
    font-size: 14px;
}

.small_form .form-group {
    margin-bottom: 0.5rem;
}

.small_form .no_spam {
    font-size: 12px;
}

.custom-checkbox-label {
    margin-left: 39px;
    margin-top: -3px;
}

.display-5 {
    font-size: 3rem;
    font-weight: 300;
    line-height: 1.2;
}

.display-6 {
    font-size: 2.5rem;
    font-weight: 300;
    line-height: 1.2;
}

.text-medium-old {
    font-weight: 500;
    line-height: 35px;
}

.badge-purple {
    color: #fff;
    background-color: #4e3f84;
}

.badge-orange {
    color: #fff;
    background-color: #f0754f;
}

.orange_text {
    color: #f0754f;
}

@media (min-width: 768px) {
    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: 1rem;
        padding-left: 1rem;
    }
}

.dropdown-menu {
    z-index: 1041;
}

/* Override the margin on form check input to make it work better with the wrapper classes that the form library uses*/
.form-check-input {
    margin-top: 0;
}

/* make mobile modals scroll smoothly */
.modal {
    -webkit-overflow-scrolling: touch;
}

.modal-header {
    align-items: flex-start;
}

button.close {
    position: absolute;
    right: 30px;
    top: 20px;
}

.mobile-body .alert button.close {
    top: 0;
    right: 5px;
}

.modal-fullscreen button.close {

}

.btn-wrap {
    white-space: normal;
}

/* Override for the slider border radius */
.ui-corner-all {
    border-radius: 12px;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.4em;
    margin-left: -.6em;
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.5em;
    height: 1.5em;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none;
}

.ui-widget-header {
    border: 1px solid #F0754F;
    background: #F0754F;
}

.wide-tooltip .tooltip-inner {
    max-width: 300px;
    text-align: left;
}

.extra-wide-tooltip .tooltip-inner {
    max-width: 600px;
    text-align: left;
}

.modal-body {
    padding: 15px 30px;
}

.modal-header {
    padding: 15px 30px;
    border: none;
}

.hidden {
    display: none !important;
}

.no-wrap {
    flex-wrap: nowrap;
}

.modal-content {
    border-radius: 10px;
}

.mock-link {
    color: #007bff;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
    cursor: pointer;
}

.mock-link:hover {
    color: #0056b3;
    text-decoration: underline;
}

.main_view_container * {
    letter-spacing: 0.3px;
}

.icon-active, .active .icon-default {
    opacity: 0;
}

.active .icon-active {
    opacity: 1;
}

.inactive:hover {
    opacity: 0.5;
}

.active .etm-icon {
    opacity: 1;
}

.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently
                                     supported by Chrome and Opera */
}

.dropdown-toggle::after {
    border: none;
    display: none;
    margin: 0;
}

.dropdown-toggle.show-carot::after {
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
    display: inline-block;
    margin-left: .255em;
}

.content_container {
    background: #FFFFFF;
    /* card bg: */
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.12);
    border-radius: 5px;
    transition: box-shadow 0.3s ease-in-out;
}

.layout_shift_spacer {
    min-height: 1000px;
}

.popover, .etm_search_results {
    box-shadow: 0 4px 10px 3px rgba(0, 0, 0, 0.15);
}

.wide-popover {
    max-width: 400px;
}

.medium-popover {
    width: 300px;
    max-width: 300px;
    padding-left: 0 !important;
}

.section_header, .section_header_orange {
    font-size: 28px;
    font-weight: 200;
}
.section_header_orange{
    color: #F0754F;
}

.form_label_sm {
    /*font-weight: 200;*/
    font-size: 13px;
    font-weight: bold;
}

.btn-xs, .btn-group-xs > .btn {
    padding: 0.25rem 0.35rem;
    font-size: 0.85rem;
    line-height: 1;
}

.svg-button {
    opacity: 0.6;
    transition: opacity 0.2s;
    -webkit-transition: opacity 0.2s;
}

.svg-button:hover {
    opacity: 1;

}

.svg-button:hover .etm-icon {
    /*-webkit-filter: drop-shadow(0px 0px 1px rgba(240,117,79,0.3));*/
    /*filter: drop-shadow(0px 0px 1px rgba(240,117,79,0.3));*/
}

.svg-icon {
    display: inline-block;
    max-height: 25px;
    max-width: 25px;
    vertical-align: middle;
}

.svg-blue .etm-icon {
    fill: #3d84ff;
    color: #3d84ff;
}

.svg-blue {
    opacity: 0.9;
}

.svg-blue:hover {
    opacity: 0.9;
}

.blue-stroke:hover {
    stroke: #3d84ff;
}

.svg-blue:active {
    opacity: 1;
}

.etm-icon-xs {
    width: 16px;
    height: 16px;
}

.etm-icon-smm {
    width: 20px;
    height: 20px;
}

.etm-icon-sm {
    width: 24px;
    height: 24px;
}

.etm-icon-lt {
    width: 32px;
    height: 32px;
}

.etm-icon-md {
    width: 48px;
    height: 48px;
}

.etm-icon-lg {
    width: 96px;
    height: 96px;
}

.etm-icon {
    line-height: 1.5;
    vertical-align: middle;
}

.etm-diet-icon {
    vertical-align: middle;
    max-width: 40px;
    max-height: 40px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.etm-landing-icon {
    vertical-align: middle;
    max-width: 60px;
    max-height: 60px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}

.etm-landing-icon.left-align {
    margin-left: 0;
    margin-bottom: 10px;
}

/* Show nav scrollbar all the time if it's there */
.ps > .ps__scrollbar-y-rail {
    opacity: 0.6;
}

.main_view_container {
    padding-top: 20px;
}

.logged_out_header_container {
    letter-spacing: 0;
    margin-top: 40px;
}

.logged_out_sale_header_container {
}

.section_padding, .week_view_section_padding {
    padding-left: 15px;
    padding-right: 15px;
}

.main_view_container .left-container {
    margin-left: 0;
}

.calendar_header.week_view_section_padding{
        margin-top: -20px;
        padding-top: 20px;
    background-color: #ede9e6;
    }

.carousel_view_selector{
    width: auto;
}

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

    .logged_out_header_container {
        letter-spacing: 0;
        margin-top: 30px;
    }

    .section_padding {
        padding-left: 50px;
        padding-right: 50px;
    }

    .calendar_header.week_view_section_padding{
        margin-top: -30px;
        padding-top: 20px;
    }
}

/* Custom checkbox */

.form-checkbox {
    min-height: 38px;
}

.custom-checkbox + label {
    position: relative;
    width: 25px;
    border-radius: 20%;
    height: 25px;
    border: 2px solid #999;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all ease-out 200ms;
    transition: all ease-out 200ms;
    text-indent: 35px;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    top: 10px;
    margin-left: 15px;
    line-height: 20px;
}

.custom-checkbox + label:after {
    content: "";
    position: absolute;
    width: 0px;
    height: 7px;
    border-bottom: 2px solid #F0754F;
    border-left: 2px solid #F0754F;
    top: 48%;
    left: 37%;
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
    -webkit-transition: all ease-out 200ms;
    transition: all ease-out 200ms;
}

.custom-checkbox:checked + label {
    border-radius: 100%;
    border: 2px solid #F0754F;
}

.custom-checkbox:checked + label:after {
    opacity: 1;
    width: 15px;
}

.custom-checkbox {
    opacity: 0;
    position: absolute;
    z-index: -1;
}

.second_line_label{
    margin-left: 35px;
}

/*.container {*/
/*max-width: 100%;*/
/*}*/

/*@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;*/
/*}*/
/*}*/

/* additional bootstrap button */

.icon-rotating {
    -webkit-animation-name: spin;
    -webkit-animation-duration: 300ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 300ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 300ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;

    animation-name: spin;
    animation-duration: 300ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@-ms-keyframes spin {
    to {
        -ms-transform: rotate(180deg);
    }
}

@-moz-keyframes spin {
    to {
        -moz-transform: rotate(180deg);
    }
}

@-webkit-keyframes spin {
    to {
        -webkit-transform: rotate(180deg);
    }
}

@keyframes spin {
    to {
        transform: rotate(180deg);
    }
}

.btn-outline-secondary {
    color: #6c757d;
    background-color: transparent;
    background-image: none;
    border-color: rgba(0, 0, 0, 0.13);
    color: #2d303c;
}

.btn-secondary, .btn-outline-secondary, .btn-orange, .btn-outline-transparent, .btn-outline-orange, .btn-primary, .btn-outline-primary {
    border-radius: 5px !important;
}

.btn-outline-transparent {
    color: #868e96;
    background-color: transparent;
    background-image: none;
    border-color: #868e96;
}

.btn-outline-transparent:hover {
    color: #fff;
    background-color: #868e96;
    border-color: #868e96;
}

.btn-outline-transparent:focus, .btn-outline-transparent.focus {
    box-shadow: 0 0 0 0.2rem rgba(134, 142, 150, 0.5);
}

.btn-outline-transparent.disabled, .btn-outline-transparent:disabled {
    color: #868e96;
    background-color: transparent;
}

.btn-outline-transparent:not([disabled]):not(.disabled):active, .btn-outline-transparent:not([disabled]):not(.disabled).active,
.show > .btn-outline-transparent.dropdown-toggle {
    color: #fff;
    background-color: #868e96;
    border-color: #868e96;
    box-shadow: 0 0 0 0.2rem rgba(134, 142, 150, 0.5);
}

.btn-orange, .btn-outline-orange, .btn-outline-transparent, .static-btn-outline-orange, .static-btn-orange {
    /*display: inline-block;*/
    /*font-weight: normal;*/
    /*text-align: center;*/
    /*white-space: nowrap;*/
    /*vertical-align: middle;*/
    /*-webkit-user-select: none;*/
    /*-moz-user-select: none;*/
    /*-ms-user-select: none;*/
    /*user-select: none;*/
    border: 1px solid transparent;
    /*padding: 0.5rem 0.75rem;*/
    /*font-size: 1rem;*/
    /*line-height: 1.25;*/
    border-radius: 0.6rem;
    /*transition: all 0.15s ease-in-out;*/
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.12);
}

.btn .etm-icon {
    margin-top: -2px;
    margin-right: 3px;
}

.btn-lg {
    font-size: 18px;
    letter-spacing: 0.25px;
}

.btn-orange, .static-btn-orange {
    color: #fff;
    background-color: #F0754F;
    border-color: #e36f4b;
}

.btn-orange:hover {
    color: #fff;
    background-color: #e34b1b;
    border-color: #cf6544;
}

.btn .etm-icon use {
    transition: opacity .15s ease-in-out;
}

.btn .icon-active, .btn:hover .icon-default, .btn:active .icon-default, .show > .dropdown-toggle .icon-default {
    opacity: 0;
}

.btn:hover .icon-active, .btn:active .icon-active, .show > .dropdown-toggle .icon-active {
    opacity: 1;
}

.btn-orange:focus, .btn-orange.focus {
    box-shadow: 0 0 0 3px rgba(235, 118, 79, 0.5);
}

.btn-orange.disabled, .btn-orange:disabled {
    background-color: #b83340;
    border-color: #bb2d3b;
}

.btn-orange:active, .btn-orange.active,
.show > .btn-orange.dropdown-toggle {
    background-color: #e34b1b;
    background-image: none;
    border-color: #d54519;
}

.btn-outline-orange, .static-btn-outline-orange {
    color: #F0754F;
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid rgba(235, 118, 79, 0.5);
    -webkit-box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.12);
    box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.12);
    /*border-color: #fefefe;*/
    /*border-color: #cf6544;*/
}

.btn-outline-orange:hover {
    color: #fff;
    background-color: #F0754F;
    border-color: #e36f4b;
}

.btn-outline-orange:focus, .btn-outline-orange.focus {
    box-shadow: 0 0 0 3px rgba(235, 118, 79, 0.5);
}

.btn-outline-orange.disabled, .btn-outline-orange:disabled {
    color: #665554;
    background-color: transparent;
}

.btn-outline-orange:active, .btn-outline-orange.active,
.show > .btn-outline-orange.dropdown-toggle {
    color: #fff;
    background-color: #F0754F;
    border-color: #bb2d3b;
}


.btn-bg-white {
    background-color: #FFFFFF;
}



.two-segment-radio .btn-group, .three-segment-radio .btn-group {
    width: 100%;
}

.two-segment-radio .btn {
    width: 50%;
}

.three-segment-radio .btn {
    width: 33.3%;
}

.four-segment-radio .btn {
    width: 25%;
}

/*.bfat_help_tooltip{*/
/*position: absolute;*/
/*left: -20px;*/
/*top: 0;*/
/*}*/

.btn-selector-primary {
    color: #010101;
    background-color: #FFFFFF;
    background-image: none;
    border-color: #898A8F;
}

.btn-selector-primary:hover {
    color: #fff;
    background-color: #4892ff;
    border-color: #3d84ff;
}

.btn-selector-primary:focus, .btn-selector-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-selector-primary.disabled, .btn-selector-primary:disabled {
    color: #007bff;
    background-color: transparent;
}

.btn-selector-primary:not([disabled]):not(.disabled):active, .btn-selector-primary:not([disabled]):not(.disabled).active,
.show > .btn-selector-primary.dropdown-toggle {
    color: #fff;
    background-color: #3d84ff;
    border-color: #3d84ff;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-selector-orange {
    color: #2d303c;
    background-color: transparent;
    background-image: none;
    border-color: rgba(0, 0, 0, 0.13);
}

.btn-selector-orange:hover {
    color: #fff;
    background-color: #F0754F;
    border-color: #e36f4b;
}

.btn-selector-orange:focus, .btn-selector-orange.focus {
    box-shadow: 0 0 0 3px rgba(235, 118, 79, 0.5);
}

.btn-selector-orange.disabled, .btn-selector-orange:disabled {
    color: #6c2a19;
    background-color: transparent;
}

.btn-selector-orange:not([disabled]):not(.disabled):active, .btn-selector-orange:not([disabled]):not(.disabled).active,
.show > .btn-selector-orange.dropdown-toggle {
    color: #fff;
    background-color: #F0754F;
    border-color: #bb2d3b;
    /*box-shadow: 0 0 0 3px rgba(235, 118, 79, 0.5);*/
}

.small_cumulative_graph {
    padding: 0px;
    margin-left: 0px;
    width: 30px;
    height: 30px;
    margin-top: 10px;
    margin-bottom: 10px;
    position: relative;
}

.cumulative_graph {
    padding: 0;
    width: 200px;
    height: 200px;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    position: relative;
}

.cumulative_graph_header {
    text-transform: uppercase;
    font-size: 12px;
}

/* Text styling classes */
.light-text {
    color: #3b3b3b;
}

.thin-text {
    font-weight: 400;
}

.heavy-text {
    font-weight: 600;
}

.focus-text {

}

.flex-container-center {
    display: flex;
    align-items: center;
}

.flex-auto {
    flex: 0 0 auto
}

.flex-auto {

}

.text-wrap {
    white-space: pre-wrap !important;
    word-break: break-word !important;
}

.wrap_or_truncate {
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
}

.date_is_today {
    /*outline: 1px solid #F0754F;*/
    color: #F0754F !important;
    font-weight: bold;
}

label.btn {
    margin-bottom: 0;
}

.user-dropdown > a {
    color: #F0754F;
}

/* Copying this so it overrides our custom border widths */
.input-group > .input-group-prepend > .btn {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

@media (max-width: 767px) {
    .modal-title{
        text-align: center;
        padding-left: 15px;
        padding-right: 15px;
    }
}

/* A selector that looks like text until you hover over it*/

.hidden_hover_selector {
    background: transparent;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    /* needed for Firefox: */
    overflow: hidden;
    /*width: 120%;*/
    /*max-width: 90%;*/
    border: 1px solid transparent;
    border-radius: 0.25rem;
    background-image: none;
    background-clip: padding-box;
    font-weight: 600;
    letter-spacing: 0.3px;
    /*text-decoration-style: dotted;*/
    /*text-decoration-line: underline;*/

}

.hidden_hover_selector:focus {
    background-color: #fff;
    border-color: #80bdff !important;
    outline: none;
}

.hidden_hover_selector:hover {
    appearance: menulist;
    -webkit-appearance: menulist;
    -moz-appearance: menulist;
    /*margin-left: -1px;*/
    /*margin-top: -1px;*/
    border-color: #999999;
}

.bold_child_select select {
    font-weight: 600;
}

.switch_tooltip {
    vertical-align: 18px;
    margin-left: 10px;
}


/* Tabs */

.tabs-container {

}

.tabs-container a {
    font-size: 28px;
    color: rgb(45, 48, 60);
    border-bottom: 4px solid rgba(0, 0, 0, 0);
    padding: 15px;
    display: block;
    border-radius: 4px;
    font-weight: 200;
}

.tabs-container a:hover {
    border-bottom: 4px solid #F0754F;
}

.tabs-container a.active{
    color: #F0754F;
    border-bottom: 4px solid #F0754F;
}

.tabs-container .tab-border{
    border-bottom: 1px solid #dee2e6 !important;
    margin-top: -10px;
}

.tabs-container li {
    -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  text-align: center;
}

.tabs-container a:hover, .tabs-container a:focus {
  text-decoration: none;
}

.filter_recurring_collections_form ul{
    margin-bottom: 0;
}

/* sticky left/right nav buttons */

.carousel_container {
    position: relative;
}

/* Allow the text to be selectable */
.slick-slider {
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

.sticky_nav_button {
    height: 100%;
    opacity: 0.3;
    width: 35px;
    position: absolute;
    z-index: 1030;
    top: 0;
    cursor: pointer;
    transition: opacity 0.15s ease-in-out;
}

.sticky_nav_button:before {
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.25;
    width: 100%;
    /*z-index: -100;*/
    transition: opacity 0.15s ease-in-out;
}

.sticky_nav_button:hover {
    opacity: 0.8;
}

.sticky_nav_button:hover:before {
    opacity: 0.4;
}

.previous_plan_button.sticky_nav_button {
    left: 0;
}

.next_plan_button.sticky_nav_button {

    right: 0;
}

.mobile-body .sticky_nav_button {
    display: none;
}

.previous_plan_button.sticky_nav_button:before {
    background: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
}

.next_plan_button.sticky_nav_button:before {
    background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
}

.previous_plan_button.sticky_nav_button .fa {
    top: 20px;
    position: absolute;
    left: 10px;
}

.next_plan_button.sticky_nav_button .fa {
    top: 20px;
    position: absolute;
    right: 10px;
}

.slick-list {
    overflow-y: auto;
}

.phone-body .slick-list {
    padding: 0 15px !important;
}

.slick-slide {
    padding: 0 35px;
    padding-bottom: 40px;
    border-left: 1px solid rgba(45, 48, 60, 0.1);
    border-top: 3px solid rgba(45, 48, 60, 0.1);
}

.mobile-body .slick-slide {
    padding: 0 25px;
}

.current-day-slide {
    /*background: linear-gradient(#fff0ec, #f9f9f9);*/
    border-top: 3px solid #f0754f;
}

.current-day-slide .header_weekday, .current-day-slide .day_number, .current-day-slide .day_title {
    color: #f0754f;
}

.horizontal_planner .current-day-slide {
    /*background: linear-gradient(#fff0ec, #f9f9f9);*/
    border-top: none;
}

.planner_day_views {
    padding: 0;
}

.day_header {
    padding-right: 0 !important;
    padding-top: 20px;
    padding-bottom: 5px;
}

.horizontal_day_header {
    padding-top: 0;
    padding-bottom: 0;
}

.horizontal_day_header.day_header {
    padding-right: 15px !important;
}

.day_title {
    font-size: 24px;
    font-weight: 200;
    vertical-align: middle;
    display: inline-block;
}

@media (max-width: 768px) {
    .day_title {
        font-size: 20px;
        font-weight: 400;
    }
}

.close-stats-popover {
    position: absolute;
    top: 0;
    right: 10px;
    z-index: 100;
}

.close-stats-popover > button.close {
    top: 0;
    right: 0;
}

.day_number {
    font-size: 58px;
    line-height: 58px;
    letter-spacing: -2px;
}

.day_icons {
    vertical-align: middle;
}

.day_icons > div {
    padding-left: 6px;
}

.meal_icons > div {
    padding-left: 8px;
}

.workspace_stats {
    padding-top: 5px;
    padding-bottom: 5px;
}

.single_day_view_container {
    padding: 0;
    margin: 0 auto;
    width: 100%;
}

.plan_stats_expanded {
    padding-left: 30px;
    font-size: 13px;
}

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

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

    .single_day_view_container {
        padding-left: 50px;
    }
}

@media (min-width: 1200px) {
    .plan_stats_expanded {
        padding-left: 60px;
        font-size: 16px;
    }

    .single_day_view_container {
        padding-left: 80px;
    }

    .single_day_view_container .food_name .print_name {
        font-size: 16px;
        line-height: 1.38;
    }
}

@media (min-width: 1300px) {
    .single_day_view_container {
        padding-left: 120px;
    }
}

@media (min-width: 1450px) {
    .single_day_view_container {
        padding-left: 220px;
    }
}

@media (min-width: 1650px) {
    .single_day_view_container {
        padding-right: 120px;
    }
}


.popover {
    border: 0 !important;
}

.workspace_stats .popover {
    max-width: 400px;
    width: 100%;
}

.day_stats_container .popover {
    max-width: 400px;
    width: 400px;
}

.day-generator-progress, .day-tracking-progress {
    opacity: 0;
    transition: opacity 0.15s ease-in-out;
}

.day-generator-progress .progress-bar, .day-tracking-progress .progress-bar {
    transition: all 0.6s ease;
}

.day-tracking-percent {
    position: absolute;
    top: -12px;
    left: 0;
    transition: all 0.6s ease !important;
}

.slow-width-transition {
    transition: width 1s ease !important;
}

.very-slow-width-transition {
    transition: width 2s ease !important;
}

.fast-width-transition {
    transition: width 0.2s ease !important;
}

.notransition {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    -ms-transition: none !important;
    transition: none !important;
}

.plan_stats_popover {
    padding-top: 10px;
    padding-bottom: 10px;
    transition: box-shadow 0.15s ease-in-out;
    border-radius: 5px;
    cursor: pointer;
    /*box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);*/
    border: solid 1px rgba(0, 0, 0, 0.13);
}

.mobile-body .plan_stats_popover {
    border: 1px solid #c8c8c8;
}

.plan_chart_col {
}

.plan_spark_chart {
    width: 30px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.plan_stats_popover:hover {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
}

.horizontal_day_header .plan_stats_popover {
    padding: 5px;
    border: solid 1px transparent;
}

.horizontal_day_header .plan_stats_popover:hover {
    border: solid 1px rgba(0, 0, 0, 0.13);
}

.plan_calories {
    padding-left: 0;
    display: inline-block;
    vertical-align: middle;
}

.view_nutrition {
    vertical-align: middle;
    display: inline-block;
    /*color: #007bff;*/
    color: #999999;
    font-size: 16px;
    padding-left: 5px;
}

.view_nutrition span {
    opacity: 0;
    transition: opacity 0.15s ease-in-out;
}

.stats_error {
    color: red;
}

.stats_warning {
    color: #FFCC00;
}

.plan_stats_popover:hover .view_nutrition span {
    opacity: 1;
}

/* Meal level */

/* Meal layout stuff */

.empty_meal_box {
    padding: 10px 20px;
}

.horizontal_meal_list .empty-list-caption > .row {
    margin: 0;
}

.empty_text {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
}


.meal_blocking_overlay {
    content: '';
    position: absolute;
    z-index: 99999;
    display: none;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(255, 255, 255, 0.6);
}

.meal_blocking_overlay.show_overlay {
    display: block;
    border-radius: 10px;
}


.meal_box {
    margin-bottom: 5px;
    position: relative;
}

.show_meals_as_cards .meal_container {
    background: #FFFFFF;
    /* card bg: */
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.12);
    border-radius: 5px;
    transition: box-shadow 0.15s ease-in-out;
}

.show_meals_as_cards .meal_container:hover {
    box-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.22);
    z-index: 10;
}

.horizontal_meal_list .meal_container {
    padding: 0;
    border-radius: 0;
    border-left: 1px solid #EEEEEE;
}

.horizontal_meal_list .meal_container:hover {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.12);
}

.horizontal_meal_list .meal_foods {
    padding: 0;
}


.box_shadow {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.12);
    border-radius: 15px;
    background: #FFFFFF;
    transition: box-shadow 0.15s ease-in-out;
}

.box_shadow:hover {
    box-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.22);
}

.profile_box {
    transition: background 0.15s ease-in-out;
}

.profile_box:hover {
    cursor: pointer;
    background: #efefef;

}

.food_thumbs, .ingredient_thumbs {
    flex: 0 0 auto;
}

.food_thumbs.row {
    margin: 0;
    padding: 0.25rem 1.5rem;
}

.thumb_button {
    border-radius: 5px;
    border: solid 1px rgba(0, 0, 0, 0.26);
}

.meal_actions_dropdown, .meal_refresh_btn, .meal-dropdown-icon {
    opacity: 0.4;
    transition: opacity 0.15s ease-in-out;
}

/*.meal_actions_dropdown, .meal_refresh_btn, .meal-dropdown-icon {*/
/*opacity: 1;*/
/*}*/

.mobile_meal_box .meal_thumbs, .mobile_meal_box .meal_actions_dropdown, .mobile_meal_box .meal_refresh_btn, .mobile_meal_box .meal-dropdown-icon {
    opacity: 1;
}

.mobile_meal_box .meal_options_dropdown {
    margin-right: auto !important;
}

.meal_actions_dropdown.show {
    opacity: 1;
}

.meal_box:hover .meal_refresh_btn, .meal_box:hover .meal-dropdown-icon {
    opacity: 1;
}

.meal_thumbs.row {
    margin: 0;
    padding: 0.25rem 1.5rem;
}

.meal_thumbs .col {
    padding: 0;
}

.meal_content {
    padding-bottom: 10px;
}

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

}

.meal_header {
    font-size: 14px;
    padding-bottom: 10px;
    padding-top: 15px;
    padding-left: 20px;
    padding-right: 20px;
}

.horizontal_meal_list .meal_header {
    padding-left: 15px;
    padding-right: 15px;
}

.swap_meal_header {
    border-top: solid 1px rgba(0, 0, 0, 0.13);
}

.meal_bar {
    padding-left: 0;
    display: flex;
    align-items: center;
}

.meal_title {
    color: #333;
    font-size: 18px;
    font-weight: 600;
    /*margin-left: 58px;*/
    letter-spacing: 0.61px;
    display: flex;
    align-items: center;
}

.meal_foods_row {
}

.meal_foods {
    margin-bottom: 0;
}

.print_meal_title {
}

.meal_title:hover .print_meal_title {
    /*text-decoration: underline;*/
}

.meal_title:hover .svg-button {
    opacity: 1;
}

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

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

.bottom_border_meal {
    padding: 10px 0;
    border-bottom: 1px solid #E5E5E5;
    border-top: 1px solid #E5E5E5;
    display: flex;
}

.show_meals_as_cards .bottom_border_meal {
    /* don't show the border */
    border-top: none;
    border-bottom: none;
}

.padding-10 {
    padding: 0 10px;
}

.meal_footer {
    padding-bottom: 5px;
    padding-top: 5px;
}

.meal_stats {
    /*font-weight: normal;*/
    /*font-style: normal;*/
    /*letter-spacing: 0.3px;*/
    /*color: #4C4C4C;*/
    /*position: relative;*/
    /*flex: 1 0 20px;*/
    /*padding-left: 10px;*/
}

.cal_amount {
    cursor: help;
}

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

.eaten_lock_icon {
    display: none;
    position: absolute;
    left: -10px;
}

.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;
    padding-top: 3px;
    padding-right: 10px;
    cursor: pointer;
    /*flex: 0 0 120px;*/
    /*padding-right: 15px;*/
    /*position: relative;*/
}

.i_ate_this.disabled {
    opacity: 0.5;
}

.i_ate_this_off {
}

.i_ate_this_on {
    color: #05b14a;
}

.i_ate_this_off .fa-check-square-o {
    display: none;
}

.i_ate_this_on .fa-square-o {
    display: none;
}

.i_ate_this_text {
}

.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: middle;
}

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

.meal_options_dropdown .dropdown-menu {
}

.meal_options_dropdown_button {
}

.meal_refresh_btn {
    padding-left: 10px;
}

.meal_refresh_btn .etm-icon {
    /* already width controlled */
}

/* Food level */

.food_box {
    padding: 5px;
}

.horizontal_meal_list .food_box {
    padding-left: 15px;
    padding-right: 15px;
}

.bottom_padding_col {
    padding: 10px 0;
}

.bottom_border_col {
    border-bottom: 1px solid #E5E5E5;

}

.meal_list, .blank_day_body {
    margin-top: 10px;
    margin-bottom: 10px;
    background: #FFFFFF;
}

.meal_list_border, .blank_day_body {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.12);
    border-radius: 5px;
    transition: box-shadow 0.15s ease-in-out;
}

.horizontal_meal_list.meal_list {
    margin-top: 0;
}

.horizontal_meal_list {
    border-left: 3px solid transparent;
    border-top: 1px solid rgba(0, 0, 0, 0.04);
}

.current-day-slide .horizontal_meal_list {
    border-left: 3px solid #f0754f;
    border-radius: 0;
}

.meal_list_border:hover {
    box-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.22);
}

.blank_day_body {
    text-align: center;
    margin-top: 75px;
    padding-top: 15px;
    padding-bottom: 60px;
}

.daterangepicker .ranges ul {
    width: auto;
}

.horizontal_planner .blank_day_body {
    margin-top: 0;
    padding-bottom: 15px;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
}

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

.locked_diet_box {
    text-align: center;
    padding-top: 70px;
}

.locked_free_diet {
    color: #929292;
}

/*.current-day-slide .meal_list, .current-day-slide .blank_day_body{*/
/*border: 1px solid #F0754F;*/
/*}*/

.show_meals_as_cards .meal_list_border, .show_meals_as_cards .meal_list:hover {
    box-shadow: none;
    background: none;
    /*border: none;*/
}

.meal_list_border .bottom_border_col {
    border-top: 1px solid #E5E5E5;
    margin-bottom: -1px;
}

.direction_border_col {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #E5E5E5;
}

.food_object_row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 0px;
    margin-left: 0px;
}

.food_image_column {
    min-width: 50px;
    flex: 0 0 50px;
    position: relative;
}

.horizontal_meal_list .food_image_column {
    min-width: 30px;
    flex: 0 0 30px;
}

.small_food_image_column {
    min-width: 32px;
    flex: 0 0 32px;
    position: relative;
}

.food_right_column {
    min-height: 1px;
    flex: 1 0 40%;
    /*display: flex;*/
    position: relative;
    padding-left: 10px;
}

.food_right_column_sm {
    min-height: 1px;
    flex: 1 0 20%;
    /*display: flex;*/
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
}

.food_name_column {
    min-height: 1px;
    flex: 1 0 30%;
    /*display: flex;*/
    position: relative;
    padding-left: 10px;
}

.recurring_food_box .food_name_column {
    flex: 1 0 20%;
}

.filtered_stats {
    font-size: 12px;
    display: flex;
    min-height: 1px;
    position: relative;
}

.static_recurring_food .food_name .print_name {
    cursor: auto;
    text-decoration: none;
    font-weight: normal;
}

.food_amount_column {
    min-height: 1px;
    flex: 0 0 60%;
    max-width: 60%;
    padding-left: 10px;
    /*display: flex;*/
    position: relative;
}

.mobile_food_units .food_units {
    padding-top: 4px;
    padding-bottom: 3px;
    font-size: 14px;
    line-height: 15px;
}

.ingredient_box .food_name_column {
    flex: 0 0 40%;
    max-width: 40%;
}

.food_details_column {
    flex: 1 0 150px;
    display: flex;
    max-width: calc(100% - 76px);
}

.grocery_foods_list .food_details_column {
    max-width: calc(100% - 76px);
}

.foodbank_food .food_details_column {
    max-width: calc(100% - 66px);
}

.meal_type_recurring_collections .food_details_column {
    max-width: calc(100% - 24px);
}

/* FOOD BUTTONS : */

.food_buttons_col {
    opacity: 0;
    min-height: 1px;
    transition: opacity 0.15s ease-in-out;
    text-align: center;
    flex: 0 0 24px;
    position: relative;
}

.wide_food_btns {
    flex: 0 0 90px;
    padding-right: 10px;
}

.food_checkbox_col {
    min-height: 1px;
    transition: opacity 0.15s ease-in-out;
    text-align: center;
    flex: 0 0 84px;
    position: relative;
}

.mobile-body .food_buttons_col, .mobile-body .food_dropdown {
    opacity: 1;
}

.mobile-body .print_name {
    text-decoration: none !important;
}

.ingredient_buttons_col {
    opacity: 0;
    min-height: 1px;
    transition: opacity 0.15s ease-in-out;
    text-align: center;
    flex: 0 0 34px;
    padding-right: 10px;
    position: relative;
}

.thumbs_up_col, .thumbs_down_col {
    min-height: 1px;
    text-align: center;
    flex: 0 0 20px;
    position: relative;
    transition: opacity 0.15s ease-in-out;
    padding-right: 4px;
    opacity: 0;
}

.food_repeat {
    display: none;
}

.food_repeat.is_recurring {
    display: inline;
}

.food_repeat.dropdown-item {
    display: block;
}

.thumbs_col {
    min-height: 1px;
    transition: opacity 0.15s ease-in-out;
    text-align: center;
    flex: 0 0 64px;
    padding-right: 10px;
    position: relative;
}

.food_image_spacer {
    /* for spacing the meal calories below the foods */
    flex: 0 0 55px;
    min-height: 1px;
}

.horizontal_meal_list .food_image_spacer {
    flex: 0 0 35px;
}

.food_image {
    width: 50px;
    height: 50px;
    border-radius: 10px;
    background-size: auto 50px;
}

.small_food_image_column .food_image {
    width: 32px;
    height: 32px;
}

.horizontal_meal_list .food_image {
    width: 30px;
    height: 30px;
    border-radius: 15px;
    background-size: auto 30px !important;
}

.amount_input_div {
}

.food_units_selector_div {
    display: inline;
}

input.amount_input {
    border: 1px solid transparent;
    outline: none;
    background-color: transparent;
    font-family: inherit;
    font-size: inherit;
    margin-left: -2px;
    /*margin-right: -2px;*/
    padding-left: 2px;
    padding-right: 2px;
    border-radius: 0.25rem;
}

.food_units_selector {
    background: transparent;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    /* needed for Firefox: */
    overflow: hidden;
    /*width: 120%;*/
    /*max-width: 90%;*/

    flex: 0 1 auto;
    min-width: 60px;
    max-width: 160px;
    /*margin-left: 3px;*/
    border: 1px solid transparent;
    border-radius: 0.25rem;
    background-image: none;
    background-clip: padding-box;
}

.food_units_selector:focus, .amount_input:focus {
    background-color: #fff;
    border-color: #80bdff !important;
    outline: none;
}

.food_units_selector:hover {

}

.diet_draggable:hover .food_units_selector {
    appearance: menulist;
    -webkit-appearance: menulist;
    -moz-appearance: menulist;
    margin-left: -1px;
    margin-top: -1px;
    border-color: #999999;
}

.diet_draggable:hover .thumbs_down_col, .diet_draggable:hover .thumbs_up_col {
    opacity: 1;
}

.modal_recipe_servings .food_units_selector {
    appearance: menulist;
    -webkit-appearance: menulist;
    -moz-appearance: menulist;
}

.food_units .amount_input, .food_units .food_units_selector, .food_calories {
    /*min-height: 25px;*/
    font-weight: 200;
    letter-spacing: 0.3px;
    color: #76767a;
    font-size: 13px;
}

.food_units {
    display: flex;
}

.amount_input {
    flex: 0 0 5px;
}

.food_calories {
    line-height: 15px;
}

.gram_printout {
    margin-bottom: 4px;
    font-size: 12px;
    line-height: 12px;
    color: #9c9c9c;
}

/* At the moment, these icons are a bit darker/more opaque because they're thinner */
.favorite_icon.inactive, .food_refresh_btn, .food_delete_icon, .recurring_icon_modal,
.control_button.copy_permalink, .add_to_plan_icon {
    opacity: 0.5;
}

.favorite_icon.inactive:hover, .food_refresh_btn:hover, .food_delete_icon:hover, .recurring_icon_modal:hover,
.control_button.copy_permalink:hover, .add_to_plan_icon:hover {
    opacity: 0.8;
}

.mod_units {
}

.diet_draggable {
    -webkit-touch-callout: none !important;
}

.diet_draggable:hover .food_buttons_col, .diet_draggable:hover .ingredient_buttons_col, .restaurant_food_box:hover .ingredient_buttons_col {
    opacity: 1;
}

.food_buttons_col.always_visible {
    opacity: 1;
}

.food_dropdown {
    transition: opacity 0.15s ease-in-out;
    opacity: 0;
}

.diet_draggable:hover .food_dropdown {
    opacity: 1;
}

.food_dropdown.show {
    opacity: 1;
}

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

.food_refresh, .food_delete, .food_repeat {
    cursor: pointer;
    opacity: 0.5;
}

.food_refresh {
    margin-right: 8px;
    width: 24px;
}

.food_refresh:hover {
    opacity: 1;
}

.food_repeat:hover, .food_delete:hover {
    opacity: 1;
}

.food_dropdown .food_repeat {
    opacity: 1;
}

.food_dropdown a {
    cursor: pointer;
}

.block_food {
    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;

}

/* END FOOD BUTTONS */

.food_name .print_name {
    font-size: 13px;
    line-height: 15px;
    font-weight: 700;
    letter-spacing: 0.5px;
    color: #2d303c;
    display: inline;
}

.horizontal_meal_list .food_name .print_name {
    font-weight: 400;
    color: #000000;
}

.food_name {
    line-height: 15px;
}

/* Hover effects: */
.diet_draggable:hover .amount_input, input.modal_amount_input.amount_input {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-color: #999999;
}

.diet_draggable:hover .food_name .print_name {
    text-decoration: underline;
}

.food_image {
    transition: box-shadow ease-in-out 0.15s;
}

.diet_draggable:hover .food_image {
    box-shadow: 0 0 0 2px rgba(240, 117, 79, 0.3);
}

.diet_draggable:hover .food_image:hover {
    box-shadow: 0 0 0 3px rgba(240, 117, 79, 0.7);
}

.diet_draggable {
    background-color: #FFFFFF;
    transition: border 0.15s ease-in-out;
    cursor: move; /* fallback if grab cursor is unsupported */
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
    border: solid 2px rgba(0, 0, 0, 0);
    border-radius: 5px;
}

.horizontal_meal_list .diet_draggable {
    border-radius: 0;
}

.diet_draggable.ui-sortable-helper {
    cursor: grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}

.diet_draggable:hover {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.12);
    /*background-color: rgba(255, 255, 255, 0);*/
    border: solid 2px rgba(240, 117, 79, 0.2);
    /*z-index: 60 !important;*/
    position: relative;
}

.diet_draggable .food_image, .food_name .print_name {
    cursor: pointer;
}

/* Undo some styles for read-only ingredients */

.diet_draggable .read-only-ingredient .food_image:hover, .diet_draggable .read-only-ingredient .food_name .print_name:hover {
    cursor: auto;
}

.diet_draggable .read-only-ingredient .food_image, .diet_draggable .read-only-ingredient .food_image:hover {
    box-shadow: none;
}

.diet_draggable:hover .read-only-ingredient .food_name .print_name {
    text-decoration: none;
}

.diet_draggable.static_draggable {
    cursor: auto;
}

/*.carbs-col{*/
/*color: #ff9000;*/
/*}*/
/*.fats-col{*/
/*color: #3aae4e;*/
/*}*/
/*.proteins-col{*/
/*color: #479ff3;*/
/*}*/

.carbs-col {
    color: #FCB524;
}

.fats-col {
    color: #52C0BC;
}

.proteins-col {
    color: #976fe8;
}

.nutrition-header {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: normal;
}

.current-stats-col {
    font-weight: bold;
}

.extra-nutrition {
    margin-top: 10px;
}

.nutrient-row {
    font-weight: normal;
}

.nutrient-row .col-auto {
    padding-left: 0;
}

.nutrient-row .col-auto.mr-auto {
    padding-left: 15px;
    padding-right: 0;
}

/* Logged out calorie input field */

#not_sure_button {
    position: absolute;
    right: 25px;
    top: 7px;
}

#cal_input {
    padding-right: calc(100% - 70px);
}

#cal-input-label {
    position: absolute;
    right: auto;
    left: 90px;
    top: 7px;
}

@media (min-width: 576px) {

    #cal_input {
    }

    #cal-input-label {
    }
}

@media (min-width: 768px) {

    #cal_input {
        padding-right: 195px;
    }

    #cal-input-label {
        left: auto;
        right: 145px;
    }
}

@media (min-width: 992px) {

    #cal_input {
        padding-right: 215px;
    }

    #cal-input-label {
        right: 165px;
    }
}

@media (min-width: 1200px) {

    #cal_input {
        padding-right: 215px;
    }

    #cal-input-label {
        right: 165px;
    }

}

.expand_header_buttons {
    display: none;
}

.collapse_header {
    display: none;
}

.diet_set_title {
    padding-top: 50px;
    font-size: 28px;
}

.horizontal_planner .diet_set_title {
    padding-top: 20px;
}

.horizontal_planner .diet_set_attributes {
    padding-top: 20px;
    max-width: 280px;
}


.horizontal_planner {
    -webkit-transition: padding-left 300ms ease-out;
    transition: padding-left 300ms ease-out;
}

@media (min-width: 1257px) {
    .horizontal_planner.food_bank_padding {
        padding-left: 50px;
    }
}


.diet_set_attribution {
    font-size: 13px;
    padding-bottom: 10px;
}

.premium_point {
    padding-bottom: 5px;
    padding-top: 5px;
}

.premium_point img {
    margin-top: -7px;
}

.premium_point p {
}

.choose_plan_point p {
    font-size: 16px;
    line-height: 1.8em;
}

.choose_plan_point .orange_text {
    font-weight: 600;
}

.signup_form_container {
    margin-top: 60px;
}

@media (min-width: 992px) {

    .signup_form_container {
        margin-top: 0;
        margin-left: 50px;
        padding-left: 50px;
        border-left: 1px solid #cecece;
    }
}

.v2_dancing_orange {
    max-width: 130px;
    position: absolute;
    top: -130px;
    right: 0;
}

.mobile-body .v2_dancing_orange {
    top: -95px;
}

@media (min-width: 900px) {
    .v2_dancing_orange {
        right: -35px;
        top: -110px;
    }
}

.calendar_actions .btn-lg {
    padding-top: 4px;
    padding-bottom: 4px;
}

.meal_type_row, .nutrition_profile_row {
    margin: 0;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 2px solid #e2e2e2;
}

.meal_type_list, .nutrition_profile_list {
    padding-bottom: 20px;
}

.meal_type_description, .nutrition_profile_description {
    font-size: 14px;
    color: #666666;
}

.settings_section_header {
    font-size: 28px;
    font-weight: 200;
    margin-top: 50px;
    margin-bottom: 20px;
}

.settings_section_header_small {
    font-size: 22px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.tight-nav{
    display: block;
}

.tight-nav .nav-list-item, .tight-nav .sub-list-item{
    border: 1px solid #898A8F;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 6px 15px;
    margin-bottom: 5px;
}

.tight-nav .sub-list-item{
    padding: 3px 15px;
    margin-left: 15px;
}

.list-item-on{
    border-color: #E00404 !important;
    text-decoration: line-through !important;
}

.tight-nav .nav-list-item:hover, .tight-nav .sub-list-item:hover{
    opacity: 0.65;
}

.tight-nav .nav-list-item:hover ~ .sub-list-item{
    opacity: 0.65;
}

.tight-nav > li{
    margin-bottom: 10px;
}

.preset_selector .nav-link {
    font-size: 14px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 10px;
}

.preset_selector_div {
    padding-top: 10px;
    padding-bottom: 10px;
}

/*.leftovers_template_diets {*/
    /*width: 900px;*/
    /*!*height: 300px;*!*/
    /*!*border: 13px solid #bed5cd;*!*/
    /*overflow-x: scroll;*/
    /*!*overflow-y: hidden;*!*/
    /*white-space: nowrap;*/
/*}*/

.leftovers_template_diets{
    margin-left: -10px;
    margin-right: -10px;
}

.col-md-day-of-week {
    /* column for a split 7 days */

    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 5px;
    padding-left: 5px;

}

@media (min-width: 768px) {
    .col-md-day-of-week {
        -ms-flex: 0 0 14.25%;
        flex: 0 0 14.25%;
        max-width: 14.25%;
    }
}

.col-sm-fifth {
    /* column for a split 5 */

    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 5px;
    padding-left: 5px;
}

@media (min-width: 576px) {
    .col-sm-fifth {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}

.backgrid thead th {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #FFFFFF;
    font-size: 13px;
}
.backgrid th, .backgrid td{
    max-width: 200px;
}

#sidebar_nav {
    position: relative;
    z-index: 1035;
}

body {
    padding: 0;
}

.navmenu {
    padding-top: 20px;
    font-size: 18px;
    letter-spacing: 0.3px;
}

@media (min-width: 768px) {
    .navmenu-nav {
        padding-top: 30px;
    }

    .manager-navmenu .navmenu-nav {
        padding-top: 5px;
    }
}

.navbar {
    /*display: block;*/
    /*text-align: center;*/
}

.navbar-brand {
    display: inline-block;
    float: none;
}

.navmenu-brand {
    margin-left: 30px;
    margin-top: 30px;
    margin-bottom: 20px;
    padding: 0;
}

.manager-navmenu-brand {
    margin-left: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-right: 10px;
    padding: 0;
}

.navmenu-divider {
    margin-left: 30px;
    width: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    border-bottom: 2px solid #42454F;
}

.nav-label {
    padding-left: 30px;
    padding-bottom: 0;
    text-transform: uppercase;
    font-size: 11px;
    color: #6F7179;
}

.navbar-toggle {
    position: absolute;
    float: left;
    margin-left: 15px;
}

.navmenu-purple,
.navbar-purple {
    background-color: #2D303C;
    border-color: #1b1b25;
}

/*.navmenu-purple,*/
/*.navbar-purple .navbar-offcanvas {*/
/*background-color: #2D303C;*/
/*border-color: #1b1b25;*/
/*}*/

.navmenu-purple li a {
    color: #FFFFFF;
    padding-left: 30px;
}

.navmenu-purple li .dropdown-item {
    color: #212529;
    padding-left: 30px;
}

.navbar-purple li a, .orange_link {
    color: #ff8456;
}

.sign-in-link {
    color: #ff8456;
    font-size: 0.8em;
}

.navbar-purple li a:hover, .sign-in-link:hover, .orange_link:hover {
    color: #F0754F;
    text-decoration: underline;
}

.navmenu-purple li a:hover {
    color: #ff8456;
}

.navmenu-purple li a.active {
    color: #F0754F;
    font-weight: bold;
}

.navmenu-purple li a.dropdown-item.active {
    color: white;
    font-weight: bold;
}

.navbar-purple .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.navbar-purple .navbar-toggler {
    color: rgba(255, 255, 255, 0.5);
    border-color: rgba(255, 255, 255, 0.1);
}

@media (min-width: 1px) {
    .navbar-toggle {
        display: block !important;
    }
}

.navmenu,
.navbar-offcanvas {
    width: 220px;
    overflow: auto;
}

@media (min-width: 768px) {
    .body-padding {
        padding: 0 0 0 220px;
    }

    .navmenu {
        padding-top: 0;
    }

    .logged-in-top-nav {
        display: none !important; /* IE8 fix */
    }
}

.navbar_username {
    max-width: 135px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: middle;
}

.settings_nav {
    padding-right: 5px;
}

.settings_dropdown {
    padding-left: 10px !important;

}

button.fixed_food_search {
    position: fixed;
    bottom: 50px;
    right: 40px;
    font-size: 32px;
    width: 60px;
    height: 60px;
    border-radius: 30px !important;
    display: none;
}

@media (max-width: 767px) {
    button.fixed_food_search {

        display: block;
    }
}

.nav-item-sm {
    font-size: 15px;
}


.sidebar_tab {
    cursor: pointer;
    background-color: lightgrey;
    opacity: .9;
    color: white;
    width: 25px;
    height: 60px;
    position: absolute;
    margin-left: 260px;
    border: 2px solid;
    border-color: lightgrey;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    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: 16px;
    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;
}

.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_browser_search {
    position: absolute;
    top: 20px;
    right: 30px;
    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;
}

.view_other_btn .btn {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.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;
}

.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: 260px;
    }

    .sidebar_tab {
        margin-left: 260px;
    }

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

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

/* NEW STUFF */
.food_bank_sidebar {
    background: #ffffff;
    width: 260px;
    position: fixed;
    top: 10px;
    margin-left: 10px;
    height: 100%;
    height: calc(100% - 20px);
    left: -270px;
    -webkit-transition: left 300ms ease-out, box-shadow 300ms ease-out;
    transition: left 300ms ease-out, box-shadow 300ms ease-out;
}

.sidebar_open {
    left: 0;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.19), 0 4px 7px 0 rgba(0, 0, 0, 0.1), 0 -1px 2px 0 rgba(0, 0, 0, 0.1);
}

.sidebar_results_div {
    margin: 0;
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior: inherit;
    -webkit-overflow-scrolling: touch;
    max-height: inherit;
    min-height: 1px;
}

.foodbank_nav {

}

.foodbank_tabs > .row {
    flex-wrap: nowrap;
}

.foodbank_tabs .foodbank_tab {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 7px;
    padding-left: 7px;
    cursor: pointer;
}

/*Flex overrides*/
.foodbank_tabs .foodbank_tab {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 1 0 auto;
    width: auto;
    max-width: none;
    border-bottom: 3px solid transparent;
    -webkit-transition: border-bottom-color ease-out 300ms;
    transition: border-bottom-color ease-out 300ms;
    min-width: 0;
    padding-top: 7px;
    padding-bottom: 7px;
}

.foodbank_dropdown {
    flex: 1 0 auto;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    padding-bottom: 5px;
    padding-left: 5px;

}

.foodbank_tab.third_tab {
    flex: 0 1 auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.foodbank_tabs .foodbank_tab:hover {
    border-bottom-color: #8cb7ff;
}

.foodbank_tabs .foodbank_tab.active {
    border-bottom-color: #3d84ff;
}

.foodbank_tabs .dropdown-item{
    border-left: 4px solid transparent;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.38;
    letter-spacing: 0.5px;
}

.foodbank_tabs .dropdown-item.active, .dropdown-item:active {
    color: #212529;
    background-color: #FFFFFF;
    border-color: #3d84ff;
    font-weight: 700;
}

.sidebar_spinner{
    position: absolute;
    top: 1px;
    right: 1px;
}
.multiselect-container > li > a > label {
    margin: 0;
    height: 100%;
    cursor: pointer;
    font-weight: 400;
    padding: 3px 20px 3px 20px
}

.browser_result {
    /*max-width: 25%;*/
    /*min-width: 25%;*/
    border-style: none;
    background-color: rgba(255,255,255,0);
    list-style: none;
}

.browser_result.diet_draggable:hover {
    /*max-width: 25%;*/
    /*min-width: 25%;*/
    cursor: pointer;
    background-color: rgba(255,255,255,0);
    box-shadow: none;
    border: none;
}

.browser_result .card {
    box-shadow: 1px 1px 1px 1px rgba(153,153,153,0.25);
    transition: box-shadow 0.15s ease-in-out;
    border-color: #e0e0e0;

}

.browser_result .card:hover {
    box-shadow: 1px 3px 8px 3px rgba(153,153,153,0.5);
}

.btn-circle.btn-xl {
    width: 50px;
    height: 50px;
    padding: 8px 8px;
    border-radius: 25px;
    font-size: 24px;
    line-height: 1.33;
    border-color: #ced4da;
}

.btn-circle {
    width: 30px;
    height: 30px;
    padding: 6px 0px;
    border-radius: 15px;
    text-align: center;
    font-size: 12px;
    line-height: 1.42857;
}

.browser_filters {
    font-size: small;
}

.browser_spinner {
    width: 200px;
    margin: 100px auto;
}

.results_header_muted_text {
    /*color: #a8acb7;*/
    color: rgba(45,48,60,0.8);
}
.browser_section_header {
    background-color: rgb(255,255,255);
    /*border-color: rgba(45,48,60,0.8);*/
    /*border-bottom-color: #999999;*/
    /*border-bottom-width: 1px;*/
}

.section_header_text {
    color: #F0754F;
}

.browser_results_card {
    list-style-type: none;
    /*box-shadow: 1px 1px 1px 1px rgba(137,137,137,0.5);*/
    /*border-width: 4px;*/
    background-color: rgba(255,255,255,0);
    border-color: rgba(255,255,255,0);
}

.btn-filter {
    color: #010101;
    background-color: #FFFFFF;
    background-image: none;
    border-color: #f8f9fa;
}

.btn-filter:hover {
    color: #fff;
    background-color: #4892ff;
    border-color: #3d84ff;
}

.add_btn_overlay {
    padding:1.25rem;
    position:absolute;
    top:0;
    right:0
}

.browser_add_btn {
    font-size: 28px;
}

@media (min-width: 768px) {
    .edit_browser_nutrition_targets {
        float: left;
    }
}

/* Multiple select overrides */

.ms-drop {
    z-index: 2001; /* Place it above the food search results */
}

.add_food {
    cursor: pointer;
}

.search_filters .ms-choice {
    padding: 3px 0;
    padding-right: 15px;
    text-decoration: underline;
    border: none;
    cursor: pointer;
    font-size: 13px;
}

.search_filters .ms-choice > span {
    display: inline-block;
    max-width: 100%;
}

.ms-choice > .fa {
    padding-right: 5px;
    vertical-align: 2px;
}

.search_filters .ms-choice > div {
    position: relative;
    top: 0;
    height: 20px;
    display: inline-block;
}

.col.search_filters {
    max-width: 75%;
}

.search_bar_back_btn {
    padding-right: 5px;
}

.search_bar_back_btn:hover, .search_three_dot:hover{
    opacity: 0.8;
}

.search_bar_back_btn, .search_three_dot, .search_close_btn {
    flex: 0 0 15px;
    cursor: pointer;
}

.food_bank_sidebar .search_close_btn{
    padding-top: 5px;
    padding-left: 15px;
    padding-bottom: 5px;
    display: block;
}

.search_results_list {
    padding-left: 5px;
}

.search_results_header {
    padding-left: 12px;
    padding-bottom: 12px;
}

.add_custom_button{
    border: none;
    font-weight: 700;
}

.add_custom_button .etm-icon{
    margin-right: 7px;
    opacity: 0.6;
}

.search_results_container{
    padding-top: 15px;
    border-top: 1px solid rgba(45, 48, 60, 0.1);
}

.search_results .food_name_column {
    flex: 0 0 60%;
    max-width: 60%;
}

.search_results .food_name_column.full_width_name{
    flex: 0 0 95%;
    max-width: 95%;
}

.search_results .food_amount_column {
    flex: 0 0 35%;
    max-width: 35%;
}

.navmenu .food_search_form {
    padding: 0 30px;
    font-size: 14px;
    margin-bottom: 10px;
    position: relative;
}

.navmenu .food_search_btn {
    padding: 0 30px;
    padding-bottom: 10px;
}

.navmenu .etm_search_input {
    /*border-color: #4D5263;*/
    /*color: #FEFEFE;*/
    /*background-color: #1F2026;*/
}

.etm_search_input {
    border-radius: 19px;
    padding-left: 30px;
}

.navmenu .etm_search_input {
    background-color: #FFFFFF;
    border-color: #ced4da;
    color: #333333;
}

.navmenu .search_bar_icon {
    color: #FEFEFE;
}

.view_more_spacer {
    margin-bottom: 20px;
}

.search_bar_icon {
    position: absolute;
    left: 27px;
    font-size: 14px;
    top: 12px;
}

.clear_search {
    position: absolute;
    right: 22px;
    font-size: 16px;
    top: 5px;
    cursor: pointer;
    color: #6c757d;
}

.navmenu .etm_search_input + .search_bar_icon {
    color: #333333;
}

.etm_search_results {
    z-index: 1036;
    width: 420px;
    max-width: 100%;
    max-width: calc(100% - 20px); /* double definition for fallback on old browsers */
    height: 80vh;
    position: absolute;
    margin-top: 3px;
    transition: opacity 0.4s ease-in-out;
    overscroll-behavior: contain;
}

.etm_results_div {
    overflow-y: auto;
    overflow-x: hidden;
    border-bottom-left-radius: 10px;
    overscroll-behavior: inherit;
    -webkit-overflow-scrolling: touch;
    height: 90%;
    height: calc(100% - 51px);
}

.food_results_header {
    padding-bottom: 10px;
}

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

.foodbank_food {
    z-index: 2000;
    max-width: 500px;
    background-color: #FFFFFF;
    list-style: none;
}

.drag_food_overlay {
    background: transparent;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2100;
    border-radius: 10px;
}

.shrink_container {
    width: 160px !important;
    height: 80px !important;
    max-width: 100%;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
}

@media (max-width: 450px) {
    .p-0-xs-only {
        padding: 0;
    }
}

.toggle_food_search{
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px !important;
}

.remove_collection_item {
    position:relative;
}

.multi-add-controls .collection-header-btn {
    /*border-radius: 5px !important;*/
}
.collection-header-btn {
    /*border-radius: 24px !important;*/
    color: #2d303c;
    border: 1px solid rgba(235, 118, 79, 0.5);
    height: 100%;
    box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.12);
    transition: box-shadow 0.15s ease-in-out;
}

.collection-header-btn:focus, .collection-header-btn.focus {
    box-shadow: 0px 1px 2px 3px rgba(235, 118, 79, 0.5);
}

.collection_foodlist_food .food_checkbox {
    cursor: pointer;
    padding: 10px;
    padding-left: 10px;
    margin-top: -5px;
    margin-bottom: -5px;
    background-color: #F2F2F2;
    border-radius: 5px;
    border: 1px solid rgba(0, 0, 0, 0.13);
    transition: border-color 0.3s ease-in-out;
    flex: 0 0 43px;
    position: relative;
}

.collection_foodlist_food .food_checkbox:hover{
    border-color: #f0754f;
}

.remove_item_icon {
    margin-right: 5px;
}

.collection_food_delete {
}

.collection_sort {
    font-size: small;
}

.collection_foodlist_food {
    background-color: #FFFFFF;
    list-style: none;
}

.quad_collection_image_0 {
    border-top-left-radius: 4px;
    padding: 0;
    padding-right: 1px;
    padding-bottom: 1px;
}

.quad_collection_image_1 {
    border-top-right-radius: 4px;
    padding: 0;
    padding-left: 1px;
    padding-bottom: 1px;
}

.quad_collection_image_2 {
    border-bottom-left-radius: 4px;
    padding: 0;
    padding-right: 1px;
    padding-top: 1px;
}

.quad_collection_image_3 {
    border-bottom-right-radius: 4px;
    padding: 0;
    padding-top: 1px;
    padding-left: 1px;
}

.quad_collection_card_image_0 {
    border-top-left-radius: 4px;
    padding: 0;
    padding-right: 1px;
    padding-bottom: 1px;
}

.quad_collection_card_image_1 {
    border-top-right-radius: 4px;
    padding: 0;
    padding-left: 1px;
    padding-bottom: 1px;
}

.quad_collection_card_image_2 {
    padding: 0;
    padding-right: 1px;
    padding-top: 1px;
}

.quad_collection_card_image_3 {
    padding: 0;
    padding-top: 1px;
    padding-left: 1px;
}

.single_collection_back_btn {
    color: #F0754F;
}

.single_collection_back_btn:link {
    color: #F0754F;
}

/* visited link */
.single_collection_back_btn:visited {
    color: #F0754F;
}

/* mouse over link */
.single_collection_back_btn:hover {
    color: #F0754F;
}

/* selected link */
.single_collection_back_btn:active {
    color: #F0754F;
}

.collection_image {
    position: relative;
}

.collection_image img {
    transition: .2s ease;
    border-radius: 10px;
    /*border: 1px solid rgba(0, 0, 0, 0.125);*/
}


.collection_image:hover img {
    opacity: 0.5;
}

.collection_image:hover .upload_overlay {
    opacity: 1;
}

.image_shading {
    z-index: 0;
}

#fixed_downloading_status {
    z-index: 10000;
}

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

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

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

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

.foodbank_nav {
    z-index: 1001;
}

.left_panel {
    z-index: 1001;
}

.food_bank_sidebar {
    z-index: 1036;
}

@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_food_modal > .modal {
    z-index: 1051;
}

#leftovers_add_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: 8px;
    /*margin-left: -20px;*/
}

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

.macro_input {
    width: 30px;
}

#nutrition_targets_dropdown {
    min-width: 250px;
}


.delete_profile {
    float: right;
    color: #333;
    white-space: nowrap;
    cursor: pointer;
}

.delete_profile:hover {
    outline: 1px solid #ea0300;
    color: #ea0300;
}

.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 {
}

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

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

.carbs_range .ui-widget-header{
    background: #FCB524;
}

.carbs_range .col-form-label{
    color: #FCB524;
    font-weight: bold;
}

.fats_range .ui-widget-header{
    background: #52C0BC;
}

.fats_range .col-form-label{
    color: #52C0BC;
    font-weight: bold;
}

.proteins_range .ui-widget-header{
    background: #976fe8;
}

.proteins_range .col-form-label{
    color: #976fe8;
    font-weight: bold;
}

.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;
}

.nutrition-summary-text {
    font-size: 22px;
    font-weight: bold;
}

.edit_targets_button {
    margin-left: 15px;
}


.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;
    width: 32%;
    text-align: center;
}

.macro_recommendation {
    display: none;
}

.inline_block {
    display: inline-block;
}

.small_calc_input {
     width: 85px;
}

.imperial_inputs {

}

.metric_inputs {
}

.female_bfat_percent{
    display: none;
}

.signup_input_label {
    position: absolute;
    top: 7px;
    right: 40px;
}
.left_form_tooltip{
    position: absolute;
    left: -10px;
    top: 7px;
}


/* Food object modal */

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

#food_object_modal_body {
    height: 100%;
}

.recipe_modal.modal-body{
    padding-top: 0;
}

.ingredients_scale_options {
    vertical-align: middle;
}

.directions_list li{
    list-style:none;
}

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

.recipe_scale_selector{
    padding: 0 0.75rem;
}


.food_control_panel .etm-icon{
    max-width: 30px;
    max-height: 30px;
}

.control_button:hover .etm-icon{

}

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

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

.ingredients_list .remove_item {
    float: right;
}

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


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

.add_leftovers{
}
.add_leftovers img{
    height: 16px;
    width: 16px;
}

.js-fileapi-wrapper label{
    margin-bottom: 0;
}

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

.food_upload_image {

}

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

.food_upload_preview {
    padding-top: 20px;
}

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

.cropped_image img, .cropped_editor_image img{
    max-width: 100%;
}

.image_padding {
    /*display: inline-block;
    vertical-align: top;
    margin-left: -20px;
    padding: 20px;*/
    margin-top: 20px;
    border-radius: 10px;
    overflow: hidden;
    text-align: center;
}

.recipe_serving_printout {
    font-size: 80%;
    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 .amount_box {
    padding-top: 15px;
    padding-bottom: 8px;
}

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

.remove_item_modal .food_delete {
    width: auto;
}


.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: 450px) {
    .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 {

}

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

.nutrition_info {
    display: none;
    margin-top: 20px;
    margin-left: -10px;
    margin-right: -10px;
    font-size: 11px;
}

.nutrition_info .micro_details_header{
    font-size: 12px;
}

.recipe_info {
    padding-top: 0;
}

.ingredients_box {
    margin-bottom: 10px;
}

.phone-body .ingredients_box{
    padding: 0;
}

.recipe_info .diet_draggable {
    cursor: auto;
    border-radius: 10px;
}

.ingredients_list.ui-sortable .diet_draggable {

    cursor: move;
}

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

.recipe_info_div {
    padding-top: 10px;
}

.food_control_panel .col-auto{
    padding: 10px 0;
    padding-bottom: 15px;
}

/**
 * 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-bottom: 30px;
}

.recipe_stats_div {

}

.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-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{
    padding: 0;
}

.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 {
    width: 160px;
    height: 160px;
    margin-bottom: 10px;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
    position: relative;

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

#modal_day_stats {
}

.food_control_panel {
    text-align: center;
    margin-top: 10px;
}

@media (min-width: 768px) {
    .food_control_panel {
        margin-top: 40px;
    }
}

.food_control_panel .food_units_selector {
    width: 150px;
}

.food_control_panel .col-auto{
    -ms-flex: 1 0 auto;
      flex: 1 0 auto;
}

/**
 * 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;
}

.recipe_direction {

}

.recipe_directions_list{
}

.direction_number {
    width: 40px;
}


/* similar foods styles */

.similar-food-item{
    padding-top:0;
    padding-bottom:0;
    color: #333333;
}
.similar-food-item img{
    padding-left:0;
    padding-right:0;
}

.similar-food-item:hover{
    background-color: #f9f9f9;
    border-color: #999999;
}

#modal_day_stats .stats_output{
    font-weight: bold;
}

#modal_day_stats{
    font-size: 13px;
}

.modal_amount_input{
    padding: 6px 10px !important;
}

.ingredient_box .food_units, .grocery_foods_list .food_units{
    margin-top: -5px;
}


.other_meal_type {
    color: #333;
    white-space: nowrap;
    width: 140px;
    display: inline-block;
}

.delete_meal_type {
    float: right;
    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;
}



.appliances_row input + span{
    padding-left: 32px;
    margin-left: 8px;
    background-repeat: no-repeat;
    background-size: 32px 32px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.ms-drop ul > li.multiple label{
    padding-top: 10px;
    padding-bottom: 10px;
}

.appliances_row input[value="stove"] + span{
    background-image: url("/static_files/images/appliance_icons/stove.png");
}
.appliances_row input[value="grill"] + span{
    background-image: url("/static_files/images/appliance_icons/grill.png");
}
.appliances_row input[value="oven"] + span{
    background-image: url("/static_files/images/appliance_icons/oven.png");
}
.appliances_row input[value="slow_cooker"] + span{
    background-image: url("/static_files/images/appliance_icons/slow_cooker.png");
}
.appliances_row input[value="toaster"] + span{
    background-image: url("/static_files/images/appliance_icons/toaster.png");
}
.appliances_row input[value="food_processor"] + span{
    background-image: url("/static_files/images/appliance_icons/food_processor.png");
}
.appliances_row input[value="blender"] + span{
    background-image: url("/static_files/images/appliance_icons/blender.png");
}
.appliances_row input[value="microwave"] + span{
    background-image: url("/static_files/images/appliance_icons/microwave.png");
}

.recurring_foods_link_div{
    font-size: 13px;
}

.recipe_checkbox_label {
    font-weight: normal;
    margin-left: 10px;
}

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

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

.equals_input_label {
    position: absolute;
    left: -5px;
    top: 5px;
}

.gram_input_label {
    position: absolute;
    right: 0;
    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;
}

.edit_nav_collapse {

}

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

    .edit_nav_collapse .dropdown-menu {
        min-width: 300px;
    }
}

.ingredients_text_input_row {
    /*display: none;*/

}

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

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

.parse_result {
    padding-right: 20px;
}

.parse_result_list .selected .food_box {
    /*background-color: #EFF6FE;*/
    /*border: 1px solid #3248cc;*/
    /*border-radius: 2px;*/
    box-shadow: 0 0 2px 2px #45c15f;
    z-index: 2;
}

.accept_parse_buttons {
    margin-top: 10px;
    margin-bottom: 30px;
}

.importer_controls {
    display: none;
}

.drag_suggestion {
    display: none;

}

.drag_suggestion {
    font-size: 12px;
}
.view_more_link {
    font-size: 14px;
}

.parse_result_list {
}

/*.matches_row .diet_draggable {*/
    /*display: none;*/
/*}*/

/*.matches_row .diet_draggable:first-child {*/
    /*display: block;*/
/*}*/

.edit_parsed_text {
    padding-left: 10px;
    font-size: 12px;
    color: #bbbbbb;
}

.edit_parsed_text_div {
    display: none;
}

.matches_row {
    margin-bottom: 12px;
}

.text_row {
    border-top: 1px solid #cacaca;
    padding-top: 12px;
    margin-bottom: 7px;
}

.parsed_text {
    font-size: 16px;
}

@media (min-width: 768px){
    .form-control.ingredient_text_to_parse{
        width:350px;
    }
}
.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;
    background-color: #ffffff;
    -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;
    -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, .meal_type_recurring_collections {

    background: #FFFFFF;
    /* card bg: */
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.12);
    border-radius: 10px;
    transition: box-shadow 0.3s ease-in-out;
}

.meal_type_recurring_foods .diet_draggable, .meal_type_recurring_collections .diet_draggable{
    min-height: 40px;
    border-bottom: 1px solid #e9e9e9;
}

.meal_type_recurring_collections .diet_draggable{
    cursor: auto;
}

.meal_type_recurring_foods .diet_draggable:first-child, .meal_type_recurring_collections .diet_draggable:first-child{
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    overflow: hidden;
}

.meal_type_recurring_foods .diet_draggable:last-child, .meal_type_recurring_collections .diet_draggable:last-child{
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    overflow: hidden;
    border-bottom: none;
}

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

.meal_type_recurring_foods li {
    list-style: none;
}

.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 {
}

.often_frequency_units {
    font-size: 12px;
    color: #b9ccd3;
    padding-top: 3px
}

.view_collection{
    font-size: 12px;
}

/*//////////////////////
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;
}

.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;
}

.no-click {
    cursor: not-allowed;
}

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

.signup_form_step {
    padding-top: 10px;
    padding-bottom: 10px;
}

.step_2_div {
    display: none;
}

.step_3_div {
    display: none;
}

.step_4_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_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;
}

/* Button group widths */
.user_profile_form_div .btn-group, #calculator_form .btn-group, .calculator_form .btn-group {
    width: 100%;
}

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

#finish_free_signup_form {
    margin-top: 40px;
}
@media (min-width: 768px) {
    .meal_layout_switch_label {
        vertical-align: 10px;
    }
}

.template_title {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    /*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;
}

.template_meals_container {
    min-height: 60px;
}

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

.leftovers_template_meals {
    margin-bottom: 0;
}

.regenerate-alert {
    display: none;
}

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

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

.template_targets {
}

.template_targets .nutrition_targets_dropdown_button {
    width: 100%;
}

.template_meal_title {
    /*display: inline-block;*/
    /*min-width: 100px;*/
    /*width: 75%;*/
    padding: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    vertical-align: middle;
    flex: 1 0 50px;
    font-size: 15px;
    letter-spacing: 0.3px;
}

.drag_template_meal {
    padding: 0;
    cursor: pointer;
    flex: 0 0 15px;
    opacity: 0.8;
    padding-right: 20px;
}

.edit_template_meal {
    /*display: inline-block;*/
    padding: 0;
    cursor: pointer;
    flex: 0 0 15px;
    /*width: 10%;*/
    /*min-width: 15px;*/
}

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

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

.delete_template_meal {
    /*min-width: 15px;*/
    /*width: 10%;*/
    /*display: inline-block;*/
    flex: 0 0 15px;
    opacity: 0.4;
    cursor: pointer;
    padding: 0;
}

.mobile-body .edit_template_meal .dropdown-toggle, .mobile-body .delete_template_meal {
    opacity: 0.8;
}

.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;*/
/*}*/

.single_template_row, .diet_row_1, .diet_row_2 {

}

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

.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%;
    }

}

.which_days_section input, #leftovers_meal_days input {
    margin-right: 5px;
}

.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: 10px;*/
    /*-webkit-border-radius: 10px;*/
    /*-moz-border-radius: 10px;*/
    /*border-radius: 10px;*/
    border-bottom: 2px solid #e2e2e2;
}

.leftovers_chain_color_0 {
    border-left: 10px solid #34b2f4;
}

.leftovers_chain_color_1 {
    border-left: 10px solid #1b92ef;
}

.leftovers_chain_color_2 {
    border-left: 10px solid #0074D9;
}

.leftovers_chain_color_3 {
    border-left: 10px solid #2f5ce9;
}

.leftovers_chain_color_4 {
    border-left: 10px solid #4e4ddd;
}

.leftovers_chain_color_5 {
    border-left: 10px solid #7158e4;
}

.leftovers_chain_color_6 {
    border-left: 10px solid #8d38cd;
}

.leftovers_chain_color_7 {
    border-left: 10px solid #8b30b5;
}

.leftovers_chain_color_8 {
    border-left: 10px solid #5235b3;
}

.leftovers_chain_color_9 {
    border-left: 10px solid #454798;
}

.edit_chain_row .leftovers_chain_color {
    border-left: none;
    border-bottom: none;
    padding-bottom: 10px;
    padding-top: 10px;
}

.new_leftovers_chain_form .leftovers_chain_color {
    padding-bottom: 10px;
    padding-top: 10px;
}

/**/
/*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 {
    text-overflow: ellipsis;
    white-space: nowrap;
    /*width: 110px;*/
    overflow: hidden;
    padding-left: 5px;
}

.leftovers_template_meal {
    min-height: 32px;
}

.leftovers_div .content_container {
    /*padding:0;*/
}

.new_leftovers_chain_form, .leftovers_chain_list {
    margin-left: -15px;
}

.leftovers-shopping-label {
    font-size: 13px;
}

.template_diet_row {
    margin: 0;
}

@media (max-width: 767px) {
    .form-tooltip {
        margin-top: 5px;
    }
}

/*.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{
    flex: 1;
    padding: 0.5em;
	margin-bottom: 10px;
}

.actions_row {
    flex: 1;
    padding-top: 0.25em;
    padding-left: 0.5em;
    padding-right: 0em;
    padding-bottom: 0.25em;
}

.select_all_row {
    flex: 1;
    padding-top: 0.25em;
    padding-left: 0.5em;
    padding-right: 0em;
    padding-bottom: 0.5em;
}

.select_all_in_list {
    flex: 1;
    padding-left: 0.25em;
    padding-right: 0.25em;
}

.grocery_toggle_col, .grocery_toggle_div {
    flex: 1;
    padding: 0em;
}

.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 {
    background: #FFFFFF;
    padding-top: 10px;
    padding-bottom: 10px;
    /* card bg: */
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.12);
    border-radius: 5px;
    transition: box-shadow 0.3s ease-in-out;
}

.small_food_image_column .food_image {
    width: 32px;
    height: 32px;
    border-radius: 10px;
    background-size: auto 32px !important;
}

.grocery_foods_list .food_image_column{
    min-width: 44px;
}

@media (max-width: 768px) {

}

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

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

.grocery_foods_list .diet_draggable:last-child .bottom_border_col{
    border: none;
}

.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 {
    cursor: pointer;
    padding: 10px;
    padding-left: 13px;
    margin-top: -5px;
    margin-bottom: -5px;
    background-color: #F2F2F2;
    border-radius: 5px;
    border: 1px solid rgba(0, 0, 0, 0.13);
    transition: border-color 0.3s ease-in-out;
    flex: 0 0 43px;
    position: relative;
}

.grocery_foods_list .food_checkbox:hover{
    border-color: #f0754f;
}

/*.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;
}

.grocery_actions_btn, .pantry_actions_btn{
    padding: 5px;
}

.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 label{
    padding: 5px;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    margin-bottom: 0;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.select_all_in_list label:hover{
    border-color: #007bff;
}

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

.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;
}

.grocery_sync_dates {
}

.pantry_start_date, .pantry_end_date{
    font-size: 20px;
    font-weight: bold;
}

/* Amazon Fresh button */

.whole-foods-button {
    background: #006F46 !important;
    color: #FAFAFA;
}

.whole-foods-button:hover {
    background: #005A3D !important;
    color: #FAFAFA;

}

.fresh-green-button, span.fresh-green-button {
    background: -moz-linear-gradient(to bottom,#cada8a,#9c3);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#cada8a),color-stop(100%,#9c3));
    background: -webkit-linear-gradient(top,#cada8a,#9c3);
    background: -o-linear-gradient(to bottom,#cada8a,#9c3);
    background: -ms-linear-gradient(to bottom,#cada8a,#9c3);
    background: linear-gradient(to bottom,#cada8a,#9c3);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cada8a', endColorstr='#99cc33', GradientType=0);
    border-color: #690 #466900 #3d5c00;
}.fresh-green-button, span.fresh-green-button {
    background: -moz-linear-gradient(to bottom,#cada8a,#9c3);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#cada8a),color-stop(100%,#9c3));
    background: -webkit-linear-gradient(top,#cada8a,#9c3);
    background: -o-linear-gradient(to bottom,#cada8a,#9c3);
    background: -ms-linear-gradient(to bottom,#cada8a,#9c3);
    background: linear-gradient(to bottom,#cada8a,#9c3);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cada8a', endColorstr='#99cc33', GradientType=0);
    border-color: #690 #466900 #3d5c00;
}

 .fresh-green-button .a-button-inner, span.fresh-green-button .a-button-inner {
    background: -moz-linear-gradient(to bottom,#cada8a,#9c3);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#cada8a),color-stop(100%,#9c3));
    background: -webkit-linear-gradient(top,#cada8a,#9c3);
    background: -o-linear-gradient(to bottom,#cada8a,#9c3);
    background: -ms-linear-gradient(to bottom,#cada8a,#9c3);
    background: linear-gradient(to bottom,#cada8a,#9c3);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cada8a', endColorstr='#99cc33', GradientType=0);
    border-color: #690 #466900 #3d5c00;
     color: #0a0a0a;
 }
 .a-button {
    background: #e7e9ec;
    border-radius: 3px;
    border-color: #ADB1B8 #A2A6AC #8D9096;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    display: inline-block;
    padding: 0;
    text-align: center;
    text-decoration: none!important;
    vertical-align: middle;
}

 .a-button-inner {
    display: block;
    position: relative;
    overflow: hidden;
    box-shadow: 0 1px 0 rgba(255,255,255,.6) inset;
    border-radius: 2px;
     padding: 8px 15px;
}
 .a-inner-small {
     padding-top: 5px;
     padding-bottom: 5px;
 }

  .a-inner-xsmall {
     padding-top: 5px;
     padding-bottom: 5px;
      font-size: 13px;
 }

  .amazon_fresh_ingredients .a-button{
  }

.fresh-green-button:active, span.fresh-green-button:active {
    background: #8fbe30;
    border-color: #466900 #466900 #3d5c00;
    -webkit-box-shadow: 0 1px 3px rgba(102,102,102,.5) inset;
    -moz-box-shadow: 0 1px 3px rgba(102,102,102,.5) inset;
    box-shadow: 0 1px 3px rgba(102,102,102,.5) inset;
}
.a-button:active, .a-button:active:hover {
    border-color: #adb1b8 #a2a6ac #a2a6ac;
}


.a-button-input {
    position: absolute;
    background-color: transparent;
    color: transparent;
    border: 0;
    cursor: pointer;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    opacity: .01;
    outline: 0;
    overflow: visible;
    z-index: 20;
}

.fresh-green-button:hover, span.fresh-green-button:hover {
    border-color: #690 #466900 #3d5c00;
}

.fresh-green-button:hover .a-button-inner, span.fresh-green-button:hover .a-button-inner {
    background: -moz-linear-gradient(to bottom,#bdcf76,#8fbe30);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#bdcf76),color-stop(100%,#8fbe30));
    background: -webkit-linear-gradient(top,#bdcf76,#8fbe30);
    background: -o-linear-gradient(to bottom,#bdcf76,#8fbe30);
    background: -ms-linear-gradient(to bottom,#bdcf76,#8fbe30);
    background: linear-gradient(to bottom,#bdcf76,#8fbe30);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdcf76', endColorstr='#8fbe30', GradientType=0);
}

@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;
}


.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 {

}

.close_popover {
    margin-top: -18px;
    margin-right: -20px;
}

.targets_popover {
    min-width: 300px;
    max-width: 400px;
}

.targets_popover .popover-header {
    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;
}

/* Fix for the progress graphs: */
.rickshaw_legend .line.disabled{
    cursor: auto;
    pointer-events: auto;
}

.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{
    vertical-align: top;
}

.restaurant_name {
    max-width: 300px;
}

.collapse_button {
}

.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: 10px
}

.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;
}


.feature_column{
    border-radius: 5px;
    border: 1px solid #bebebe;
    padding: 30px;
}

.feature_column_blue{
    border: 1px solid #4685ff !important;
}

.feature_row{
    margin-bottom: 15px;
    padding-left: 25px;
}

.feature_check{
  display:inline-block;
    margin-left: -22px;
    margin-right: 10px;
}
.feature_check:after{

    /*Add another block-level blank space*/
    content: '';
    display: block;

    /*Make it a small rectangle so the border will create an L-shape*/
    width: 7px;
    height: 14px;

    /*Add a white border on the bottom and left, creating that 'L' */
    border: solid #333333;
    border-width: 0 1px 1px 0;

    /*Rotate the L 45 degrees to turn it into a checkmark*/
    transform: rotate(45deg);
}

.feature_column_header{
    min-height: 130px;
}

.crossed_out{
    color: #98999e;
    text-decoration: line-through;
}

.feature_super{
    vertical-align: 15px;
    font-weight: normal;
}

.food_result {
    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: 26px !important;
	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: #976fe8;
    border-radius: 0 4px 4px 0;
}

.fats_border input{
    border-width: 1px;
    border-style: solid;
    border-color: #52C0BC;
}

.carbs_border input{
    border-width: 1px;
    border-style: solid;
    border-color: #FCB524;
}

.proteins_border input{
    border-width: 1px;
    border-style: solid;
    border-color: #976fe8;
}

.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: 600;
    /*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: 14px;
    padding-right: 5px;
    padding-top: 15px;
}

.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);
    position: absolute;
    left: -85px;
    top: 200px;
    text-align: right;
    width: 200px;
}

.graph_padding {
    padding-left: 30px;
}

.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;
}

#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 a.active,
.how_to_sidebar .nav a:hover {
    color: #7c4813;
    text-decoration: none;          
    background-color: transparent;  
    border-left-color: #ee8956;
}
/* all active links */
.how_to_sidebar .nav a.active,
.how_to_sidebar .nav a.active:hover {
    font-weight: 700;
}
/* nested active links */
.how_to_sidebar .nav .nav a.active,
.how_to_sidebar .nav .nav a.active:hover {
    font-weight: 600;
}

/* hide inactive nested list */
.how_to_sidebar .nav ul.nav {
    display: none;
}
/* show active nested list */
.how_to_sidebar .nav .nav-link.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;
}

/* Walkthrough stuff */

.step_md{
    width: 300px;
    font-size: 14px;
    z-index: 2000;
}

.tour_left_inset{
    margin-left: -40px;
}

.popover_left_inset{
    margin-left: -15px !important;
}
.s0 {
    fill: none;
    stroke: #000000;
}

.f0 {
    fill: #000000;
}

.etm-icon .s0, .etm-icon .f0 {
    -webkit-transition: .5s;
}

.etm-icon use{
    pointer-events: none;
}

.etm-icon .fill {
    -webkit-transition: .5s;
    fill: #333333;
}

.etm-icon:hover {
    cursor: pointer;
}

.etm-icon.no-pointer:hover{
    cursor: auto;
}

.etm-icon:hover .s0 {
    stroke: #ffffff;
}

.etm-icon:hover .f0 {
    fill: #ffffff
}

.etm-icon:hover .fill {
    transform: scale(100, 100);
    -webkit-transform: scale(105, 105);
}

.btn-outline-orange .etm-icon{
    /*stroke: #F0754F;*/
    /*color: #F0754F;*/
}

.etm-btn {

}

.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-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;
}

.nav_manager_logo {
    position: relative;
    color: #FFFFFF;
    margin-top: -10px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 13px;
}

.manager_logo_button {
    position: absolute;
    z-index: 100;
    opacity: 0;
    width: 100%;
    max-width: 199px;
    height: 50%;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    cursor: pointer;
}

li:hover .manager_logo_button {
    opacity: 1;
}

.manager_logo_button:hover {
    background-color: rgba(0, 0, 0, 0.7);
}

.manager_logo_button_text {
    text-align: center;
    margin-top: 20px;
    font-weight: bold;
    font-size: 14px;
}

.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;
}

.create_accounts {
    margin-left: 10px;
}

.signup_padding {
    margin: 10px;
}

.workout_data_row {
}

.saved_plan_filter .form-search {
    margin-top: 5px;
    margin-bottom: 15px;
    margin-left: -15px;
    margin-right: 0px;
}

.diet_set_filter .form-search {
    margin-top: 5px;
    margin-bottom: 15px;
    margin-left: 0px;
    margin-right: 0px;
}

li a.management_links {
    color: lightskyblue;
}

.nav-label.management_section_header {
    color: lightgray;
}

.email_table {
    display: block;
    overflow-y: auto;
    height: 400px;
}

.email_filter .backgrid-filter {
    margin: 0px;
    margin-top: 10px;
    margin-bottom: 2px;
}

.user_table {
    display: block;
    overflow-y: auto;
}

.user_table_fixed_height {
    height: 400px;
}

.user_filter .backgrid-filter {
    margin: 0px;
    margin-top: 10px;
    margin-bottom: 2px;
}

.select-all-header-cell input {
    width: 27px;
    height: 27px;
}

.select-row-cell input {
    width: 27px;
    height: 27px;
}

.collapse-arrow-section[aria-expanded="false"] .fa-angle-down {
    display: inline-block;
}

.collapse-arrow-section[aria-expanded="false"] .fa-angle-up {
    display: none;
}

.collapse-arrow-section[aria-expanded="true"] .fa-angle-down {
    display: none;
}

.collapse-arrow-section[aria-expanded="true"] .fa-angle-up {
    display: inline-block;
}

.hide_recipe_buttons .recurring_icon_modal,
.hide_recipe_buttons .add_to_plan_icon,
.hide_recipe_buttons .add_leftovers,
.hide_recipe_buttons .delete_custom_food {
    display: none;
}

.edit_title_description_tags {
    cursor: pointer !important;
}

.edit_title_description_tags:hover::before {
    content: '';
    background: url('/static_files/images/pencil-icon.png');
    background-size: cover;
    position: absolute;
    width: 20px;
    height: 20px;
    opacity: 0.5;
    margin-left: -25px;
}
.hide_week_regenerates .regenerate_weeks_meals_btn {
    display: none;
}

.hide_day_regenerates .day_refresh_button,
.hide_day_regenerates .copy_day,
.hide_day_regenerates .copy_day_divider,
.hide_day_regenerates .generate_day_btn {
    display: none;
}

.hide_meal_regenerates .meal_refresh_btn,
.hide_meal_regenerates .list_meal_combos,
.hide_meal_regenerates .list_collection_combos,
.hide_meal_regenerates .copy_meal,
.hide_meal_regenerates .swap_meal,
.hide_meal_regenerates .swap_meal_divider {
    display: none;
}

.hide_food_refresh .food_refresh,
.hide_food_refresh .food_refresh_btn {
    display: none;
}

.hide_add_delete .clear_meal,
.hide_add_delete .clear_meal_divider,
.hide_add_delete .food_delete_dd,
.hide_add_delete .food_search_btn,
.hide_add_delete .food_search_nav,
.hide_add_delete .food_delete_icon,
.hide_add_delete .add_to_plan_icon {
    display: none;
}

.hide_settings_edit .preferences_nav,
.hide_settings_edit .edit_week_btn,
.hide_settings_edit .edit_meal_type,
.hide_settings_edit .edit_meal_type_divider,
.hide_settings_edit .back_to_profile_btn {
    display: none;
}

.hide_less_used_features .recurring_foods_nav,
.hide_less_used_features .browse_foods_nav,
.hide_less_used_features .collections_nav,
.hide_less_used_features .sync_diet_settings,
.hide_less_used_features .search_map,
.hide_less_used_features .food_repeat.is_recurring,
.hide_less_used_features .recurring_icon_modal,
.hide_less_used_features .food_repeat,
.hide_less_used_features .add_leftovers,
.hide_less_used_features .food_modal_buttons {
    display: none;
}

.hide_save_load_plan .save_diet_range,
.hide_save_load_plan .load_diet_range,
.hide_save_load_plan .load_saved_plan,
.hide_save_load_plan .delete_diet,
.hide_save_load_plan .save_diet_range_day,
.hide_save_load_plan .load_diet_range_day {
    display: none;
}

.hide_create_plan .load_previous_plan,
.hide_create_plan .load_template_plan {

    display: none;
}

.hide_all_clients .submitted_by_text {
    display: none;
}
.approved_accounts_filter .backgrid-filter {
    margin: 0;
}

.backgrid td.editable:not(.editor):hover::before {
    content: '';
    background: url('/static_files/images/pencil-icon.png');
    background-size: cover;
    position: absolute;
    width: 20px;
    height: 20px;
    opacity: 0.5;
    margin-left: -25px;
}

.backgrid td.editable:not(.editor){
    cursor: text;
}

.backgrid td:not(.editable){
    cursor: default;
}

.email_settings_checkbox {
    margin-left: 40px;
}

.receive_emails {
    margin-left: 20px;
}

.email_settings_checkbox.disabled {
    opacity: .5;
    pointer-events: none;
    user-select: none;
}

.profile_pic {
    max-width: 200px;
    max-height: 200px;
    position: relative;
}

.profile_pic img {
    max-width: 200px;
    max-height: 200px;
    transition: .2s ease;
    border-radius: 15px;
    border: 1px solid rgba(0, 0, 0, 0.125);
}

.profile_pic:hover img {
    opacity: 0.5;
}

.profile_pic:hover .upload_overlay {
    opacity: 1;
}

.upload_overlay {
    transition: .2s ease;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
}

.upload_overlay_text {
    cursor: pointer;
    background-color: #483c74;
    color: white;
    font-size: 14px;
    padding: 5px;
    border-radius: 5px;
}

.profile_thumbnail_container {
    overflow: hidden;
    border-radius: 50%;
    max-width: 30px;
    max-height: 30px;
    display: inline-block;
    vertical-align: middle;
}

.profile_thumbnail {
    transform: scale(1.5);
    max-width: 30px;
    max-height: 30px;
}
.thumbs_horizontal {
    min-height: 1px;
    transition: opacity 0.3s ease-in-out;
    text-align: right;
    flex: 0 0 20% px;
    padding-right: 7px;
    position: relative;
}


.thumb_icon {
    cursor: pointer;
    opacity: 0.5;
    display: inline-block;
}

.favorite_icon {
    cursor: pointer;
    opacity: 0.3;
    display: inline-block;
}

.thumb_icon_sm {
    width: 24px;
    height: 24px;
}

.thumb_icon_md {
    width: 48px;
    height: 48px;
}

.thumb_icon_lg {
    width: 96px;
    height: 96px;
}

.thumbs_down {
}

.thumb_icon .icon-active, .thumb_icon.active .icon-default {
    opacity: 0;
}

.thumb_icon.active .icon-active {
    /*background: url('/static_files/images/thumb_up.png');*/
    /*background-size: 100%;*/
    opacity: 1;
}

.thumbs_down {
    /*background: url('/static_files/images/thumb_down.png');*/
    /*background-size: 100%;*/
    vertical-align: -2px;
}

.thumbs_down.active {
    /*background: url('/static_files/images/thumb_down_red.png');*/
    /*background-size: 100%;*/
}

.thumb_icon.inactive:hover {
    opacity: 0.7;
}

.thumb_icon.active {
    opacity: 1;
}

.favorite_icon.active {
    opacity: 1;
}

.meal_rating_info_popup {
    width: 250px;
}
.ingredient_usage_titles, .ingredient_usage{
    font-size: 12px;
}


.blocking_overlay {
    content: '';
    position: absolute;
    z-index: 99999;
    display: none;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(220, 220, 220, .6);
}
.blocking_overlay.show_overlay {
    display: block;
}

.substitution_group {
    position: relative;
}

.substitution_group{
    border-top: 5px solid #333333;
    padding-top: 10px;
}

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

.recipe_with_sub .serving_input, .recipe_with_sub .admin_units_selector{
    font-size: 12px;
}

.recipe-carousel {
    padding: 0 40px 5px 40px;
	height: 150px;
}

.carousel-thumbnail {
	height: 140px;
	text-align: center;
	padding-top: 15px;
}

.carousel-thumbnail:hover{
	border-color: #337ab7;
}

.recipe-carousel-item{
	padding-left:30px;
	padding-right:30px;
}

/* The controls */
.recipe-carousel-control {
	left: -12px;
    height: 50px;
	width: 50px;
    background: none repeat scroll 0 0 #222222;
    border: 4px solid #FFFFFF;
    border-radius: 25px;
    margin-top: 50px;
}
.recipe-carousel-control.right {
	right: -12px;
	left: auto;
}
/* The indicators */
.recipe-carousel-indicators {
	right: 50%;
	top: auto;
	bottom: -10px;
	margin-right: -19px;
}
/* The colour of the indicators */
.recipe-carousel-indicators li {
	background: #cecece;
}
.recipe-carousel-indicators .active {
background: #428bca;
}

.column-border {
    border-left: 1px solid rgba(45, 48, 60, 0.1);
    border-top: 3px solid rgba(45, 48, 60, 0.1);
}

.guided_planning_meal_list {
    min-height: 330px;
}

.guided_planning_meal .meal_content {
    min-height: 200px;
    flex: 1 0;
}

.guided_planning_meal {
    background: #F8F8F8;

    border: 1px solid lightblue;

    border-radius: 15px;
}

.guided_planning_meal .selected_meal {
    display: none;
}

.guided_planning_selected_meal {
    background: white;

    box-shadow: 2px 6px 14px 2px rgba(0, 0, 0, 0.22);
    border-radius: 15px;
    background: #FFFFFF;
    transition: box-shadow 0.15s ease-in-out;
}

.guided_planning_selected_meal .selected_meal {
    display: inline;
}

.guided_planning_selected_meal .deselected_meal {
    display: none;
}

.guided_planning_food {
    -webkit-touch-callout: none !important;
}

.guided_planning_food:hover .food_name .print_name {
    text-decoration: underline;
}

.guided_planning_food .guided_food_image, .guided_food_name .print_name {
    cursor: pointer;
}

.guided_food_image {
    flex: 0 0 100px;
    border-radius: 10px;
}

.guided_food_name {
    flex-shrink: 1;
}

.guided_food_img_md {
    opacity: 1;
    margin-bottom: -1px;
    max-width: 100px;
}

.select_meal {
    cursor: pointer;
}

.guided_planner_food_row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}


