@import url('/assets/font/Montserrat.css');
@import url('/assets/font/glacial-indifference/stylesheet.css');

.slick-dots li button:before {
	color:#ffffff;
}
.slick-dots li.slick-active button:before {
	opacity: .75;
	color: white;
}
.slick-dots li {
	margin:0px;
}
body {
    background-color:#323232;
    line-height: 20px;
}
body, div, h1, h2, h3, h4, h5, h6 {
    color:#ffffff;
    font-family: glacial_indifferenceregular;
}
b, strong {
    font-weight: bold;
}
.pace .pace-progress {
	background: #6d5eac;
}
.pace .pace-activity {
	display:none;
}
.page-container .page-content-wrapper {
    background:#323232;
    min-height:100%;
    background-size: 25%;
	background-image: url("/assets/img/background-gears.png");
}

.page-content-wrapper-inside {
	background:#323232;
    -webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.41);
	-moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.41);
	box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.41);
    width:640px;
    margin:auto;
    visibility: hidden;
}
.section-blog .page-content-wrapper-inside {
    width: 920px;
}
.section-admin .page-content-wrapper-inside, .section-admin .page, .section-admin #app_header {
    width: 1200px;
    max-width:1200px;
}

body.section-home, body.section-tools {
    margin:0px;
}

body.content-page .page-container .page-content-wrapper .page-content-wrapper-inside {
    background: #666767;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    width:100%;
}
body.content-page .page-container .page-content-wrapper {
    background-image:none;
    background-color:#666767;
}
body.content-page .page-container .page-content-wrapper .page-content-wrapper-inside {
    background: #666767;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    width:100%;
}
.section-foods .page-container .page-content-wrapper {
    background-image:none;
    background-color:#CFECEF;
}
.section-foods .page-container .page-content-wrapper .page-content-wrapper-inside {
    background: #CFECEF;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    width:100%;
}

.section-home #app_header, .section-tools #app_header, body.content-page #app_header, .section-foods #app_header {
    border-bottom:0px;
    max-width:none;
}



.page {
	width:640px;
	margin:auto;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 1px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    margin-bottom: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    position: relative;
    padding:20px;
    padding-top:20px;
    padding-bottom:100px;
    min-height:640px;
}

.form-group {
    margin-bottom:1rem;
}
.form-group .radio-options-group label:not(.error) {
    font-family: Arial, sans-serif;
    text-transform: none;
    font-size:16px;
    font-weight: normal;
}
.radio-options-group label {
    display: inline-block;
    margin-right: 15px;
}
input[type='radio'] {
    margin-right: 5px;
    vertical-align: middle;
}

input[type='radio']:checked:after {
    border: 7px solid #3DAA95;
    transition: all 0.12s ease;
}
input[type='radio']:after {
    width: 20px;
    height: 20px;
    border-radius: 20px;
    top: -5px;
    left: -3px;
    position: relative;
    background-color: #ffffff;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 1px solid #d1d3d1;
    transition: all 0.12s ease;
}

.col-6:first-child, .col-8:first-child, .col-4:first-child {
    padding-right: 7px;
}
.col-6:last-child, .col-8:last-child, .col-4:last-child {
    padding-left: 7px;
}

.checkbox.check-primary input[type=checkbox]:checked + label:before {
    border-color: #98cdd3;
}
.checkbox input[type="checkbox"]:focus + label {
    color: #ffffff;
}

.checkbox label::after {
    width:10px;
}
.badge-primary {
    background-color:#98cdd3;
}

a {
    color: #98cdd3;
    text-decoration: none;
}
a:focus, a:hover, a:active {
    color: #ffffff;
}
.alert-danger a {
    color:#923535;
    font-weight: bold;
}
.btn {
    border-radius: 5px;
    -webkit-border-radius: 5px;
}
.btn-link:hover {
    color: #ffffff;
}

a.btn-primary, .btn-primary,
a.btn-primary:focus, .btn-primary:focus,
a.btn-primary:active, .btn-primary:active {
    background-color: #98cdd3;
    border-color: #98cdd3;
    color: #323232;
}
.btn-primary.active,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary.active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled):active:hover,
a.btn-primary.hover, .btn-primary.hover,
a.btn-primary:hover, .btn-primary:hover {
    background-color: #6ca7ad;
    border-color: #76b0b6;
    color: #323232;
}

.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {
    background-color: #b7b9b9;
    border-color: #b7b9b9;
    color: #fff;
}

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

h1 {
	font-size:28px;
	line-height:34px;
	padding-bottom:5px;
	color:#f6f6f6;
}
h2 {
	font-size:20px;
	line-height:22px;
	padding-bottom:5px;
	color:#f0f0f0;
}
h3 {
	font-size:22px;
	line-height:22px;
	color:#f0f0f0;
	padding-bottom:5px;
	margin:0px;
}
h4 {
	font-size:18px;
	color:#f0f0f0;
	padding-bottom:5px;
	margin:0px;
	line-height:22px;
}

.left {
	text-align:left;
}
.right {
	text-align:right;
}
.center {
	text-align:center;
}

select.input-lg {
  background-image:
    linear-gradient(45deg, transparent 50%, gray 50%),
    linear-gradient(135deg, gray 50%, transparent 50%) !important;
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px);
  background-size:
    5px 5px,
    5px 5px;
  background-repeat: no-repeat;
}

.select2-container-multi .select2-choices {
	border:1px solid #f0f0f0 !important;
	background-image:none !important;
	background-color:#fcfcfc !important;
}

.page-container .page-content-wrapper .content {
    padding-top:0px;
    padding-bottom:0px;
    overflow:visible;
}
.container-fluid {
    padding:0px;
}

#db_warning {
    text-align:center;
    margin-bottom:20px;
    background: rgba(255, 0, 0, 0.45);
    padding:10px;
}

#app_header {
    border-bottom: 1px solid #525252;
    display:block;
    height: auto;
    max-width:992px;
    margin:auto;
    position: relative;
}
#app_header .tool-name {
    font-family: glacial_indifferenceregular;
    color:#cfecef;
    font-size:22px;
    font-weight: bold;
    padding:18px 0px;
    text-align: left;
    display:inline-block;
    cursor: pointer;
}
#app_header .back-button {
    font-size:34px;
    margin-right:12px;
    position: relative;
    top:2px;
}
.logo {
    text-align: left;
    margin:0px;
    padding:10px;
}
.logo span {
    color: #cfecef;
    font-size: 22px;
    font-weight: bold;
    display: inline-block;
    position: relative;
    left:5px;
    top:3px;
}
#mobile_menu .logo img {
    width:36px;
}
#mobile_menu .fitjourney-ad {
    border-radius: 10px;
    background: #ffffff;
    padding:10px;
    margin:0px 24px;
}
#mobile_menu .fitjourney-ad img {
    width:100%;
}

#app_header > .logo {
    display:inline-block;
    position: absolute;
    padding-left:0px;
    right:10px;
}
.logo img {
    width:100%;
    -webkit-filter: brightness(100%);
}
.logo img:hover {
    -webkit-filter: brightness(75%);
}

#mobile_footer {
    text-align: center;
    font-size: 11px;
    font-style: italic;
    padding:10px 0px;
}
#mobile_menu_icon {
	cursor:pointer;
	font-size:20px;
	position: relative;
	top:3px;
	left:14px;
	width:42px;
}
.section-home #mobile_menu_icon, .section-tools #mobile_menu_icon {
    font-size:30px;
	top:10px;
}
#mobile_menu_icon.btn-link {
    color:#cfecef;
}
#mobile_menu_icon.btn-link:hover {
    color:#ffffff;
}

.section-foods #mobile_menu_icon.btn-link, .section-foods #app_header .tool-name {
    color:#323232;
}

#mobile_menu {
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	width:320px;
	background:#424242;
	z-index:701;
	-webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.41);
	-moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.41);
	box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.41);
	padding-top:10px;
    overflow:auto;
}
.section-admin #mobile_menu {
    max-width:1200px;
}

#mobile_menu .icons {
    text-align:center;
}
#mobile_menu .icon {
    display:block;
    text-align: left;
    margin-left:16px;
    vertical-align: middle;
}
#mobile_menu .icon a {
    display:block;
}
#mobile_menu .icon div {
    display:inline-block;
    width:32px;
    height: 32px;
    vertical-align: middle;
    text-align: center;
}
#mobile_menu .icon i {
    font-size: 22px;
    position: relative;
    top: 4px;
    color:#BCBFBF;
}
#mobile_menu .icon img {
    width:32px;
    -webkit-filter: brightness(100%);
}
#mobile_menu .icon a:hover img {
    -webkit-filter: brightness(75%);
}

img.circle {
    border-radius: 50%;
}

#mobile_menu .icon img.circle {
    width:30px;
    height:30px;
    margin-top:3px;
}


#mobile_menu .icon span {
    font-family: glacial_indifferenceregular;
    display:inline-block;
    font-size:20px;
    position: relative;
    top:3px;
    left:5px;
    color:#ffffff;
}
#mobile_menu .icon a:hover span {
    color:#BBBFBE;
}


#mobile_menu .buttons {
    text-align:center;
}
#mobile_menu_close {
    float:right;
    margin-right:15px;
    font-size:26px;
    color:#5e5e5e;
}
#mobile_menu ul {
	margin:0px;
	padding:0px;
}
#mobile_menu li {
	margin:0px;
	padding:0px;
	list-style:none;
    cursor: pointer;
}
#mobile_menu li a {
    font-family: glacial_indifferenceregular;
    font-size:16px;
    text-align:left;
	display:block;
	padding:2px 24px;
	color:#ffffff;
}
#mobile_menu li a:hover {
	color:#BBBFBE;
}

hr {
    border-color: #525252;
}
#mobile_menu hr {
    margin-top:12px;
    margin-bottom:12px;
}
#mobile_menu .menu-buttons {
	padding:15px;
}
#mobile_menu .menu-buttons a {
	margin-right:15px;
}
#footer {
    padding-top:50px;
    padding-bottom:50px;
    background:#323232;
    color:#ffffff;
}
#footer .content {
    width:100%;
    max-width:992px;
    margin:auto;
    padding-left:50px;
    padding-right:50px;
    box-sizing: border-box;
    line-height: 24px;
    font-size: 16px;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-feature-settings: "kern" 1;
}
#footer p {
    display: block;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0.01em;
    line-height: 22px;
    margin: 0px 0px 10px 0px;
    font-style: normal;
    white-space: normal;
}
#footer img {
    width:250px;
    margin-bottom:20px;
    opacity: 0.5;
}
#footer ul li {
    margin:0px;
    list-style: none;
    padding:0px;
    padding-top:3px;
    padding-bottom:3px;
}
#footer ul {
    margin:10px;
    list-style: none;
    padding:0px;
}
#footer a {
    color:#CFECEF;
}
.footer-block {
    display:inline-block;
    vertical-align: top;
    padding-left:5px;
    padding-right:5px;
    box-sizing: border-box;
}

.footer-block.left {
    width:50%;
}
.footer-block.middle {
    width:30%;
}
.footer-block.right {
    width:20%;
    text-align: left;
}


.section-home .footer, .section-tools .footer {
    color:#525252;
}
.ghome .footer a {
    color:#525252;
    text-decoration: underline;
}

#signup_form #logo {
	padding-bottom:10px;
}
#signup_form {
	margin:auto;
}
#signup_form .legal-text {
	padding-top:20px;
	padding-bottom:20px;
}
#signup_form .bottom-links {
	padding-top:19px;
	text-align:right;
}
#signup_form h2 {
	margin-bottom:25px;
}

#login_form #logo {
	padding-bottom:10px;
}
#login_form {
	margin:auto;
}
#login_form .bottom-links {
	text-align:right;
}

.large-text, .tool p {
    color:#ffffff;
    letter-spacing: 0.07em;
    font-size:20px;
    font-weight:500;
}
.tool div.alert-danger {
    color: #923535;
    font-weight: normal;
    font-size:16px;
}
.tool-header img {
    width:100px;
}
.tool-header h1 {
    position: relative;
    top:-10px;
    color:#ffffff;
    text-shadow: 2px 2px 2px #98cdd3, -2px -2px 2px #98cdd3, -2px 2px 2px #98cdd3, 2px -2px 2px #98cdd3;
}

#contact #message {
	height:250px;
}
#contact p {
	margin-bottom:15px;
}

.form-group-default {
    min-height: 67px;
}
.form-group-default label {
	color:#323232;
}

#affiliates .form-control[readonly]{
    color: #323232;
}

.form-group-default select.form-control {
    background-image: url(/assets/img/down-arrow.png) !important;
    background-repeat: no-repeat !important;
    background-size: 10px 8px !important;
    background-position: right;
    -webkit-appearance: none;
    -webkit-transition: none;
    padding-right: 12px;
}
.form-group-default select.form-control:focus {
    background-image:none !important;
    -webkit-appearance: none;
}

.form-group-default .form-control {
	height:38px;
	font-size:16px;
}
.form-group-default .form-control::placeholder {
	font-size:14px;
}

.form-group-default textarea.form-control {
	height:120px;
}
.hidden {
	display:none;
}
.desktop-hidden {
	display:none;
}
.mobile-hidden {
	display:block;
}

#creditcard_div {
	text-align:center;
	margin-bottom:25px;
}
#creditcard_div #card_element {
	padding:10px 15px;
	background:#ffffff;
	width:100%;
	max-width:420px;
	border:1px solid #cccccc;
	margin:auto;
}
#billing #card_errors {
	width:100%;
	max-width:420px;
	margin:auto;
	margin-top:15px;
}
#billing #pricing_notes img {
	margin-top:25px;
	margin-bottom:25px;
	width:150px;
}
#billing #previous_card_div {
	margin-top:5px;
	margin-bottom:25px;
}
#billing form {
	margin-bottom:25px;;
}
#billing form h2 {
	margin-top:35px;
}
#billing form #name {
	padding:10px 15px;
	background:#ffffff;
	width:100%;
	max-width:420px;
	border:1px solid #cccccc;
	margin:auto;
	margin-bottom:15px;
	color: #32325d;
    line-height: 20px;
    font-size: 18px;
    -webkit-font-smoothing: antialiased;
	font-family:sans-serif;
}
#billing form #name::placeHolder {
	color:#abb7c4;
}
#billing #order_total {
	margin-bottom:25px;
	display:none;
	font-size:22px;
}
#billing #order_total span {
	font-weight:bold;
	color:#45B649;
}

#email_verification {
	margin:auto;
	text-align:center;
	padding:20px;
    border-bottom: 1px solid #525252;
}
#email_verification #email_code {
	display:block;
	width:160px;
	margin:auto;
	margin-bottom:15px;
	padding:10px 15px;
	text-align:center;
	text-transform:uppercase;
}

.results-header-notes {
	text-align:center;
}

.content-page {
    min-height:600px;
    padding-bottom:50px;
}
.content-page .content {
    max-width:992px;
    margin:auto;
}
.content-page h1 {
    font-size:32px;
    color:#CEEBEF;
    font-family: glacial_indifferenceregular;
    font-weight:bold;
}

.content-page .content {
    color:#CEEBEF;
}
#about div {
    font-size:24px;
}
#about .left {
    display:inline-block;
    width:60%;
    box-sizing: border-box;
    vertical-align: top;
}
#about .right {
    display:inline-block;
    width:40%;
    box-sizing: border-box;
    vertical-align: top;
}
#about .right img {
    width:75%;
    border-radius: 20px;
}

#foods .content {
    max-width:962px;
    margin:auto;
    text-align: center;
}
#foods h2 {
    color:#323232;
}
#foods h1 {
    font-size: 32px;
    font-family: glacial_indifferencebold;
    color: #323232;
}
#foods #food_search #food {
    border-radius: 10px;
    padding:10px 15px;
    font-size:20px;
    margin:auto;
    width:100%;
    max-width:640px;
}
.homepage #food {
    text-align:center;
}

#foods #food_search {
    text-align:center;
}

#food_search_results {
    margin:auto;
    width:100%;
    max-width:640px;
    border-radius: 10px;
}
#foods #food_search_results a {
    display:block;
    font-size:20px;
    padding:10px 15px;
    border-bottom:1px solid #cccccc;
    text-align: left;
}
#food_search_results a:hover, #food_search_results a:active, #food_search_results a:focus{
    background:#f6f6f6;
    color:#323232;
}
#foods #food_search_results {
    background: #ffffff;
}
#foods .food-details .macronutrients {
    margin:auto;
    width:100%;
    max-width:640px;
    background: #ffffff;
    border-radius: 10px;
    margin-top:20px;
    text-align:center;
    padding:20px;
}
#foods .food-details .macronutrients .macro {
    display:inline-block;
    width:25%;
    text-align:center;
    box-sizing: border-box;
}
#foods .food-details .macronutrients .value {
    font-size:42px;
    line-height:42px;
    font-weight:bold;
}
#foods .food-details .macronutrients .name {
    font-size:22px;
    line-height:22px;
}

#foods .food-details {
    text-align:center;
    margin-top:50px;
}
#foods .food-details div {
    color:#323232;
}
#foods .food-details .food-name {
    font-size:32px;
    line-height:32px;
    margin:auto;
    margin-bottom:20px;
}
#foods .nutritional-info {
    margin:auto;
    width:100%;
    max-width:640px;
    background: #ffffff;
    border-radius: 10px;
    margin-top:20px;
    text-align:center;
    padding:20px;
}

#foods .servings {
    margin:auto;
    width:100%;
    max-width:640px;
    text-align:center;
}
#foods .servings label {
    text-align:left;
}
#foods .servings .form-group-default {
    border-radius: 10px;
}
#foods .servings .form-group {
    margin-bottom: 0px;
}


#foods .nutritional-info table {
    width:100%;
    margin: auto;
}
#foods .nutritional-info table td {
    color:#323232;
    font-size:18px;
    border:1px solid #cccccc;
    padding:10px;
}
#foods .nutritional-info table td.name {
    font-weight:bold;
    text-align:left;
}
#foods .nutritional-info table td.name.indented {
    font-weight:normal;
    padding-left:20px;
}
#foods .nutritional-info table td.value {
    text-align:right;
}
#foods .nutritional-info .title {
    color:#323232;
    font-size:26px;
    margin-bottom:20px;
}
#foods .coaching {
    margin:auto;
    width:100%;
    max-width:640px;
    background: #EEEEED;
    border-radius: 20px;
    margin-top:20px;
    text-align:center;
    padding:40px;
}
#foods .coaching:hover{
    background: #E0E0E0;

}
#foods .coaching img {
    width:90%;
}
#foods .coaching h3 {
    color:#323232;
    font-weight:bold;
    font-size:42px;
    margin-top:40px;
}
#foods .trial, #calculator .trial {
    margin:auto;
    width:100%;
    max-width:640px;
    background: #666767;
    border-radius: 20px;
    margin-top:20px;
    text-align:center;
    padding:40px;
    padding-bottom:0px;
}
#calculator {
    padding-bottom:250px;
}
#calculator .trial {
    padding:0px 20px;
    background: none;
}

#foods .trial .name img, #calculator .trial .name img {
    height:48px;
}
#foods .trial .name, #calculator .trial .name {
    font-size:28px;
    color:#CEEBEF;
}
#foods .trial .text, #calculator .trial .text {
    font-size:18px;
    line-height: 18px;
    margin-top:20px;
    color:#CEEBEF;
}
#foods .trial .trial-button, #calculator .trial .trial-button {
    margin-top:20px;
}
#foods .trial img.screenshot, #calculator .trial img.screenshot {
    width:85%;
}
#foods {
    padding-bottom:100px;
}

#tdee_target_calories {
    background:#cccbcc;
    color:#323232;
    display:block;
    padding:30px 20px 20px 20px;
    border-radius: 15px;
    text-align:center;
    margin:auto;
    width:200px;
    font-size:40px;
    font-weight: bold;
    letter-spacing: 0em;
}
#tdee_target_calories span {
    display:block;
    font-weight: normal;
    font-size:14px;
    margin-top:8px;
}
#tdee_target_macros {
    list-style: none;
    width:300px;
    margin:0px;
    padding:0px;
    margin:auto;
}
#tdee_target_macros li {
    display:block;
    color:#545454;
    margin:0px;
    padding:15px;
    text-align: center;
    font-size:18px;
    font-weight:bold;
}
.calories {
    background:#ffffff;
}
.protein {
    background:#cccbcc;
}
.carbs, .time {
    background:#cfecfe;
}
.fat, .weight {
    background:#bcf9ff;
}
.sugar, .fiber, .sodium {
    background:#e0e0e0;
}

#tdee_change_ratios_button {
    text-align:center;
    margin-top:15px;
}
#tdee_macro_ratios {
    padding-top:15px;
    margin:auto;
    max-width:420px;
}

#percentages_warning {
    text-align:center;
    max-width:420px;
    margin:auto;
}
#tdee_macro_ratios .col-4 {
    padding-right: 7px;
    padding-left: 7px;
}

#meal_planner {
    display:none;
    padding-top:50px;
}
#meal_planner_date {
	text-align:center;
}
.meal-planner-date, .meal-planner-goal, .workout-planner-date, .meal-planner-user {
    text-align:center;
	cursor: pointer;
	margin-bottom:5px;
}
.workout-planner-date {
    margin-top:10px;
}
.meal-planner-date div {
    display:inline-block;
}
.meal-planner-user .icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: middle;
    margin-right:5px;
}
.meal-planner-user .icon  img {
    width: 24px;
    height: 24px;
}
.meal-planner-user .name {
    display: inline-block;
    vertical-align: middle;
}

#workout_planner {
    padding-top:40px;
}
.workout-planner-name {
    text-align:center;
	margin-top:5px;
    font-size: 16px;
}
.workout-planner-name span {
	cursor: pointer;
}
.workout-planner-name i {
	cursor: pointer;
    font-size: 14px;
}
.workout-planner-comments {
    text-align:center;
	margin-top:5px;
    font-size: 14px;
}

.meal-planner-goal.large-text {
    font-size: 16px !important;
}
.meal-planner-macros  {
	text-align:center;
}
.meal-planner-macros div {
	display:inline-block;
	width:76px;
	padding:12px;
	font-size:14px;
	letter-spacing:0em;
	color:#323232;
	border-radius: 12px;
	margin:3px;
    margin-top:10px;
}
.meal-planner-macros.small div {
	display:inline-block;
	width:62px;
	padding:4px;
	font-size:11px;
	letter-spacing:0em;
	color:#323232;
	border-radius: 12px;
	margin:2px;
    margin-top:10px;
	text-align:center;
	min-height:48px;
}

.meal-planner-macros div span {
    font-size:18px;
}
.meal-planner-macros.small div span {
    font-size:15px;
}

.meal-planner-macros div span.over {
    color:#ff0000;
}

.meal-planner-macros div p, #food_search .macros div p, #shared_mealplan .macros div p {
    font-size:10px;
    display:block;
    margin:0px;
    padding:0px;
    color:#888888;
    letter-spacing: 0.01em;
    line-height: 16px;
}
.meal-planner-macros div.sugar, .meal-planner-macros div.fiber, .meal-planner-macros div.sodium {
    background:none;
    color:#ffffff;
}
.meal-planner-macros.macros-remain > p {
    padding-top:35px;
    font-size: 14px;
    line-height: 16px;
}

.meal-planner-meals > table, .workout-planner-exercises > table {
    width:calc(100% + 40px);
    margin-top:15px;
    position: relative;
    left:-20px;
}
#mealplan_meals.meal-planner-meals > table, #saved_meal_edit .meal-planner-meals > table {
    width:calc(100%);
    left:0px;
}
.meal-planner-meals table td, .workout-planner-exercises table td {
    font-size:14px;
    padding:6px 8px;
    vertical-align: top;
}
.meal-planner-meals table td.meal, .workout-planner-exercises table td.exercise {
	font-size:16px;
    padding:8px;
    padding-bottom:3px;
    position:relative;
    background:#bcbfbb;
	color:#323232;
    /* darker color:
	color:#ffffff;
    background:#525252;
     */
}
.meal-planner-meals table td.meal .loading i, .workout-planner-exercises table td.exercise .loading i {
	color:#323232;
}

.meal-planner-meals .food, .workout-planner-exercises .set {
	background:#cfecef;
	color:#323232;
	position: relative;
	border-bottom:1px solid #bcbfbb;
}
.workout-planner-exercises .set a {
	color:#323232;
}

.workout-planner-exercises tr.set-time td {
    background: #bcbfbb;
    padding:0px;
    text-align: center;
    font-size:12px;
    color:#323232;
    line-height: 16px;
    border-bottom: 1px solid #bcbfbb;
}
.workout-planner-exercises tr.set-time {
    display:none;
}
.workout-planner-exercises tbody.expanded tr.set-time {
    display:table-row;
}

.workout-planner-exercises .reps {
    width:60px;
    text-align:right;
    padding-right:5px;
    display:inline-block;
	color:#323232;
	vertical-align: top;
}
.workout-planner-exercises .notes {
    display:inline-block;
    padding-left:15px;
	color:#323232;
	vertical-align: top;
}
.workout-planner-exercises .weight-time {
    text-align:left;
    display:inline-block;
	color:#323232;
	vertical-align: top;
}
.workout-planner-exercises .actions {
    width:40px;
    text-align:right;
}
.workout-planner-exercises .name {
    display:inline-block;
    width:calc(100% - 75px);
}
.meal-planner-meals .food:hover, .workout-planner-exercises .set:hover {
	background:#afd4d8;
}
.meal-planner-meals .macros {
	background:#ffffff;
	color:#323232;
	border-bottom: 1px solid #bcbfbb;
}
.meal-planner-meals .macros a {
	color:#323232;
}
.meal-planner-meals .totals {
	background:none;
}
.meal-planner-meals .icons:hover, .workout-planner-exercises .icons:hover {
    opacity: 0.75;
}

.workout-planner-exercises .expand-row {
    background:#ffffff;
    padding:0px;
    text-align:center;
    line-height:12px;
}
.workout-planner-exercises .expand-row .icon {
    color:#888888;
    cursor: pointer;
}
.workout-planner-exercises .expand-row .icon .up {
    display:none;
}

.workout-planner-exercises .details-row {
    background:#ffffff;
	color:#323232;
	font-size:12px;
	display:none;
}
.workout-planner-exercises .details-row h4 {
	color:#323232;
	font-size:14px;
	padding:0px;
	margin:0px;
	font-width: 400;
	line-height:20px;
	margin-bottom:5px;
}
.workout-planner-exercises .details-row .container {
    text-align: left;
	color:#323232;
    white-space: nowrap;
	overflow:scroll;
    position:relative;
    padding-left:15px;
    padding-right:15px;
    margin-left:0px;
    margin-right:0px;
    box-sizing: border-box;
}
.workout-planner-exercises .details-row .loading-gear {
    margin-top:10px;
    width: 48px;
    height: 48px;
}
.workout-planner-exercises .details-row .history-workout {
    display:inline-block;
    width:auto;
    margin-right:25px;
    vertical-align: top;
    padding-bottom:15px;
}
.workout-planner-exercises .details-row .history-date {
	color:#323232;
	font-weight: bold;
}
.workout-planner-exercises .details-row .history-set {
	color:#323232;
}
.workout-planner-exercises .exercise-details-section {
    display:inline-block;
    width:auto;
    padding-right:15px;
    text-align:left;
    vertical-align: top;
    color: #323232;
}
.workout-planner-exercises .exercise-details-section:not(:first-of-type) {
    border-left:1px solid #e6e6e6;
    padding-left:25px;
}


.meal-planner-meals .icons, .workout-planner-exercises .icons {
    position: absolute;
    top: 3px;
    font-size: 14px;
    cursor: pointer;
    right: 8px;
}
.meal-planner-meals .icons i, .workout-planner-exercises .icons i {
    margin-left:6px;
    position: relative;
    bottom: -4px;
}
.meal-planner-meals .food .icons, .workout-planner-exercises .set .icons  {
    right: 0px;
}
.meal-planner-meals .food .icons i, .workout-planner-exercises .set .icons i {
    padding:5px 10px 7px 10px;
    color:#666666;
}
.meal-planner-meals .food .food-name {
    width:calc(100% - 22px);
    color: #323232;
}

.meal-planner-meals i.add, .workout-planner-exercises i.add {
    cursor:pointer;
    color:#bcf9ff;
    font-size:24px;
    position: relative;
    top:3px;
}
.meal-planner-meals i.edit, .workout-planner-exercises i.edit {
    cursor:pointer;
    color:#323232;
    font-size:14px;
}
.meal-planner-meals i.chevron, .workout-planner-exercises i.chevron {
    color:#888888;
}
.meal-planner-meals .add-meal-button, .add-exercise-button, .add-from-mealplan-button {
    font-size:16px;
    display:inline-block;
    cursor:pointer;
}
.meal-planner-meals .add-meal-button:hover, .add-exercise-button:hover, .add-from-mealplan-button:hover {
    opacity: 0.75;
}
.meal-planner-meals .add-meal-button i, .add-exercise-button i, .add-from-mealplan-button i {
    font-size:24px;
    position: relative;
    top:3px;
}
.add-meal-button-row td, .exercise-add-button td {
    text-align: center;
}
.meal-planner-fullscreen-modal {
    display:none;
	position:fixed;
    top: 0px;
    bottom:0px;
    left: 50%;
    margin-left: -320px;  /* Negative half of width. */
    width:640px;
	background:#323232;
	z-index:2000;
	-webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.41);
	-moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.41);
	box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.41);
	padding:20px;
	padding-top:10px;
	padding-bottom:100px;
	overflow-y:scroll;;
}
.meal-planner-fullscreen-modal .top {
    margin-bottom:10px;
    display:flex;
    vertical-align: middle;
}
.meal-planner-fullscreen-modal .title {
    font-weight: bold;
    font-size:22px;
    display:inline-block;
    vertical-align: middle;
    flex-grow: 1;
    padding-top: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width:calc(100% - 125px);
}
.meal-planner-fullscreen-modal .close-button {
    font-size:32px;
    display:inline-block;
    width:22px;
    vertical-align: middle;
    cursor:pointer;
    color:#98cdd3;
}
.meal-planner-fullscreen-modal .close-button:hover {
    color: #ffffff;
}
.meal-planner-fullscreen-modal .buttons {
    display:inline-block;
    vertical-align: middle;
    text-align:right;
    padding-top:5px;
    padding-left:5px;
}
.meal-planner-set-macros-button {
    display:none;
    padding:5px;
}
.meal-planner-goal {
    display:none;
}

.list-item {
    display:block;
    padding:8px;
    font-size:18px;
    border-bottom:1px solid #525252;
}
#food_search_saved_mealplans_selected .list-item.last, #shared_mealplan .list-item.last {
    border-bottom:0px;
}

#exercise_edit .list-item, #workoutplan_exercise_edit .list-item, #shared_workoutplan .list-item {
    border-bottom:0px;
}
.list-item.mealplan {
    font-style: italic;
    border-bottom:0px;
    text-align: center;
    margin-top:10px;
}
.list-item.meal {
    border-bottom:0px;
    margin-bottom:5px;
    margin-top:10px;
}
.meals .totals {
    text-align: right;
    padding-right: 5px;
    padding-top: 5px;
}
.meals .totals span {
    padding-left:15px;
}

.list-item i {
    font-size:12px;
    position: relative;
    top:-2px;
    width:12px;
    text-align: center;
}
.meal-block {
    background:#cfecef;
    padding:10px;
}

.tab-content {
    display:none;
}
.tab-content .workout-item {
    font-style: italic;
}
.tab-content .add-all {
    font-size:14px;
    margin-left:10px;
    font-style: normal;
}
.tab-content .add-all i {
    top:0px;
}
.list-item.indented {
    margin-left: 20px;
    border-bottom: none;
}
.message {
    padding:10px;
}
.tab-content hr {
    margin-top:10px;
    margin-bottom:10px;
}

.list-item .group {
    font-size:10px;
    float:right;
    color:#888888;
}
.list-item:hover {
    background:#525252;
    cursor: pointer;
}
.tab-content .workout-item:hover, .list-item.mealplan:hover, .list-item.meal:hover {
    background:inherit;
    cursor: inherit;
}
.list-item span {
    display:inline-block;
    margin-right:15px;
    font-size:12px;
}
#food_search_saved_mealplans_selected > .macros {
    text-align: center;
    padding-bottom:5px;
}
#food_search .macros div, #shared_mealplan .macros div  {
    display: inline-block;
    width: 76px;
    padding: 12px;
    font-size: 14px;
    letter-spacing: 0em;
    color: #323232;
    border-radius: 12px;
    margin: 3px;
    margin-top: 10px;
    text-align: center;
}

#goal_results .loading {
    font-size:36px;
    color:#888888;
}
.list-item .loading {
    display:none;
    float:right;
    font-size:36px;
}
#select_date .calendars {
    text-align: center;
}
#select_date .calendar {
    display:inline-block;
    width:300px;
    padding:20px;
}
#select_date .calendar table {
    width:100%;
}
#select_date .calendar .calendarDay span {
    width:28px;
    height:28px;
    border-radius: 14px;
    display:inline-block;
    text-align: center;
    background:#323232;
    padding-top:3px;
    cursor:pointer;
}
#select_date .calendar .calendarDay span:hover {
    background:#cfecef;
    color:#323232;
}
#select_date .calendar .calendarToday span {
    background:transparent;
    border:1px solid #bcf9ff;
}
#select_date .calendar .calendarSelected span {
    color:#323232;
    background: #bcf9ff !important;
}
#select_date .calendar .has-data span {
    background: #888888;
}
.actions-modal {
    display:none;
    background:#323232;
    width:200px;
    position:absolute;
    z-index: 500;
    border:1px solid #5e5e5e;
}
.actions-modal ul {
    margin:0px;
    padding:0px;
    list-style: none;
}
.actions-modal li {
    margin:0px;
    padding:0px;
}
.actions-modal li a {
    display:block;
    padding:4px 8px;
    border-bottom:1px solid #5e5e5e;
}
.actions-modal li a:hover {
    background: #cfecef;
    color: #323232;
}
.actions-modal li a.cancel {
    color:#aaaaaa;
}

.listform td {
    color:#222222;
}
.listform th {
    background:#ffffff;
}

pre {
    text-align:left;
    color:#ffffff !important;;
}
#interactive video {
    width:100%;
    position:absolute;
    top:0px;
    left:0px;
}
#interactive canvas {
    position:absolute;
    top:0px;
    left:0px;
}
#interactive {
    position:relative;
}
#food_search_barcode_icon , #new_food_barcode_icon{
    font-size:24px;
}
#food_search_input_group .loading, #mealplan_food_search_input_group .loading, #savedmeal_food_search_input_group .loading {
    position: absolute;
    right: 60px;
    color: #cccccc;
    font-size: 24px;
    top: 24px;
}
#food_search_input_group.form-group {
    margin-bottom:5px;
}
#food_search .create-buttons, #mealplan_food_search .create-buttons {
    margin-bottom:5px;
}
#exercise_edit_name_input_group .loading, #workoutplan_exercise_edit_name_input_group .loading {
    position: absolute;
    right: 20px;
    color: #cccccc;
    font-size: 24px;
    top: 20px;
}

.tabs {
	border-bottom:1px solid #525252;
	margin-bottom:10px;
}
.tabs .tab {
    color:#888888;
    font-size: 16px;
    display:inline-block;
    padding:10px 10px;
	border-bottom:3px solid transparent;
    transition: border-bottom 0.25s ease-out;
}
.tabs .tab.active {
    color:#ffffff;
	border-bottom:3px solid #bcf9ff;
}
.tabs .tab:hover {
    background:#525252;
    cursor:pointer;
}


.loading-meal-row, .loading-exercise-row {
    display:none;
}
.list-item-text {
    width:calc(100% - 60px);
}

.list-item .edit-button {
    float:right;
    padding-top:8px;
    font-size:13px;
}
.list-item .edit-button i {
    font-size:13px;
    top:0px;
}

div.error {
    color:#ff8888;
    margin: 0px;
}
.form-group-default.has-error {
    background-color: #ffffff;
}

#tdee_calculator_results_calories {
    background: #cccbcc;
    color: #323232;
    display: block;
    padding: 30px 10px;
    border-radius: 15px;
    text-align: center;
    margin: auto;
    width: 200px;
    font-size: 40px;
    font-weight: bold;
    letter-spacing: 0em;
}
#tdee_calculator_results_calories span {
    font-size: 16px;
    font-weight: normal;
    position: relative;
    top: -8px;
}

#tdee_calculator_results_text {
    letter-spacing: 0.1em;
    font-size: 20px;
    font-weight: 500;
    margin-bottom:25px;
    margin-top:25px;
}

.loading-gear {
    display:inline-block;
    width:96px;
    height:96px;
    background-image: url("/assets/img/gear.png");
    background-size: cover;
    opacity: 0.75;
    animation: rotation 4.5s infinite linear;
}
.loading-gear.small {
    width:48px;
    height:48px;
}


@keyframes rotation {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(359deg);
    }
}

#stats h1 {
    margin:0px;
}

.datepicker.dropdown-menu td {
    color: #575757;
}
.datepicker table tr td.active {
    background-color: #98cdd3 !important;
}
.list-icon {
    margin-right: 10px;
    font-size: 20px;
    position: relative;
    top: 3px;
}

div .note-editor .note-editable {
    background: #ffffff;
    color:#222222;
}
h2 span, .hint-text {
    font-size:12px;
    font-style: italic;
}

.section-blog-article .content {
    background:#ffffff;
}

.section-blog .content, .section-blog-article .content {
    background:#cfecef;
}
.section-blog div, .section-blog h1, .section-blog h2, .section-blog-article div, .section-blog-article h1, .section-blog-article h2 {
    color:#323232;
}
.section-blog .page, .section-blog-article .page {
    width: 920px;
}
.section-blog #app_header, .section-blog-article #app_header {
    max-width: 920px;
}
.section-blog #mobile_menu, .section-blog-article #mobile_menu {
    max-width: 920px;
}
#blog {
    padding-top:10px;
}

.blog-article {
    margin-bottom:10px;
}
.blog-article .image-area {
    height:200px;
    background-size: cover;
    background-position: center center;
}
.blog-article .content-area {
    padding:15px;
    background:#ffffff;
}
.blog-article h3 {
    color:#323232;
    font-weight: 500;
}
.blog-article .button-area {
    text-align:center;
    position: relative;
    top:-15px;
}
.blog-article .btn {
    background-color: #abb0af;
    color:#ffffff;
}

.article-page .image-area {
    height:200px;
    background-size: cover;
    background-position: center center;
    margin:0px;
}

.article-page .article-content {
    background: #ffffff;
    padding:20px;
}

#tdee_email_signup .top-text {
    padding-top:40px;
    color:#d5eaef;
}
#tdee_email_signup h3 {
    color:#d5eaef;
    margin-top:40px;
    letter-spacing: 0.07em;
    font-size: 32px;
    font-weight: 500;
}
#tdee_email_signup .bottom-text {
    padding-top:5px;
    color:#d5eaef;
}
#tdee_email_signup form input {
    padding:10px 15px;
    width:100%;
    margin-bottom:5px;
}

.previous-checkins {
    position: relative;
    width: 100%;
}

.previous-checkins a:focus, .previous-checkins a:hover, .previous-checkins a:active {
    color: #5ca2aa;
}
.previous-checkins td {
    padding:6px 12px;
    vertical-align:top;
    color: #323232;
}
.previous-checkins td.heading {
    background: #cfecef;
    color: #323232;
}
.previous-checkins td.date {
    color:#ffffff;
    font-size: 16px;
    background:#525252;
}
.previous-checkins td.data {
    background: #ffffff;
}
.previous-checkins a {
    color: #323232;
}

/*
.previous-checkins .progress-photo {
    width:42px;
    height:42px;
    padding-right:5px;
    padding-bottom:5px;
}
 */
.todays-checkin {
    width:100%;
}
.todays-checkin td {
    width:33%;
    vertical-align: top;
}

.dropdown-default .dropdown-menu {
    padding-top: 10px;
}
.dropdown-default .btn.dropdown-toggle {
    min-height:24px;
    padding:0px 5px;
}
.dropdown-default .dropdown-menu:after {
    background:none;
}
.btn.btn-link:focus, .btn.btn-link:active:focus, .btn.btn-link.active:focus {
    color:inherit;
    background-color:inherit;
}

.dropdown .btn {
    padding:0px 15px;
}
.dropdown-default .btn.dropdown-toggle + .dropdown-menu {
    padding-top: 10px;
}
.dropdown-toggle::after {
    display: none;
}
.dropdown-default .dropdown-menu {
    width:auto;
    left:auto !important;
    right:0px;
}
#check_ins h1 {
    text-align: center;
}
#check_ins {
    padding:0px;
}
#check_ins .previous-checkins .btn-link {
    color:#888888;
}

.right .dropdown-menu {
    left:-0px;
    right:auto;
}
.dropdown-menu hr {
    margin: 8px;
    border-color: #cccccc;
}
.workout-planner-exercises .dropdown-menu {
    min-width:100px;
}
.workout-planner-set-dropdown {
    margin-left:5px;
}
.meal-planner-meals-food-dropdown .btn-link, .workout-planner-set-dropdown .btn-link {
    color:#888888;
}
.workout-planner-dropdown, .meal-planner-dropdown {
    position: absolute;
    top:15px;
    right:15px;
}
.workout-planner-dropdown.left, .meal-planner-dropdown.left {
    right:auto;
    left:15px;
}

.workout-planner-dropdown i, .meal-planner-dropdown i {
    font-size:20px;
    color:#cccccc;
}
.workout-planner-dropdown.left i, .meal-planner-dropdown.left i {
    margin-right:5px;
    cursor:pointer;
}

i.share-settings {
    padding:0px 3px;
    cursor: pointer;
}

#photos_upload_progress {
    color:#98cdd3;
    background:#98cdd3;
    height:8px;
    width:100%;
    display:none;
}
#photos_upload_progress::-webkit-progress-value {
    background:#98cdd3;
}
#photos_upload_progress::-moz-progress-bar {
    background:#98cdd3;
}

#photo_edit .fullsize-photo img, #photo_view .fullsize-photo img {
    width:100%;
}

#account .tabs {
    margin-bottom:20px;
}
#invite #invite_link {
    padding:10px;
    position: relative;
    top:2px;
    margin-right:10px;
    width:calc(100% - 130px);
}
#invite form button {
    width:120px;
}

#workoutplan_exercises {
    padding:0px 20px;
}

#billing {
    text-align: center;
}
#pricing {
	padding-top:100px;
	text-align:center;
}
#pricing h3 {
	font-size: 38px;
}
.pricing-blocks .no {
	color:#f35958;
	display:block;
}
.upgrade-to-pro-message {
	margin-top:25px;
	background: #ffffff;
}
.upgrade-to-pro-message .btn {
	margin-top:10px;
}
.pricing-blocks .yes {
	color:#333;
	display:block;
}
.pricing-blocks {
	text-align:center;
	vertical-align:middle;
}
.pricing-blocks .price-block {
	display:inline-block;
	width:280px;
	margin:10px;
	border: 4px solid #98cdd3;
	background: #f3feff;
	text-align:center;
	padding:15px;
	padding-top:5px;
	vertical-align:top;
	border-radius: 25px;
}
.pricing-blocks .price-block .frequency {
    color:#323232;
    font-size:20px;
    margin-top:25px;
    margin-bottom:5px;
}

.pricing-blocks .price-block .cost {
	font-size: 42px;
	line-height:1em;
	color:#98cdd3;
	font-weight:bold;
	margin-bottom:0px;
}
.pricing-blocks .price-block .cost-reduced {
	font-size: 42px;
	line-height:1em;
	margin-bottom:0px;
    text-decoration: line-through;
    color:#923535;
	font-size: 28px;
	font-weight:300;
}


.pricing-blocks .price-block .per-frequency {
	font-size: 13px;
    font-weight: 300;
    margin-bottom: 20px;
    color: #333;
}
.pricing-blocks .price-block .notes {
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 4px;
    text-align: left;
    padding-left:30px;
}
.divider {
    border-top: 1px solid #dddddd;
    height: 2px;
    width: 80%;
	margin:auto;
    margin-top:0px;
	margin-bottom:20px;
}
.pricing-blocks .price-block.best-deal .save {
	font-size: 18px;
    font-weight: 700;
    color: #45B649;
}
.pricing-blocks .btn {
    margin-top:20px;
}
#creditcard_id {
    padding:10px;
}
#new_card_div {
    padding-top:10px;
}
.table {
    background:#ffffff;
    color:#333;
}
#billing .table {
	max-width:inherit;
}

#current_subscription {
	background:#ffffff;
	padding:20px;
	padding-bottom:0px;
	margin-bottom:10px;
}
#current_subscription .info {
	display:inline-block;
	margin:auto;
	margin-left:30px;
	margin-right:30px;
	width:auto;
	vertical-align:top;
	padding-bottom:20px;
}
#current_subscription .info div {
	color:#333;
}
#current_subscription .info div.red {
	color:#ff0000;
}
#current_subscription .info h3 {
	font-size:18px;
	color:#888888;
	margin-bottom:0px;
	line-height:1em;
}
#payment_methods table .btn {
    margin-bottom:3px;
}
.red {
    color:#ff0000;
}

.profile-header .image {
    display:inline-block;
    width:120px;
    height:120px;
    text-align:left;
    vertical-align:top;
	position:relative;
	background-image: none; /* will get set via JS */
	background-size: cover;
	background-position: center top;
    border-radius: 50%;
}

.profile-header .details {
    display:inline-block;
    width:calc(100% - 140px);
    text-align:left;
    vertical-align:top;
    margin-left:20px;
}
.profile-header .image img {
    width:120px;
    height:120px;
}
.profile-header .details h1 {
    font-size:20px;
    line-height:normal;
    padding:0px;
    margin:0px;
}
.profile-header .details h1 a {
    color:#ffffff;
}
.profile-header .details .shortname {
    font-size:12px;
}
.profile-header .details .buttons {
    margin-top:10px;
}
.profile-header .details .buttons .btn {
    margin-right:5px;
}
.profile-header .edit-button {
	position:absolute;
	bottom:0px;
	right:0px;
	color:#323232;
	font-size:16px;
	border:5px solid #323232;
	background:#98cdd3;
	height:32px;
	width:32px;
	text-align:center;
	border-radius:50%;
}

.profile-details-loading {
    text-align: center;
    margin-top:50px;
}
.profile-details h2 {
    font-size:22px;
    padding-bottom:0px;
}
.profile-header .buttons .button {
    display:none;
}
.profile-details {
    margin-top:25px;
    text-align:left;
}
.profile-details .meal-planner-macros {
    text-align:left;
    display:inline-block;
    width:auto;
}
.profile-details .left-column {
    display:inline-block;
    width:100px;
    padding-right:10px;
    vertical-align: top;
    text-align:right;
}
.profile-details .right-column {
    display:inline-block;
    width:calc(100% - 100px);
    vertical-align: top;
    text-align:left;
}
.profile-details .mealplan {
    margin-bottom:10px;
}
.profile-details .mealplan .meal-planner-macros div {
    margin-top:2px;
    text-align: center;
}
.profile-details .workout {
    margin-bottom:15px;
}
.profile-details .checkin {
    text-align: center;
    margin-bottom:5px;
}

.profile-details .photo {
    display:inline-block;
    width:100px;
    height:100px;
    text-align:center;
    vertical-align: top;
    background-size:cover;
    background-position:center;
    cursor: pointer;
    margin-right:12px;
    margin-bottom:12px;
}
.profile-details hr {
    margin-top:12px;
    margin-bottom:12px;
}
.profile-details hr.top-padding {
    margin-top:20px;
}
#profile_photo .current-photo img {
    width:100%;
}

.friend {
    padding: 4px 6px;
}
.friend:hover {
    background:#525252;
    cursor: pointer;
}

.friend .image {
    display:inline-block;
    width:58px;
    text-align:left;
    vertical-align:middle;
}
.friend .details {
    display:inline-block;
    width:calc(100% - 58px);
    text-align:left;
    vertical-align:middle;
}
.friend .image img {
    width:48px;
    height:48px;
}
.friend .details .name {
    font-size:18px;
}
.friend .details .shortname {
    font-size:12px;
}

.no-data-gear {
    margin:auto;
    margin-top:30px;
    width:300px;
    height:300px;
    background-image:url(/assets/img/dark-gear.png);
    background-size: cover;
}
.no-data-gear div {
    color:#737373;
    width:250px;
    margin:auto;
    padding-top:110px;
    text-align: center;
    font-size:26px;
    line-height:30px;
    font-style: italic;
}
#mealplan_edit_targets_button {
    margin-top:10px;
    margin-bottom:10px;
}

.table tbody tr td {
    padding: 5px 10px;
}


#notifications_icon {
    position: absolute;
    top: 18px;
    right: 15px;
    font-size: 20px;
    cursor: pointer;
    color:#cccccc;
}
#notifications_icon .badge {
    position: absolute;
    top: -8px;
    right: -12px;
    border-radius: 10px;
    padding: 4px 6px;
    font-size: 10px;
    line-height: 10px;
}

#notifications_menu {
	display:none;
	position:absolute;
	top:0px;
	right:0px;
	width:320px;
	background:#424242;
	z-index:100;
	-webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.41);
	-moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.41);
	box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.41);
	padding-top:10px;
    overflow:scroll;
}
#notifications_menu_close {
    position: absolute;
    top:15px;
    right:15px;
    font-size:26px;
    color:#5e5e5e;
}

.notification {
	display:block;
	padding:10px;
	font-size:14px;
    cursor: pointer;
    width: 100%;
	border-bottom:1px solid #525252;
	color:#575757 !important;
}
.notification.new {
	background: #626262;
}
.notification:hover {
	background: #525252;
}
.notification .text {
	display:inline-block;
	vertical-align: middle;
	width:100%;
}
.notification .text span {
	font-size:10px;
	color:#888888;
	margin-left:3px;
	white-space:pre;
}
.notifications-header {
	text-align:center;
	font-size:16px;
	padding:13px;
	border-bottom:1px solid #525252;
}
.notifications-body {
}
.notifications-footer {
	text-align:center;
	font-size:14px;
	padding:15px;
}
.no-notifications {
	padding:15px;
	text-align:center;
	font-size:14px;
}
#mealplan_share_public input, #workoutplan_share_public input, #share_settings_link  {
    width:100%;
    padding:5px;
    margin-bottom:15px;
}
#shared_mealplan {
    text-align: center;
}
#share_settings_sharetype_div label, #privacy_settings label {
    margin-left:22px;
}
#share_settings_sharetype_div label input, #privacy_settings label input {
    margin-left:-22px;
}
#share_settings_sharetype_div label i {
    font-size:18px;
}

#shared_mealplan h1, #shared_workoutplan h1, #workout_view h1, #mealplan_view h1 {
    font-size:24px;
    margin:0px;
}
#shared_mealplan h2, #shared_workoutplan h2, #workout_view h2, #mealplan_view h2 {
    font-size:20px;
    margin:0px;
}
#shared_mealplan .meals {
    text-align: left;
}
.pgn-wrapper {
    z-index:9999;
}

#coaching_with_zoe, #coaching_with_zoe p {
    font-size:24px;
    line-height: 28px;
}
#coaching_with_zoe .photo, #coaching_with_zoe .intro {
    display:inline-block;
    width:50%;
    padding:20px;
    box-sizing: border-box;
    text-align: center;
    vertical-align: top;
}
#coaching_with_zoe .intro {
    margin-top:60px;
}
#coaching_with_zoe .photo img {
    width:100%;
    border-radius: 25px;
}
#coaching_with_zoe p {
    padding:20px;
    text-align: center;
}

#app_home {
    text-align:left;
}
.element {
    padding:15px;
    border-bottom: 1px solid #525252;
}
.element#homepage_ad_element {
    padding:0px;
}
.element#homepage_ad_element img {
    width:100%;
}
#remove_ads_link {
    padding:5px;
    text-align:center;
    font-size:10px;
}
.element:last-child {
    border-bottom: 0px;
}
.element-name {
    color:#ffffff;
    font-size:20px;
    margin-bottom:10px;
    text-align:center;
}
.element-text {
    margin-bottom:10px;
}
.element-details {
    text-align: center
}
.element-checkin-history .element-name {
    text-align:left;
    padding-left:8px;
}
.element-checkin-history.element {
    padding-left:0px;
    padding-right:0px;
}

.checkin-weight-form input {
    padding:7px 10px 7px 10px;
    width:120px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    border:0px;
}
.question-form input {
    padding:7px 10px 7px 10px;
    width:calc(100% - 100px);
    border-radius: 5px;
    -moz-border-radius: 5px;
    border:0px;
    max-width: 400px;
}
#weight_submit {
    position: relative;
    left:-5px;
    top:-1px;
    border-top-left-radius:0px;
    border-bottom-left-radius:0px;
}
#question_submit {
    position: relative;
    left:-5px;
    top:-1px;
    border-top-left-radius:0px;
    border-bottom-left-radius:0px;
}
.checkin-photos-form {
    margin-top:15px;
    margin-bottom:15px;
}
.checkin-photos-form .error, .checkin-weight-form-results .error {
    margin-top:10px;
}
.checkin-photos-form .photo {
    display:inline-block;
    width:115px;
    vertical-align: top;
    box-sizing: border-box;
    text-align: center;
}
.checkin-history td {
    text-align: left;
}

.photo-preview {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    display:inline-block;
    width:100px;
    height:100px;
    text-align:center;
    margin:2px;
    vertical-align: top;
    background-size:cover;
    background-position:center;
    cursor: pointer;
}
.checkin-history .photo-preview {
    width:60px;
    height:60px;
}

#app_home .icon-list {
    position: relative;
    top:-5px;
}
#app_home .icon-list .icon {
    display:inline-block;
    width:72px;
    height:72px;
}
#app_home .icon-list .icon img {
    display:inline-block;
    width:100%;
    height:100%;
}
#app_home .icon-list .icon .fa {
    font-size:46px;
    color:#BCBFBF;
    position: relative;
    top:15px;
}

#app_home .meal-planner-macros div {
    margin-top:5px;
}
#app_home .button-row {
    margin-top:10px;
}

body.section-affiliates-application .page-container .page-content-wrapper {
    background-image:none;
    background-color:#323232;
}
body.section-affiliates-application .page-content-wrapper-inside {
    -webkit-box-shadow:none;
    box-shadow:none;
}
body.section-affiliates-application div, body.section-affiliates-application p {
    font-size:22px;
    line-height:32px;
    font-family: glacial_indifferenceregular;
    color:#CFECEF;
}
body.section-affiliates-application li {
    padding-left: 3px;
    line-height:34px;
}
body.section-affiliates-application p {
    margin-bottom: 25px;
}
body.section-affiliates-application div.alert-danger {
    color:#923535;
    font-size:16px;
}
body.section-affiliates-application div.alert-warning {
    color:#947c39;
    font-size:16px;
}
body.section-affiliates-application b {
    font-family: glacial_indifferencebold;
}
body.section-affiliates-application h1 {
    font-size:32px;
    line-height:32px;
    font-family: glacial_indifferencebold;
    color:#CFECEF;
    margin-bottom:20px;
}
.affiliate-password-form {
    max-width:360px;
    margin:auto;
    margin-top:50px;
}
.affiliate-password-form label {
    text-align: center;
    display: block;
    font-size:24px;
    font-style: italic;
    margin-bottom: 25px;
}
.affiliate-password-form .header-logo  {
    text-align: center;
}
.affiliate-password-form #password {
    text-align: center;
    font-size:32px;
    padding:10px;
}
.affiliate-password-form .form-group-default {
    min-height:auto;
    border:3px solid #5CE1E6;
}

body.section-affiliates-application .affiliate-password-form .header-logo span {
    display:block;
    text-align: center;
}

body.section-affiliates-application a.btn, body.section-affiliates-application button, body.section-affiliates-application input.btn {
    background:#5CE1E6;
    color:#323232;
    border-radius: 25px;
    padding:15px 75px;
    font-family: glacial_indifferencebold;
    font-size:32px;
}

body.section-affiliates-application .header-logo {
    font-size:32px;
    line-height:32px;
    font-family: glacial_indifferencebold;
    color: #CEEBEF;
    margin-bottom: 50px;
    vertical-align: middle;
    text-align: center;
    margin-top:50px;
}

body.section-affiliates-application .header-logo img {
    height: 48px;
}
body.section-affiliates-application .affiliate-password-form .header-logo img {
    height: 96px;
    vertical-align: middle;
    margin-bottom: 15px;
}

body.section-affiliates-application .checkbox label {
    font-size:20px;
}
body.section-affiliates-application .affiliate-password-form .form-group {
    margin: auto;
    margin-bottom: 25px;
    width:200px;
}
body.section-affiliates-application .affiliate-password-form .alert {
    margin: auto;
    width:200px;
    margin-bottom:25px;
}
body.section-affiliates-application .affiliate-password-form h1 {
    font-size: 24px;
    line-height: 36px;
}
#mealplan_view_meals .list-item:hover, #shared_mealplan .list-item:hover, #workout_view_exercises .list-item:hover, #shared_workoutplan .list-item:hover {
    background:inherit;
    cursor: default;
}
#workout_view_exercises .list-item.indented, #shared_workoutplan .list-item.indented {
    margin-bottom: 0px;
}
.section-landing-page .page-container .page-content-wrapper {
    background-image:none;
    background-color:#CFECEF;
}
.section-landing-page .page-container .page-content-wrapper .page-content-wrapper-inside {
    background: #CFECEF;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    width:100%;
}
.section-landing-page .page-container .page-content-wrapper {
    background-image:none;
    background-color:#CFECEF;
}
.section-landing-page .page-container .page-content-wrapper .page-content-wrapper-inside {
    background: #CFECEF;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    width:100%;
}

#ai_coach #question {
    padding-right:10px;
}
#ai_coach_response h1 {
    font-size:22px;
}
#ai_coach_response h3 {
    font-size:18px;
}
#ai_coach_response div, #ai_coach_response p, #ai_coach_response li {
    font-size:14px;
}
#ai_coach_response .question {
    border-bottom: 1px solid #525252;
    padding-bottom: 25px;
    margin-bottom: 15px;
    padding-top: 10px;
}
#ai_coach_response ol, #ai_coach_response ul {
    padding-left:20px;
}
#loading_page {
    text-align: center;
    position: fixed;
    bottom: 0px;
    top: 70px;
    padding-top:20px;
    background: #323232 !important;
    z-index:9999;
    width: 640px;
}

.group-downloads {
    width: 100%;
}
.group-downloads .filename {
    text-align: left;
    vertical-align: middle;
}
.group-downloads .download {
    text-align: center;
    width:100px;
}
.group-downloads .section-header {
    text-align: center;
    padding:10px;
    font-weight: bold;
    font-size:16px;
    background:#f6f6f6;
}

.section-home #mobile_menu_icon.btn-link {
    color:#ffffff;
}
.section-tools #mobile_menu_icon.btn-link {
    color:#888888;
}
.section-home #app_header {
    background:none;
}
.section-tools #app_header {
    background:#ffffff;
}
.homepage {
    background:#ffffff;
}

.btn.blue-button {
    background:#5CE1E6;
    border-radius: 10px;
    padding:15px 30px;
    color:#ffffff;
    border:0px;
}

.homepage .btn:hover {
    background:#49d1d6;
}
.homepage h1, .homepage h3 {
    color:#676767;
    font-size:32px;
    line-height:32px;
    font-weight:bold;
    padding:0px 30px;
}
.homepage h2, .homepage h4 {
    color:#676767;
    font-size:22px;
    line-height:22px;
    font-weight:normal;
    padding:0;
}
.homepage h5 {
    color:#676767;
    font-size:18px;
    line-height:18px;
    font-weight:normal;
}

.homepage .small-print {
    color:#676767;
}
.homepage #intro {
    background-image:url(/assets/img/grey-curve.jpg?v=2);
    background-position: bottom;
    background-repeat: no-repeat;
    padding:25px 0px 75px 0px;
    background-size: cover;
}
.homepage #intro .intro-logo {
    font-size: 44px;
    font-family: glacial_indifferencebold;
    color:#676767;
    margin:0px;
    margin-bottom:30px;
}
.homepage #intro .intro-logo img {
    height:72px;
    vertical-align: middle;
    position: relative;
    top: -5px;
}
.homepage #intro h2 {
    margin-top:25px;
    margin-bottom:25px;
}
.homepage .download-ios-app-store img {
    height:54px;
}

.homepage .trial-button {
    vertical-align: middle;
}
.homepage .trial-button a {
    display:inline-block;
    margin:20px 10px;
}


.homepage .section {
    padding-top:50px;
    display:flex;
    margin:auto;
    justify-content: center;
    flex-direction: row;
}
.homepage .section h3 {
    margin-bottom:5px;
}
.homepage .section h4 {
    margin-bottom:15px;
}
.homepage .section-content {
    display:inline-block;
    text-align:center;
    width:640px;
    vertical-align:top;
    color:#676767;
    margin-top:50px;
}

.homepage .slide-in {
    opacity: 0;
    transform: translateX(-50px);
    transition: transform 0.6s ease, opacity 0.6s ease;
}
.homepage .slide-in-left {
    transform: translateX(-50px);
}
.homepage .slide-in-right {
    transform: translateX(50px);
}
.homepage .visible {
    opacity: 1;
    transform: translateX(0) scale(1);
}

/*
.homepage .grow-shrink {
    opacity: 0;
    transform: scale(1.25);
    transition: transform 0.6s ease, opacity 0.6s ease;
}
*/

.homepage .section-image {
    display:inline-block;
    text-align:center;
    width:320px;
    vertical-align:top;
}
.homepage .section-image img {
    max-width:300px;
    max-height:420px;
}

.homepage #intro .section-image img {
    max-height:480px;
}

.homepage .highlight {
    display:inline-block;
    text-align: center;
    padding:15px;
    width:200px;
    vertical-align:top;
    color:#676767;
    line-height: 20px;
    font-size:14px;
    line-height:17px;
}
.homepage .section.grey {
    background:#676767;
}
.homepage .section.white {
    background:#ffffff;
}
.homepage .section.blue {
    background:#CFECEF;
}
.homepage .section.darkgrey {
    background:#454545;
}
.homepage .section.grey h3, .homepage .section.grey h4, .homepage .section.grey .highlight {
    color:#ffffff;
}

.homepage #tdeecalculator {
    padding-bottom:25px;
}
.homepage #checkins h3, .homepage #tdeecalculator h3, .homepage #fitnesscoach h3, .homepage #onlinetraining h3, .homepage #getstarted h3 {
    margin-top:40px;
}
.homepage #webbased {
    padding-bottom:75px;
}
.homepage #newsletter {
    padding-bottom:50px;
    display:block;
}
.homepage #foods {
    display:block;
}
.homepage #onlinetraining .section-content {
    width: 480px;
    margin-bottom:75px;
    margin-top:25px;
}
.homepage #onlinetraining .section-image {
    width: 480px;
}
.homepage #onlinetraining  .section-image img {
    max-width: 480px;
}
.homepage #webbased .section-content {
    width: 480px;
    margin-bottom:25px;
    margin-top:25px;
}
.homepage #webbased .section-image {
    width: 480px;
}
.homepage #webbased .section-image img {
    max-width: 480px;
}
.homepage #getstarted {
    padding-top: 0px;
    padding-bottom: 50px;
}

#homepage #intro .intro-logo img {
    height: auto;
    width:420px;
    top: 0px;
}
#homepage #intro .intro-logo {
    margin-bottom: 0px;
}
#homepage #intro {
    background-image:url("/assets/img/home-background-curve.png");
}

#homepage h1 {
    color:#ffffff;
    font-style: italic;
    font-weight: normal;
    padding: 0px 20px;
    margin-bottom:20px;
    text-shadow: rgba(0, 0, 0, 0.6) 0px 2.12001px 15.9px;
}
#homepage .small-print {
    color:#ffffff;
}
body.section-home {
    background-image:url("/assets/img/home-background-top.jpg");
    background-size: cover;
}
#homepage {
    background:none;
}
#homepage #intro .section-content {
    width: 420px;
}
.section-home .page-content-wrapper-inside {
    background:none !important;
}
.section-home .page-content-wrapper {
    background:none !important;
}
#homepage ul.highlights li {
    text-align:left;
    color:#ffffff;
    font-size:20px;
    line-height:26px;
    font-weight:bold;
}
#homepage ul {
    width:380px;
    margin:auto;
    margin-bottom:25px;
}
#homepage #checklist {
    padding-top:25px;
}
#homepage #checklist .section-content {
    width:420px;
}
#homepage #getstarted .section-content {
    margin-top:25px;
}