@import url('https://fonts.googleapis.com/css?family=Quicksand:300,400,500,700');
@import url('https://fonts.googleapis.com/css?family=Overpass:100,100i,200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Barlow+Condensed:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900');
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800');

::-moz-selection {
 background-color: #338fff;
 color: #fff;
}
::selection {
	background-color: #338fff;
	color: #fff;
}

.innerHeader{ width:100%!important;    background-color: #fff;}
.innerHeader #nav_menu-2{    float: right;    padding-bottom: 10px;}
.logosec  {    padding-top: 7px;
    padding-bottom: 7px;}
.logosec a{ display:inline-block; max-width:275px;}
.bannerHead{ display:none;}

.deshboardHead{ background-color:#8b8b8b; text-align: center;}
.deshboardHead ul{ display:inline-block; padding:0; margin:0;}
.deshboardHead ul li{ display: inline-block; min-width: 170px;font-family: 'Overpass';
    font-size: 22px;  font-weight: 400;  line-height: normal; position:relative;}
.deshboardHead ul li:after{ content:""; position:absolute; right:0; top:0; width:1px; height:100%;
 /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a7a6a6+0,8b8b8b+100 */
background: rgb(167,166,166); /* Old browsers */
background: -moz-linear-gradient(top, rgba(167,166,166,1) 0%, rgba(139,139,139,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(167,166,166,1) 0%,rgba(139,139,139,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(167,166,166,1) 0%,rgba(139,139,139,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7a6a6', endColorstr='#8b8b8b',GradientType=0 ); /* IE6-9 */   
}
.deshboardHead ul li a{ color:#fff; text-decoration:none; padding: 22px 0; display: block; }   
.deshboardHead ul li.active{ background-color:#4fb855; color:#fff}

.mydietCalculator h5{font-family: 'Barlow Condensed', sans-serif; font-size:21px; margin:23px 0;}
.mydietCalculator h6{font-family: 'Barlow Condensed', sans-serif; font-size:21px; margin:23px 0;}
.mydietCalculator .unitType{padding-bottom: 40px;text-align: left!important;}
.mydietCalculator .unitType label{font-family: 'Quicksand'; font-size:15px; font-weight: 500; border-radius:4px; background-color: #ebedeb;}
.mydietCalculator .unitType input[type="radio"]:checked+label:before{ content:""; display:inline-block; vertical-align:middle; background:url(../img/check_mark-icon.png) no-repeat center center;width: 14px; height: 10px; margin: 0 6px;}

.col_row{ position:relative;overflow: hidden;clear: both; width: 100%;}
.col_row:after{ content:""; position:absolute; width:100%; left:15px; bottom:0;    height: 1px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d3d2d2+0,ffffff+100 */
background: rgb(211,210,210); /* Old browsers */
background: -moz-linear-gradient(left, rgba(211,210,210,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(211,210,210,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(211,210,210,1) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3d2d2', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
    }
.gender_radio{ margin-top: 23px; margin-bottom: 23px;}
.gender_radio label{ text-align: center; background-color:#fff!important; border:1px solid #ececec; border-radius:4px!important; width: 100px; height: 100px; margin-right: 10px!important;}
.gender_radio input[type="radio"]:checked+label{background-color:#daebdb!important; border:1px solid #338b37;}
.gender_radio .g_icon{display: block; margin: 7px 0px;}
.gender_radio .g_icon img{ margin:0!important; max-width:100%!important; display:inline-block!important}
.gender_radio span{ display:block;   font-family: 'Quicksand'; font-weight: 600; color: #504e4e;  font-size: 14px;}

.input-field{ margin: 25px 0;}
.input-field input{ background-color:#f3f3f3; border:1px solid #d5d3d4!important; height:43px; padding:0 10px; font-family: 'Quicksand'; font-weight:500; color:#333;  font-size: 14px!important; min-width:70px; border-radius:4px; box-shadow:0 0 6px 3px rgba(51, 51, 51, 0.05); text-align: center!important;    max-width: 85px;    margin-left: 8px;
    margin-right: 8px;}
.input-field i{font-family: 'Quicksand'; font-weight:500; font-weight:13px;}

.activityLevel{ margin:23px 0}
.activityLevel label{ float:left; text-align: center; background-color: #fff!important; border: 1px solid #ececec;
    border-radius: 4px!important; font-family: 'Quicksand'; font-size:15px; font-weight: 600; text-transform:uppercase;color:#717271;min-width: 200px!important; margin-right: 13px!important;
    margin-bottom: 13px!important;    padding: 14px 5px!important; position:relative;}
.activityLevel label:after{ content:""; position:absolute; left:10px; top:10px; width:30px; height:30px; background:#d9dad9; border-radius:50%;}
.activityLevel label:before{ content:""; position:absolute; left:10px; top:10px; width:30px; height:30px; background:url(../img/check_mark-icon.png) no-repeat center center; z-index: 9; opacity:0}

.activityLevel input[type="radio"]:checked+label{background-color:#daebdb!important; border:1px solid #338b37;}
.activityLevel input[type="radio"]:checked+label span{ color:#2f302f}
.activityLevel input[type="radio"]:checked+label:after{ background-color:#328936;}
.activityLevel input[type="radio"]:checked+label:before{ opacity:1;}


.food_allow{ background-color:#57c95d; text-align: center;}
.food_allow .foodcover{ position:relative;}
.food_allow .food_man{ display:inline-block; vertical-align:middle;}
.food_allow .row{display: inline-block; width: 54%;    vertical-align: middle;}
.food_allow .row button{ background-color:#fff; border-radius:0;font-family: 'Barlow Condensed', sans-serif; text-transform:uppercase; font-size:24px; font-weight:500; color:#338b37;    padding: 10px; display:block; width:100%; border:1px solid #348b38;box-shadow: 1px 0 42px rgba(0,0,0,0.17);}
.food_allow .row button:after{ content:"\f107"; font-family: 'FontAwesome'; position:absolute;     right: 15px;
    top: 8px; font-size:28px;}


.food_allow #allowedfood,
.food_allow #avoidfood{ position:absolute; top: 100%; background-color:#fff; border: 1px solid #348b38;
    padding:10px 0;  margin-top: -1px; z-index:9; width:100%}
.food_allow .foodcover .row{ width:100%;}
.food_allow .foodcover ul{ padding:0; margin:0;}
.food_allow .foodcover ul li{ list-style:none;  text-align: left; font-family: 'Quicksand';
    font-size: 14px; font-weight: 500;  margin-bottom: 10px;}
.food_allow .foodcover.avoidf button{ color:#ca3b3b; border-color:#ca3b3b}
.food_allow .foodcover.avoidf #avoidfood{border-color:#ca3b3b}

.foodList_contant .item{ text-align: center; font-family: 'Barlow Condensed', sans-serif; font-size: 19px; text-transform: uppercase;  color: #191919; position: relative; padding-bottom: 15px; display: block;    overflow: hidden; text-decoration:none}
.foodList_contant .item a{color:#191919;    font-weight: 600!important;letter-spacing: 0.6px; text-decoration:none}
.foodList_contant .item i{ display:block; width:100%; text-align: center;    margin: 20px 0;}
.foodList_contant .item img{ max-width:100%!important; width:auto!important; display:inline-block!important}
.foodList_contant .item:after{ content:""; position:absolute; right:0; bottom:0; width:1px; height:100%;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,eaeaeb+100 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(234,234,235,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(234,234,235,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(234,234,235,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaeb',GradientType=1 ); /* IE6-9 */

}

.foodList_contant .tab-content{ background-color:#eaeaeb; padding:20px 0}
.food_allow p.lead{ font-family: 'Roboto', sans-serif;  font-size:16px; color: #fff;
    font-weight: 400;  display: block;  clear: both; padding-top: 22px;}

.foodList_contant .tab-content .tab-pane{padding:15px; min-height: 370px;}
.foodList_contant .tab-content .tab-pane ul{ background-color: #fff; padding: 15px 40px;}
.foodList_contant .tab-content .tab-pane ul li{font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 400;
    line-height: normal; margin-bottom: 9px;}

.headingSecCal{ text-align: center; background-color:#f9f9f9; overflow: hidden;  padding: 15px 0 0 0; margin-bottom:0;}
.headingSecCal h2{font-family: 'Barlow Condensed', sans-serif; font-weight:500; font-size:27px; color:#282828; text-transform:uppercase; margin:20px 0;    margin-bottom: 10px;}
.headingSecCal p{ font-family: 'Overpass'; font-size: 14px; margin-bottom:20px;}


.searchHead{ text-align: center; background-color:#f9f9f9; overflow: hidden; padding-bottom: 40px;  margin-bottom: 40px;}
.searchHead h2{font-family: 'Barlow Condensed', sans-serif; font-weight:500; font-size:27px; color:#282828; text-transform:uppercase; margin:20px 0;    margin-bottom: 10px;}
.searchHead p{ font-family: 'Overpass'; font-size: 14px; margin-bottom:20px;}
.searchHead .searchDietSec{ text-align: center}
.searchHead .searchDiet{max-width: 590px; margin: 0 auto; width: 100%; border: 1px solid #e5e5e5;  background-color: #fff; height: 51px;border-radius: 50px;    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.07); height: 50px;overflow: hidden; position:relative;}
.searchHead .searchDiet:after{ background-color: #3da843; content: "";  position: absolute; right: 0;
    top: 0; width: 80px;  height: 48px; background-image: url(../img/calendar_icon.png);  background-repeat: no-repeat;
    background-position: center center;}
.searchHead .searchDiet input{width: 100%; border:none;  outline:none;padding: 0 75px 0 25px; height: 48px;    background: transparent; position: relative;  z-index:9;font-family: 'Quicksand'; font-size: 17px; font-weight: 500; }


.searchFood{ text-align: center; background-color:#f9f9f9; overflow: hidden; padding-bottom: 40px;  margin-bottom:20px; position:relative;   }
.searchFood h2{font-family: 'Barlow Condensed', sans-serif; font-weight:500; font-size:27px; color:#282828; text-transform:uppercase; margin:20px 0;    margin-bottom: 10px;}
.searchFood p{ font-family: 'Overpass'; font-size: 15px; margin-bottom: 10px; padding-top: 5px;}
.searchFood .searchDietSec{ text-align: center}
.searchFood .searchDiet{max-width: 590px; margin: 0 auto; width: 100%; border: 1px solid #e5e5e5;  background-color: #fff; height: 51px;border-radius: 50px;    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.07); height: 50px;overflow: hidden; position:relative;}
.searchFood .searchDiet input[type="text"]{width: 100%; border:none;  outline:none;padding: 0 75px 0 25px; height: 48px;    background: transparent; position: relative;  z-index:9;font-family: 'Quicksand'; font-size: 17px; font-weight: 500; }
.searchFood .searchDiet input[type="submit"]{ background-color: #3da843; content: "";  position: absolute; right: 0;
    top: 0; width: 80px;  height: 48px;border-radius: 0; padding: 0;    z-index: 9;}

.searchFoodResult{ max-width: 900px; margin: 0 auto; min-height:350px}
.searchFoodResult .secondary-title{font-family: 'Roboto', sans-serif; font-size: 15px; margin:0; margin-bottom:25px;}
.searchFoodResult #meal_toggle{ display: inline-block; margin-left:5px; position:relative;}
.searchFoodResult  #sort_toggle_en{ float:right;position:relative;}
.searchFoodResult  #sort_toggle_en #sort_options{position: absolute; background: #fff; border: 1px solid #e6e0e0;  right: 0;
    padding: 8px 9px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.12); top: 28px;    z-index: 9;}
.searchFoodResult  #sort_toggle_en #sort_options ul{ margin:0; padding:0}
.searchFoodResult  #sort_toggle_en #sort_options li{ font-size:14px; display: block;    margin-bottom:7px;}
.searchFoodResult  #sort_toggle_en #sort_options li:last-child{ margin-bottom:0}

.searchFoodResult  #meal_toggle #meal_options{position: absolute; background: #fff; border: 1px solid #e6e0e0;  right: 0;
    padding: 8px 9px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.12); top: 28px;    z-index: 9;}
.searchFoodResult  #meal_toggle #meal_options ul{ margin:0; padding:0}
.searchFoodResult  #meal_toggle #meal_options li{ font-size:14px; display: block;    margin-bottom:7px;}
.searchFoodResult  #meal_toggle #meal_options li:last-child{ margin-bottom:0}
.add_button_checked{ float: left; margin-right:10px;}
.add_button_checked input{background-color: #3da843; padding: 9px 20px;}
.searchFoodResult .nav-tabs{    text-align: right;}
.searchFoodResult .nav-tabs li{ font-family: 'Roboto', sans-serif;  float: none; display: inline-block;}
.searchFoodResult .nav-tabs li a{padding:13px 20px; padding-bottom:13px;color: #130e7b; margin-right: 0;}

.searchFoodResulttabs table{ width: 100%;}
.searchFoodResulttabs .favorite td{ padding:10px 10px; font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 400;    border-bottom: 1px solid #d6d1d1;}
.searchFoodResulttabs .favorite td:first-child{ padding:0 }
.searchFoodResulttabs .favorite td:last-child{ text-align:right;}
.searchFoodResulttabs .favorite td label {margin: 0 8px;}
.searchFoodResulttabs .favorite td input,
.searchFoodResulttabs .favorite td select{ background-color: #fff; border-color: #d6d1d1;  height: 30px;  padding: 4px 10px;}
.searchFoodResulttabs #favorites_4_quantity{ width: 50px; text-align: center;}

#food-diary{ margin-bottom:40px;}
#food-diary #food-diary div#main { width: 760px; padding-top: 30px}
#food-diary div.notes textarea {height: 75px; line-height: 1.5em;margin-bottom: 1em;padding: 12px;width: 326px;	font-family: "Lucida Sans", "Lucida Grande", sans-serif}
#food-diary[rel~="premium"] div#main {width: 100%}
#food-diary[rel~="premium"] div.notes textarea {width: 493px}
#food-diary[rel~="premium"] table.table0 {max-width: 940px}
#food-diary[rel~="premium"] table.table0 tbody tr td.first {width: 530px;max-width: none}
#food-diary table#diary-table {  width:100%;}
#food-diary table.table0 tbody tr td {  border-left: none;  background: #f6f6f6;  text-align: center; padding: 15px 0; font-family: 'Overpass'; font-size: 16px;font-weight: 400;}
#food-diary table.table0 tbody tr td a {color: #222}
#food-diary table.table0 tbody tr td.first {text-align: left;max-width: 350px;	white-space: normal}
#food-diary table.table0 tbody tr td.td-first a{ padding-left:15px;}
#food-diary table.table0 tbody tr.bottom td {background-color: #fff;   border-bottom: 1px solid #d5cdcd;}
#food-diary table.table0 tbody tr.bottom td a {  font-size: 15px;  color: #32a239; font-family: 'Overpass'; font-weight: 600!important;}
#food-diary table.table0 tbody tr.meal_header td.alt {background: #4eb754; color: #fff;	padding: 5px 10px 5px 10px;	border: 1px solid #fff;	font-size: 12px;
	font-weight: normal; text-align: center;text-transform: capitalize}
#food-diary table.table0 tbody tr.meal_header td.first {background: 0; font-family: 'Barlow Condensed', sans-serif; border: 0; color: #333333; font-size: 22px;
    font-weight: 500;  padding-left: 0; text-transform: capitalize; text-align: left; padding:0;  padding-top: 8px;}
#food-diary table.table0 tbody tr.remaining td.positive {color: #197910}
#food-diary table.table0 tbody tr.remaining td.negative {color: red}
#food-diary table.table0 colgroup col.col-2 {width: 50px}
#food-diary table.table0 tfoot tr td {background: #00548f;border-right: 1px solid #fff;	color: #fff;font-size: 14px;font-weight: bold;	padding: 10px;	text-align: left;	vertical-align: middle}
#food-diary table.table0 tfoot tr td.alt {border: 1px solid #fff;font-size: 12px;padding: 5px 0;text-align: center}
#food-diary table.table0 tfoot tr td.first, #food-diary table.table0 tfoot tr td.empty {background: #fff;border-bottom: 0}
#food-diary table.table0 tfoot tr td.extra {background: #fff;border-bottom: 0;	vertical-align: top;color: #222;font-size: 12px;text-transform: none;	font-weight: normal;
	padding: 5px 0 0 0}
#food-diary table.table0 tr.total td { padding: 8px 0;  font-family: 'Overpass';  font-size: 16px;  font-weight: 400;}
#food-diary table.table0 tr.total td.first {text-align: right;	background-color: #fff;	padding: 4px 10px;border-bottom: 0}
#food-diary table.table0 tr.total td.empty {background-color: #fff;border-bottom: 0}
#food-diary table.table0 tr.spacer td {	background-color: #fff;	border-bottom: 0;line-height: 8px;	height: 8px}
#food-diary table.total tbody tr td {padding: 4px 0}
#food-diary table.total tbody tr td.first {	text-align: right;background-color: #fff;	padding: 4px 10px}
td.delete a {	font-size: 16px;color: #e60000 !important;	position: relative}
td.delete a:hover {	color: red !important}
a.add_food, a.add_exercise {	padding-right: 9px;	border-right: solid 1px #0f73ab;margin-right: 7px}
div.quick_tools {display: inline;	position: relative;zoom: 1;	z-index: 1}
div.quick_tools_opened {z-index: 2}
div.quick_tools_options, div.recent_meal_options {padding: 5px 12px;border: solid 1px #0f73ab;	z-index: 20;position: absolute;	top: 18px;	left: 0;width: 140px;	background-color: #fff
}div.recent_meal_options li.header {color: #000;font-size: 13px;padding-bottom: 2px}
div.quick_tools_options ul, div.recent_meal_options ul {margin-bottom: 0}
div.recent_meal_options {width: 170px}
div.quick_tools_options ul li {	padding: 5px}
div.quick_tools_options ul li.with_border {	border-bottom: 1px solid #ececec}
div.quick_add_meals_list {padding: 5px 12px;order: solid 1px #0f73ab;z-index: 15;position: absolute;top: 18px;left: 0;	width: 140px;background-color: #fff}
div.quick_add_meals_list li.header {color: #000;font-size: 13px;padding-bottom: 2px}
div.quick_add_meals_list ul {margin-bottom: 0}
div.quick_add_meals_list {	width: 170px}
.ads.bottom {padding: 0;margin: 0}
#food-diary #diary-table .meal-goal, #exercise-diary #diary-table .meal-goal {min-width: 88px}
#food-diary #diary-table .macro-percentage, #food-diary #diary-table .macro-value, #exercise-diary #diary-table .macro-percentage, #exercise-diary #diary-table .macro-value {margin: 0}
#food-diary #diary-table:not(.show-percentage) .macro-percentage, #exercise-diary #diary-table:not(.show-percentage) .macro-percentage {display: none}
#food-diary #diary-table.show-percentage .macro-value, #exercise-diary #diary-table.show-percentage .macro-value {display: none}
#food-diary #diary-table.show-percentage .remaining .negative-macros, #exercise-diary #diary-table.show-percentage .remaining .negative-macros {color: black}
#food-diary #diary-table .nutrient-column, #exercise-diary #diary-table .nutrient-column {  line-height: normal;  font-family: 'Overpass';  font-size: 16px;  padding: 15px 15px;}
#food-diary #diary-table .nutrient-column>.subtitle, #exercise-diary #diary-table .nutrient-column>.subtitle {text-transform: lowercase; opacity: .7;min-width: 25px}


#kdbResults{ font-family: 'Roboto', sans-serif;  font-size: 14px; max-width:700px;}
#kdbResults p,
#kdbResults li{font-family: 'Roboto', sans-serif; }
#kdbResults h3{font-family: 'Overpass'; font-size:24px; margin:0}
#kdbResults .kdbResultCard{ border: 1px solid #d2cfcf; border-radius: 4px; padding: 25px; background-color: #fdfdfd; margin-bottom: 20px; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.07);}
.kdbMacroContent { overflow:hidden}
.kdbMacroContent .kdbMacroContentLeft{ float:left; width:70%}
.kdbMacroContent .kdbMacroContentRight{ float:left; width:30%}
.kdbEnergyOverview{ max-width:380px;margin-bottom: 20px;}
.kdbEnergyOverview table{ width:100%;}
.kdbEnergyOverview table td{ padding:0 2px;font-family: 'Roboto', sans-serif;  font-size: 14px;}  

.kdbEnergyOverview table tr td:nth-child(3){ text-align:left;text-transform: capitalize;}
.kdbEnergyOverview table tr td:nth-child(2){ text-align: right; font-weight: 600;}
.kdbMacroLegend{ max-width:380px;}
.kdbMacroLegend table{ width:100%;}
.kdbMacroLegend table .kdbLegendValue { text-align: right;font-weight: 600;}


#ketoDietBuddy td.kdbLegendValue,
div.ketoBuddy td.kdbLegendValue,
#ketoDietBuddy td.kdbAttributeValue,
div.ketoBuddy td.kdbAttributeValue {text-align: right; }

.kdbMacroLegend td.kdbLegendName.kdbNetCarbs {
       padding: 7px 2px;
    font-weight: 600;
    text-align: center;
    border-bottom: 4px solid rgba(255,64,255,.3);

}
.kdbMacroLegend td.kdbLegendName.kdbProtein{
        padding: 7px 2px;
    font-weight: 600;
    text-align: center;
    border-bottom: 4px solid rgba(255,200,100,.3);

}

.kdbMacroLegend td.kdbLegendName.kdbFat {
        padding: 7px 2px;
    font-weight: 600;
    text-align: center;
    border-bottom: 4px solid rgba(64,128,255,.3);
 
}

.kdbMacroLegend td.kdbNetCarbs {
      text-transform: capitalize;  
   padding:3px 2px;
    background-color: rgba(255,64,255,.07);
}
.kdbMacroLegend td.kdbProtein{
        text-transform: capitalize;
    padding:3px 2px;
    background-color: rgba(255,200,100,.07);
}

.kdbMacroLegend td.kdbFat {
   text-transform: capitalize;
    padding:3px 2px;
    background-color: rgba(64,128,255,.07);
}

.kdBlockWrap{ font-family: 'Roboto', sans-serif;  font-size: 14px; max-width:700px;}
.kdBlockWrap h2{font-family: 'Overpass'; font-size: 14px; margin:0}

.radioBlock.kdbResultGoal label{font-family: 'Roboto', sans-serif; font-weight: 500;
    border: 1px solid #646262; border-radius: 4px;     padding: 8px 15px;  padding-left: 35px;font-size: 14px; margin: 8px 0; color: #606060;    display: inline-block;}



/* The container */
.kdb_radio {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default radio button */
.kdb_radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */
.kdb_radio .checkmark {
    position: absolute;
    top: 5px;
    left: 5px;
    height: 25px;
    width: 25px;
    background-color: #eee;
    border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.container2:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.kdb_radio input:checked ~ .checkmark {
    background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.kdb_radio .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.kdb_radio input:checked ~ .checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.kdb_radio .checkmark:after {
 	top: 9px;
	left: 9px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}

.calorieadj{ font-family: 'Roboto', sans-serif; font-weight: 500; border: 1px solid #646262; border-radius: 4px;
    padding: 7px 9px;font-size: 14px; color: #606060; display: inline-block;  background-color: #fff;
    height: 32px; width: 100px; margin: 0 5px;}

#menu {border-bottom: 1px solid #dad7d7; margin-top:20px;}
#menu li {border: 1px solid #dad7d7; display: block; width: 100%; text-align: center; border-bottom: 0;}
#menu li a {  display: block; font-family: 'Montserrat', sans-serif; font-weight: 800!important; text-transform: uppercase;
    padding: 15px;   color: #666666;}
#menu li a span { display: block;color: #4fb855;}
#menu li a .iconSet {  display: block; text-align: center; margin-bottom: 15px;}
#menu li a .iconSet img {  display: inline-block; max-width: 75px;}


.water-notes-v2.block {
    font-family: 'Roboto', sans-serif;  
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
       max-width: 900px;
    margin:20px auto;
	padding:15px
}
.water-notes-v2.block h3 {
font-family: 'Quicksand';
    color: #3e3f3f;
    font-weight: 600;
    font-size: 19px;
        margin: 5px 0 15px 0;
}
.water-notes-v2.block h4 {
    font-family: 'Quicksand';
    font-size: 15px;
    font-weight: 700;
    color: #797979;
}
.water-notes-v2.block>div {
    width: 50%;
    margin: 0 12px; 
	padding: 0 20px;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1
}

.water-notes-v2.block .waterSec{border: 1px solid #d5d5d5; padding:22px;  border-radius: 5px;}

.water-notes-v2.block input[type='text'].error {
	outline: 1px solid red
}
.water-notes-v2.block .water-info .quick-add-options{margin-bottom: 20px;}
.water-notes-v2.block .water-info .quick-add-options li {
display: inline-block;
    color: #3eaa44;
    cursor: pointer;
    margin-right: 10px;
    font-weight: bold;
    border: 1px solid #3eaa44;
    padding: 5px 11px;
    line-height: normal;
    border-radius: 4px;
 
}
.addCustomAmount{}
.water-notes-v2.block .water-info .quick-add-options li:hover {
    background-color:#3eaa44;
	color: #fff;
}
.water-notes-v2.block .water-info p{ font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 13px;
    line-height: 19px;
    margin-bottom: 19px;}
.water-notes-v2.block .water-info p a{font-weight: 700!important; color: #3eaa44;}
.water-notes-v2.block .water-info .add-custom-amount {
	width: 90px;
	height: 30px;
	font-size: 16px;
	padding-left: 4px;       display: inline-block;
    vertical-align: middle;     
}
.water-notes-v2.block .water-info .water-unit {
	font-weight: bold;
	font-size: 16px;
	display: inline-block;
	padding-left: 4px;
	margin-right:10px
}
.water-notes-v2.block .water-info .add-custom-btn {
	height: 30px;
	width: auto;
	padding: 0 15px;
  background-color: #44af4a;      
}
.water-info{  width: 75%; float: left;}
.water-notes-v2.block .water-glass-container {
        margin-top: 38px;
      width: 20%;
    float: right;
}
.water-notes-v2.block .water-glass-container .current-value .water-static {
    font-family: 'Quicksand';
    display: block;
    cursor: pointer;
    height: 34px;
    font-size: 15px;
    font-weight: 700;
}
.water-notes-v2.block .water-glass-container .current-value .water-static:hover {
	
	color: #f7941e
}
.water-notes-v2.block .water-glass-container .current-value .water-static .edit-daily-value-icon {
	background-image: url(/images/sprite.v6.gif);
	background-position: right -393px;
	background-repeat: no-repeat;
	display: inline-block;
        vertical-align: middle;
	width: 16px;
	height: 16px
}
.water-notes-v2.block .water-glass-container .current-value .edit-water {
	display: none
}
.water-notes-v2.block .water-glass-container .current-value .edit-water .water-value-input {
	width: 50px;
	height: 30px;
	padding-left: 4px;
	font-size: 16px
}
.water-notes-v2.block .water-glass-container .current-value .edit-water .save-daily-value-btn {
	display: inline-block;
	width: 50px;
	height: 30px;
	margin-left: 3px;
	padding: 0
}
.water-notes-v2.block .water-glass-container .current-value.editable .water-static {
	display: none
}
.water-notes-v2.block .water-glass-container .current-value.editable .edit-water {
	display: block
}
.water-notes-v2.block .water-glass-container .water-glass {
	width: 40px;
	height: 90px;
	margin: 0 auto 0 auto;
	background-image: url(../img/glass_sprite.gif);
	background-repeat: no-repeat;
	
}
.water-glass{ background-position:-18px center;}
.water-glass.c-2{background-position: -92px center;}
.water-glass.c-3{background-position: -168px center;}
.water-glass.c-4{background-position: -243px center;}
.water-glass.c-5{background-position: -318px center;}
.water-glass.c-6{background-position: -393px center;}
.water-glass.c-7{background-position: -468px center;}
.water-glass.c-8{background-position: -542px center;}
.water-glass.c-9{background-position: -618px center;}
.water-glass.c-10 {background-position: -693px center;}

.water-notes-v2.block .note-container {
    border: 1px solid #d5d5d5;
    padding:25px;
    border-radius: 5px;
}
.water-notes-v2.block .note-container h4{font-size: 17px; color:#333;    margin-top: 0;}
.water-notes-v2.block .note-container .header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    color:#333;
    margin-bottom: 10px;
}
.water-notes-v2.block .note-container .header .secondary-title {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1
}

.water-notes-v2.block .note-container .header .edit-save span{display: inline;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 12px;
    text-decoration: none;
        color: #2a9930;
}
.water-notes-v2.block .note-container .header .edit-save:hover {
	color: #f7941e
}
.water-notes-v2.block .note-container .note {
    background-color: #f6f6f6;
    border: 1px solid #e6e6e6;
    height: 230px;
    overflow: auto;
    padding: 12px;
    line-height: 14px;
}
.water-notes-v2.block .note-container #note-input {
	display: none;
	width: 100%;
	height:230px;
	padding: 12px;
    background-color: #fcfbb2;
    outline:none;
    border: none;
    resize: none;
	box-sizing: border-box;
}

.fullReport{ width: 100%; text-align: center; margin-bottom: 20px;}
.fullReport a{font-family: 'Quicksand'; font-weight: 600!important; width: auto; padding: 10px 19px;
    background-color: #44af4a; color: #fff; border-radius: 5px;  display: inline-block;    text-decoration: none;}

.dashboardNav{  background-color: #8b8b8b; text-align: center; width:100%;    position: relative!important;}




nav > ul.munk_menu{ display:inline-block; vertical-align:middle}
nav > ul.munk_menu ul{ background-color:#fff;  border-top-width: 3px; border-top-style: solid;  border-color:#100b79; box-shadow: 0px 0px 2px rgba(0, 1, 0, 0.2);
    -moz-box-shadow: 0px 0px 2px rgba(0, 1, 0, 0.2);  -webkit-box-shadow: 0px 0px 2px rgba(0, 1, 0, 0.2); min-width:190px;}
nav > ul.munk_menu ul li a {  color: #100b79; font-size:16px;  padding:13px 20px;  border-top-width: 1px;  border-top-style: solid; border-color:#e6e6e6; white-space: nowrap; text-decoration:none;    text-align: left;}
nav > ul.munk_menu ul li:first-child > a{ border-top:0} 

ul.munk_menu li a{font-size: 17px;}

.backBtn{font-family: 'Barlow Condensed', sans-serif;  font-weight: 700; text-transform: uppercase; font-size: 20px;    position: absolute; left: 15px;  top: 15px;  color: #4a4a4a;}
.backBtn img{  max-width: 23px; display: inline-block; margin-right: 6px; vertical-align: middle;}

@media (min-width:768px) {
    ul.munk_menu{ position:relative;}
    ul.munk_menu li{ position: initial;}   
     ul.munk_menu li>ul{ width:100%; background-color: #4fb855; border-color: #4fb855;      box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.14);    max-width: 706px;}
   ul.munk_menu li>ul li{ width:33.3333%; float:left;}    
 ul.munk_menu li>ul li a{ text-align: center;text-transform: uppercase; border:0; color:#fff;font-weight: 700!important;    padding:5px 20px 10px 20px;}
    ul.munk_menu li .iconSet{ display:block; text-align:center;  margin-bottom: 7px;}
ul.munk_menu li .iconSet img{ max-width:60px; display:inline-block;}
   }

.ketoServices {border-bottom: 1px solid #dad7d7; margin-top:30px;}
.ketoServices .ketolink a{border: 1px solid #e1e3e4; background-color:#ffffff;border-radius:5px; display: block; width:100%; text-align: center;   padding: 27px;  padding-left: 145px;  min-height: 177px;    margin-bottom: 30px;}
.ketoServices .ketolink h2{  display: block; font-family: 'Montserrat', sans-serif; font-weight:700; text-transform: uppercase; color: #666666;    font-size: 19px;text-align: left;margin-top: 40px;}
.ketoServices .ketolink h2 span { display: block;color: #4fb855;    font-size: 18px;}
.ketoServices .ketolink a .iconSet {  display: block; text-align: center;  position: absolute;  left: 27px; top:27px}
.ketoServices .ketolink a .iconSet img {  display: inline-block; max-width:100%;}
 .ketographBlock{ margin-top:30px;border: 1px solid #e1e3e4; background-color:#ffffff; padding:20px; border-radius:5px;}

.bannerHead{ display:none}   


.matchingFoods{ margin-bottom:25px;}
.matchingFoods h2{ font-family: 'Barlow Condensed', sans-serif; font-weight: 500;    font-size: 25px;    margin: 20px 0;}
.matchingFoods ul{max-height:670px; overflow-y: auto; overflow-x: hidden;  border: 1px solid #d3d3d3; border-radius: 5px;}
.matchingFoods ul li{ border-bottom: 1px solid #d3d3d3; padding:11px 15px; display: block; list-style: none;}
.matchingFoods ul li.active,
.matchingFoods ul li:hover{ background-color:#e4e4e4;}
.matchingFoods ul li a{font-family: 'Roboto', sans-serif;font-size: 15px; font-weight: 500!important;  display: block;
    margin-bottom: 5px; text-decoration:none!important}
.matchingFoods ul p{ font-family: 'Roboto', sans-serif; font-size: 14px; margin-bottom:0}
.matchingFoods h2 button{ display:none}

.food-nutritional-details{ margin-bottom:20px;}
.food-nutritional-details .nutrition-facts{font-family: 'Barlow Condensed', sans-serif; font-weight: 500;    font-size: 25px;    margin: 20px 0;}
.food-nutritional-details #nutritional-info{border: 1px solid #d3d3d3; border-radius: 5px; background-color:#ffff;    padding: 25px;}
#nutritional-info .food-description{ margin:0;  font-family: 'Roboto', sans-serif; font-size: 20px; margin-bottom: 20px;}
#nutrition-facts{ width:100%; max-width:400px;}
#nutrition-facts td{font-family: 'Roboto', sans-serif; font-size: 14px; padding:4px;}
.food-nutritional-details .aclaration{ font-size:12px; margin: 15px 0;}

.servingsSec{ background: #e4e4e4;  padding: 5px 15px;   margin-bottom: 15px;font-family: 'Roboto', sans-serif;  font-size: 14px; }
.servingsSec label{ margin-right:15px;}
.servingsSec .nutrition-input{ height: 36px; background: #fff; width: 70px; text-align: center; margin-right:8px;}
.servingsSec .select{ height: 36px; background: #fff;  text-align: center;    padding: 5px 6px;}

.loadedfood{ border-top: 1px solid #d3d3d3; padding-top: 20px;}
.loadedfood h3 { margin: 0; font-family: 'Roboto', sans-serif;  font-size: 20px;  margin-bottom: 20px;}
.loadedfood .foodentry{ background: #e4e4e4;  padding:5px; margin-bottom: 15px; overflow:hidden}
.loadedfood .foodentry .food_quantity{  height: 36px;  background: #fff; text-align: center; margin-right: 8px;}
.loadedfood .foodentry .foodweight_id{height: 36px; background: #fff;  padding: 5px 6px;}
.loadedfood .foodentry label{ margin:5px 0;}
.kcalButton input{    white-space: normal;}

.loadedfood .select{height: 36px; background: #fff;  padding: 5px 6px;border: 1px solid #d3d3d3;font-family: 'Roboto', sans-serif;  font-size: 14px; margin-bottom:20px; width:100%; max-width:164px; }
.loadedfood #foodentry_quantity{height: 36px; background: #fff;  padding: 5px 6px;border: 1px solid #d3d3d3;font-family: 'Roboto', sans-serif;  font-size: 14px;  max-width: 55px;  text-align: center;}
.loadedfood #foodentry_id{height: 36px; background: #fff;  padding: 5px 6px;border: 1px solid #d3d3d3;font-family: 'Roboto', sans-serif;  font-size: 14px;}

.addCustomAmount.directUpdateAmount .add-custom-amount-direct{ width: 46px; text-align: center;}
.addCustomAmount.directUpdateAmount .add-direct-btn{    background-color: #44af4a; padding: 5px 10px; font-size: 11px; margin-top: 6px;  width: 100%;}
.addCustomAmount.directUpdateAmount input.add-custom-amount-direct{  width: 38px; text-align: center;}

#ui-datepicker-div.ui-widget-content{background: #fff; padding:7px;min-width: 300px;}
#ui-datepicker-div.ui-widget-content .ui-datepicker-header{ background: #4eb754; border-color: #4eb754;}
#ui-datepicker-div.ui-widget-content .ui-datepicker-title select{ color: #000; height: 27px; padding: 3px; border: 0;   margin: 0 2px;}
#ui-datepicker-div.ui-widget-content .ui-state-default{ background: #fff; color: #676464;    font-family: 'Barlow Condensed', sans-serif; font-weight: 500; font-size: 17px;  text-align: center; padding: 4px!important;}

#ui-datepicker-div.ui-widget-content .ui-state-default.ui-state-active{ background: #4eb754; border-color:#4eb754; color:#fff}
#ui-datepicker-div.ui-widget-content th{ font-family: 'Barlow Condensed', sans-serif;font-weight: 500;
    font-size: 17px; text-align: center;}
#ui-datepicker-div.ui-widget-content .ui-datepicker-title{  font-family: 'Barlow Condensed', sans-serif;
    font-weight: 500; font-size: 14px;}

.ce-loader{position:fixed; width:100%; height:100%; left: 0; top: 0; background: rgba(0,0,0,0.85); display:none;}
.ce-loader span{position: fixed; top: 50%; left: 50%; background: #fff; width: 70px; height: 70px; border-radius: 50%; margin-top: -35px;  margin-left: -35px;}
.ce-loader span:after{ content:""; background:url(../img/ring-loader.gif) no-repeat center center;background-size: 100% auto;
    width: 78px; height: 78px; display: block; margin-left: -4px; margin-top: -4px;}

.login-box li.userNamehead{  color: #343434; font-family: 'Montserrat', sans-serif; font-size: 15px; font-weight:600}
.login-box li.linksign{  color: #379d3d; font-family: 'Montserrat', sans-serif; }
.login-box li.linksign a{color: #379d3d; text-decoration:underline;font-size: 15px;font-weight:600; border:none}

.upgradePlan{ display:inline-block; vertical-align:top;font-family: 'Montserrat', sans-serif;    margin-top: -8px;
    margin-right: 15px;}
.upgradePlan .currentPlan{ display: inline-block;  vertical-align: middle; font-size:12px; color:#4e4e4e; text-transform:uppercase;    font-weight: 600;}
.upgradePlan .currentPlan span{ display:block; text-align:right; font-weight:700; font-size:20px; color:#338b37}
.upgradePlan .upgradeplanBtn{ display: inline-block;  vertical-align: middle; margin-left: 10px;}
.upgradePlan .upgradeplanBtn a{ background: #100b79;  color: #fff; font-weight: 700; text-transform: uppercase;
    padding: 9px 24px; display: inline-block;   font-size: 13px; border-radius: 5px; }
.upgradePlan .upgradeplanBtn span{ display:block; text-align:right; font-weight:500; font-size:12px; color:#f71737;    margin-top: 5px;}

@media (min-width:320px) and (max-width:767px){

  ul.munk_menu li .sub-toggle{ display:block;}
    ul.munk_menu.collapsed li .sub-toggle {  height:43px;  background-color: #4fb855; color: #fff;}
    ul.munk_menu li .sub-toggle:after{color: #ffffff; }
    ul.munk_menu li .sub-toggle:after{transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out;}
    ul.munk_menu li .sub-toggle.expanded:after{ transform:rotate(90deg)}
    nav > ul.munk_menu ul{    margin-top: -1px;}
    
    ul.munk_menu.collapsed li.has-submenu li.has-submenu  .sub-toggle{ height:44px;    background-color: #8cb1d8;}
    
    ul.munk_menu li .sub-toggle.expanded:after{ content: "\f107";}
    ul.munk_menu > li > a {  padding:9px 48px;}
    ul.munk_menu > li.active > a {background-color: rgba(0, 0, 0, 0.12); color: #fff;}
    
    .upgradePlan{ margin:0;  clear: both;  width: 100%;}
    .logosec{ text-align: center;} 
    .login-box{    margin-top: 10px;}
    .upgradePlan .currentPlan span{   display: inline-block;  vertical-align: middle;  margin-left: 7px;}
    .upgradePlan .upgradeplanBtn span{ text-align:center}
    
    html .guide-top{    display: block;  width: 100%;}
    .guide-table-of-contents{ display:none;}
    .w-container{padding-left:15px; padding-right:15px;}
    
    article#main nav.col-sm-3{ display:none;}
    .PostBody img, #page img, iframe, div.searchresultimage img{  width: 100%;}
    .kdbMacroContent .kdbMacroContentLeft,
    .kdbMacroContent .kdbMacroContentRight{ width:100%;    margin: 10px 0;}
    .PostBody p, #page p, .sectionPage p {  line-height: 1.5; margin-bottom: 20pt;}
    .gender_radio .g_icon{    display: inline-block;}
    
    .input-field {  margin: 10px 0;}

    .mydietCalculator .unitType {  padding-bottom: 15px;}
    .mydietCalculator .unitType label{ margin-bottom: 8px!important;}
    .mydietCalculator h6{ margin: 11px 0;}
    
    .water-notes-v2.block{  display: block;  max-width: 100%;  width: 100%;    padding: 0;}
    .water-notes-v2.block>div{ width:100%;}
    .water-notes-v2.block>div { flex-grow: inherit;margin: 15px 0;}
    .water-notes-v2.block .waterSec{    overflow: hidden;}
    .water-notes-v2.block .water-info .add-custom-amount{    margin-bottom: 7px;}
    .water-notes-v2.block .water-info .quick-add-options li{    margin-bottom: 10px;}
    
    .searchHead{padding:15px}
    .fullReport{    padding: 0 15px;}
   #food-diary {overflow-x: auto;}
    .searchFood{padding: 15px;   }
    
        .searchFoodResult{    padding: 0 15px;    margin-bottom: 0;}
    .matchingFoods span{ display:none}
    .matchingFoods button{ display: block!important;  width: 100%;  text-align: left; background: transparent; padding: 9px 0; outline:none; position:relative;    border-bottom: 1px solid #cac4c4;}
    .matchingFoods button:before{font-family: 'FontAwesome'; content: "\f107";    position: absolute;
    right: 0;  top: 5px;  font-size: 29px;}    
    
    .kcalButton input{ margin-top:0!important}
    .backBtn{top: 5px;    font-size: 18px;}
    .backBtn img{    max-width: 18px;}
    
    .food_allow{padding-top: 15px;}
    .food_allow .food_man{ display:none;}
    .food_allow .row{ width:100%}
    .food_allow .foodcover { position: relative; margin-bottom: 15px;}
    .food_allow p.lead{    padding: 15px;}
    
   .dashboardNav li.has-submenu ul{    background-color: #4fb855;  }
         .dashboardNav li.has-submenu ul li a{ text-align: center; color:#fff;    font-size: 18px;}
     .dashboardNav li.has-submenu ul li a .iconSet{ margin-bottom:15px}
    .dashboardNav li.has-submenu ul li a i{ display:none;}
    
    
    
}


@media (min-width: 768px) and (max-width: 991px){
    .ketoServices .ketolink a{ padding-left: 110px;    min-height: 146px;}
    .ketoServices .ketolink a .iconSet{    left: 10px;}    
    .ketoServices .ketolink a .iconSet img{    max-width: 72%;}
    .ketoServices .ketolink h2{ margin-top: 29px;font-size: 16px;}
        .ketoServices .ketolink h2 span{  font-size: 14px;}
       ul.munk_menu > li > a{    padding: 30px 19px;    font-size: 15px;}
 
}

@media (min-width: 992px) and (max-width: 1100px){
    .ketoServices .ketolink h2 span{  font-size: 14px;}
    .ketoServices .ketolink h2{    font-size: 16px;}
    .ketoServices .ketolink a .iconSet img{    max-width: 85%;}
    ul.munk_menu > li > a{    padding: 30px 19px;    font-size: 15px;}
}
@media (min-width: 768px){
    
.w_auto{ width:auto!important}
    
    
}

@media (max-width: 640px){
    .ketoServices .ketolink a{  padding: 15px;  text-align: center;  min-height: 205px;  margin-bottom: 8px;}
    .ketoServices .ketolink a .iconSet{  position: relative;  left: 0;  top: 0;}  
    .ketoServices .ketolink h2{    text-align: center; margin:15px 0 0 0;    font-size: 13px;}
    .ketoServices .ketolink h2 span{    font-size: 14px;}
    
    .ketoServices > .row{    margin-left: -4px;  margin-right: -4px;}
    .ketoServices > .row > .ketolink{padding-right: 4px;  padding-left: 4px;}
    
    #nutrition-facts td {  display: block;  width: 48%;  float: left;}
    .loadedfood .foodentry label {  margin: 7px 0;  display: block;}
   .loadedfood #foodentry_quantity {    width: 100%; max-width: 100%;}
    .loadedfood .select{   width: 100%;  max-width: 100%;}
    .loadedfood .foodentry{    padding-bottom: 20px;}
        
    
}