@font-face {
	font-family: 'secular_oneregular';
    src: url('assets/fonts/Assistant-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}

@media screen and (min-width: 1441px) {

html {
  overflow-y: scroll;
}

/* width */
::-webkit-scrollbar {
	background: rgba(0,0,0,0.1);
	width: 20px;
}

/* Track */
::-webkit-scrollbar-track {
  background-color: rgba(255,255,255,0.5);
}

/* Handle */
::-webkit-scrollbar-thumb {
  background-color: rgba(0,0,0,0.2);
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0,0,0,0.3);
}

hr {
	border: 0px;
	border-bottom: 1px solid #1eb445;
}

body {
	background: white;
	font-size: 100%;
	font-family: arial;
	font-family: arial;
}

a:link {
	color: #1eb445;
	text-decoration: none;
}

a:hover {
	color: red;
}

a:visited {
	color: #1eb445;
	text-decoration: none;
}

h1 {
	margin: 2px;
	font-size: 125%;
	font-weight: bold;
	font-family: "secular_oneregular";
}

h2 {
	margin: 2px;
	font-size: 300%;
	font-family: "secular_oneregular";
}

h3 {
	margin: 1px;
	font-size: 100%;
	font-family: "secular_oneregular";
	color: black;
	border-bottom: 1px solid black;
}

input {
	background: white;
	border: 1px solid black;
}

input:active {
	border: 0;
}

/* ######################################################################## */

#loading {
	display: none;
	margin: 0;
	position: fixed;
	top: 0;
	right: 0;
	height: 100%;
	width: 100%;
	background: rgba(255,255,255,0.9);
	font-size: 3vh;
	font-family: "secular_oneregular";
	color: black;
	z-index: 5;
	padding-top: 40vh;
	text-align: center;
}

#loading_light {
	display: none;
	margin: 0;
	position: fixed;
	top: 0;
	right: 20%;
	width: 60%;
	background: rgba(255,255,255,0.9);
	font-size: 3vh;
	font-family: "secular_oneregular";
	color: black;
	z-index: 100;
	margin-top: 50vh;
	text-align: center;
	border-radius: 25px;
}

#loading_tiny {
	display: none;
	margin: 0;
	position: fixed;
	top: 0;
	right: 50%;
	width: 25px;
	height: 25px;
	background: #c5f7ff;
	font-size: 3vh;
	font-family: "secular_oneregular";
	color: black;
	z-index: 5;
	margin-top: 145px;
	text-align: center;
	border-radius: 50%;
	z-index: 100;
}

#loading_tiny img {
	height: 25px;
	margin: 0;
}

#saved {
	display: none;
	margin: 0;
	position: sticky;
	top: 50%;
	right: 35%;
	height: 5%;
	width: 30%;
	background: rgba(148,255,127,0.9);
	font-size: 3vh;
	font-family: "heebo-xb";
	color: black;
	z-index: 6;
	padding: 10px;
	text-align: center;
	border-radius: 25px;
}

#saved_light {
	display: none;
	margin: 0;
	position: fixed;
	top: 0;
	right: 20%;
	width: 60%;
	background: rgba(148,255,127,0.9);
	font-size: 3vh;
	font-family: "secular_oneregular";
	color: black;
	z-index: 100;
	margin-top: 50vh;
	text-align: center;
	border-radius: 25px;
}

#saved_tiny {
	display: none;
	margin: 0;
	position: fixed;
	top: 0;
	right: 50%;
	width: 25px;
	height: 25px;
	background: rgba(148,255,127,1);
	font-size: 3vh;
	font-family: "secular_oneregular";
	color: black;
	z-index: 5;
	margin-top: 145px;
	text-align: center;
	border-radius: 50%;
	z-index: 100;
}

#saved_tiny img {
	height: 25px;
	margin: 0;
}

/* ######################################################################## */

#menu {
	transition: 0.1s;
	position: fixed;
	background: rgba(0,0,0,0.5);
	top: 0px;
	right: 0px;
	width: 100%;
	z-index: 0;
	padding: 0vw;
	font-family: "heebo-xb";
	z-index: 51;
}

#menuBar {
	position: absolute;
	margin: 0px;
	padding: 0px;
	top: 0px;
	right: 0px;
	list-style: none;
	float: none;
	width: 100%;
	height: 2.5vw;
	transition: 0.1s;
	border-bottom: 0.25vw solid grey;
	background: grey;
}

#menuUl {
	
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	
	margin: 0;
	padding: 0;

	width: 100%;
	height: 100%;
	font-size: 1vw;

	transition: 0.1s;
	
}

#menuLi {
	font-size: 1.3vw;
	font-weight: bold;
	background: transparent;
	
	float: none;
	width: 20%;
	padding: 0vw;
	margin: 0;
	transition: 0.1s;
}

#menuLi a {
	text-align: center;
	padding: 0;
	margin: 0;
	background: #2c86d2;
	color: white;
	display: block;
	width: 100%;
	height: 100%;
}

#menuLi .main {
	background: #8244ff;
}
#menuLi .main:hover {
	background: #9c6cff;
}

#menu li .foods {
	background: #f2b600;
}

#menu li .foods:hover {
	background: #ffd659;
}

#menu li .week {
	background: #009cff;
}
#menu li .week:hover {
	background: #44ccff;
}

#menu li .weight {
	background: #00a920;
}
#menu li .weight:hover {
	background: #00e12b;
}

#menu li .logout {
	background: #7a1a1a;
}
#menu li .logout:hover {
	background: #af3838;
}

#menu li a:hover {
	background: white;
}

#menu li a:active {
	background: white;
}

#logout {
	background: #7a1a1a;
	padding: 3px;
	font-family: "secular_oneregular";
	font-size: 100%;
	font-weight: bold;
	color: white;
	top: 1%;
	left: 1%;
	position: absolute;
	border-radius: 10px;
	z-index: 99;
}

#logout:hover {
	background: #c50000;
}

/* ######################################################################## */

#totalTodayInput {
	border: 0px;
	font-family: "secular_oneregular";
	font-size: 230%;
	font-weight: bold;
	width: 50%;
	text-align: center;
	background: transparent;
}

#login_bg {
	background: white;
	z-index: 0;
	width: 100%;
	
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

#login {
	background: #0dc481;
	opacity: 0.95;
	padding: 0;
	font-family: "secular_oneregular";
	font-size: 1vw;
	font-weight: bold;
	color: white;
	border-radius: 50%;
	width: 20vw;
	height: 20vw;
	transition: background 1s;
	z-index: 1;
	
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

#login_bg h1 {
	text-align: center;
	color: #0dc481;
	font-size: 3vw;
	padding-top: 0vw;
}

#login_bg h2 {
	text-align: center;
	color: #0dc481;
	font-size: 2vw;
}

#innerLogin {
	position: relative;
	width: 100%;
}

#login .inner {
	padding: 0.2vw;
	margin: 0.2vw;
	
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

#login input {
	margin: 0.2vw;
	padding: 0.2vw;
	width: 60%;
	border: 0;
	font-size: 1.4vw;
	font-family: "secular_oneregular", arial;
	border-radius: 0.8vw;
	text-align: center;
	background-color: #22f4a8;
}

/* Change the white to any color ;) */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 200px #22f4a8 inset !important;
	font-size: 500%;
}

#loginbutton {
	border: 0;
	font-size: 2vw;
	font-family: "secular_oneregular";
	border-radius: 50%;
	padding: 1vw;
	width: 4vw;
	height: 4vw;
	text-align: center;
	background-color: #22f4a8;
	background-color: red;
	cursor: pointer;
	margin-top: 0px;
	position: relative;
	top: 0px;
}

#loginbutton:hover {
	background: #00ff90;
}


@-webkit-keyframes autofill {
    0%,100% {
        color: inherit;
        background: transparent;
    }
}

#login .button {
	border: 0;
	font-size: 2vw;
	font-family: "secular_oneregular";
	border-radius: 50%;
	padding: 1vw;
	width: 6vw;
	height: 6vw;
	text-align: center;
	background-color: #22f4a8;
	cursor: pointer;
	margin-top: 0px;
	transition: 0.2s;
}

#login .button:hover {
	background: #00ff90;
}

#welcome {
	font-family: "secular_oneregular";
	font-size: 250%;
	font-weight: bold;
	color: darkblue;

}

/* ############################################################################################ */
/* REGISTER */

#registerLink {
	margin: auto;
	border: 0;
	margin-top: 1vw;
	width: 12vw;
	height: 12vw;
	border-radius: 50%;
	background: purple;
	font-family: "heebo-xb";
	font-weight: bold;
	color: white;
	text-align: center;
	font-size: 2.5vw;
	box-sizing: border-box; 
	padding: 0;
	
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

/* ################################################################################### */

#personal_details {
	display: block !important;
	font-family: "secular_oneregular";
	width: 200px;
	height: 200px;
	background-color: #e2c5ff;
	border-radius: 50%;
	display: block;
	text-align: center;
	vertical-align: middle;
	position: fixed;
	top: 10%;
	left: 27%;
	color: #2b0057;
	padding-top: 0;
}

#personal_details .title {
	display: block;
	font-size: 20px;
	top: 0px;
	position: relative;
}

#personal_details .inner {
	position: relative;
	bottom: 40px;
	width: 100%;
	text-align: center;
	font-size: 100%;
	display: block;
}

#personal_details .subTitle {
	display: none;
	font-size: 30pt;
	bottom: 10px;
	position: relative;
}

#personal_details .subInner {
	display: none;
	font-size: 20pt;
	bottom: 20px;
	position: relative;
}

#personal_details:hover {
	background: #e2aaff;
}

/* ################################################################################### */

#profile {
	font-size: 150%;
	font-family: "secular_oneregular";
	line-height: 2;
	width: 40%;
	background-color: #e2c5ff;
	border-radius: 25px;
	display: block;
	text-align: right;
	vertical-align: middle;
	color: #2b0057;
	padding: 10px;
	position: absolute;
	top: 7%;
	right: 30%;
}

#cur_weight_prof {
	background-color: rgba(255,255,255,0.2);
	padding: 2px 10px 2px 10px;
	float: right;
	margin: 4px 0px 4px 10px;
}

#profileTable {
	font-size: 25px;
}

#profile input {
	border: 0;
	background-color: rgba(255,255,255,0.2);
	font-family: "secular_oneregular";
	font-size: 100%;
}

#profile input:focus {
	background-color: rgba(255,255,255,0.5);
	border: 0;
}

#profile .button {
	padding: 10px;
	color: purple;
	cursor: pointer;
}

#profile .button:hover {
	background-color: rgba(255,255,255,0.5);
}

#weight_link {
	float: right;
	background-color: rgba(0,255,0,0.3);
	border-radius: 5px;
	padding: 3px 10px 3px 10px;
	margin-right: 10px;
	color: darkgreen;
	font-size: 120%;
}

#weight_link:hover {
	background-color: rgba(100,255,100,0.7);
}

#graphs {
	font-family: "secular_oneregular";
	width: 160px;
	height: 160px;
	background-color: #ffe6af;
	border-radius: 50%;
	display: block;
	text-align: center;
	vertical-align: middle;
	position: absolute;
	top: 35%;
	left: 31%;
	color: #513700;
}

#weight {
	font-family: arial;
	font-size: 100%;
	width: 250px;
	background-color: #44d35f;
	border-radius: 10px;
	display: block;
	text-align: center;
	padding: 10px;
	vertical-align: middle;
	position: absolute;
	top: 1%;
	right: 48%;
	color: #004418;
	z-index: 3;
}

#weight:hover {
	background-color: #8effa3;
}

#spacer_weight {
	height: 11vh;
}

#start_weight {
	font-family: arial;
	font-size: 100%;
	background-color: #44d35f;
	border-radius: 30px;
	display: block;
	text-align: center;
	padding: 10px;
	vertical-align: middle;
	color: #004418;
	z-index: 3;
	
	height: 20vh;
	width: 25%;
	position: absolute;
	top: 7.5vh;
	left: 24.5%;
	padding-top: 1%;
	box-sizing: border-box;
}

#start_weight h1 {
	font-size: 3vh;
	line-height: 3vh;
}

#start_weight h2 {
	font-size: 3vh;
}

#start_weight h3 {
	font-size: 2vh;
	line-height: 3vh;
	border: 0;
	color: inherit;
}

#cur_weight {
	font-family: arial;
	font-size: 100%;
	width: 180px;
	height: 180px;
	background-color: #44d35f;
	border-radius: 50%;
	display: block;
	text-align: center;
	padding: 10px;
	vertical-align: middle;
	color: #004418;
	z-index: 3;
}

#cur_weight_semi {
	font-family: arial;
	font-size: 100%;
	background-color: #44d35f;
	border-radius: 30px;
	display: block;
	text-align: center;
	padding: 10px;
	vertical-align: middle;
	color: #004418;
	z-index: 3;
	
	width: 25%;
	height: 20vh;
	position: absolute;
	top: 7.5vh;
	right: 24.5%;
	box-sizing: border-box;
}

#cur_weight_semi h1 {
	margin-top: 1.5vh;
	font-size: 3vh;
	line-height: 3vh;
}

#cur_weight_semi h2 {
	font-size: 6vh;
}

#cur_weight_semi h3 {
	font-size: 3vh;
	line-height: 3vh;
	border: 0;
	color: inherit;
}

#add_weight {
	font-family: arial;
	font-size: 100%;
	width: 50%;
	background-color: #44d35f;
	border-radius: 15px;
	display: block;
	text-align: right;
	padding: 10px;
	vertical-align: middle;
	color: #004418;
	z-index: 3;
}

#add_weight h2 {
	font-size: 200%;
}

#add_weight_tbl {
	padding: 1px;
}

#add_weight_tbl input {
	border: 0;
	font-size: 150%;
	background-color: rgba(255,255,255,0.3);
	font-family: "secular_oneregular";
}

#add_weight_tbl .graph_col {
	vertical-align: bottom;
	text-align: center;
	background-color: rgba(255,255,255,0.5);
	width: 27px;
	font-size: 60%;
	padding-top: 1vh;
}

#add_weight_tbl .button {
	cursor: pointer;
}

#add_weight_tbl .button:hover {
	background-color: rgba(255,255,255,0.6);
}

#add_weight_tbl .title {
	font-size: 130%;
	font-weight: bold;
	border-bottom: 3px solid darkgreen;
	font-family: "secular_oneregular";
}

#add_weight_tbl .main {
	font-size: 100%;
	border-bottom: 1px dashed darkgreen;
	padding: 10px;
	height: 6vh;
}

#weight_tag {
	font-family: Verdana;
	font-size: 9px;
	color: white;
	background: #1a7a5e;
	margin-bottom: 4px;
	border-radius: 4px;
	padding: 2px;
}

/* ######################################################################## */

.expandButtonBig {
	background-image: url(images/arrow_down.png);
	background-size: 80%;
	background-position: center;
	background-repeat: no-repeat;
	background-color: rgba(255,255,255,0.9);
	width: 30px;
	height: 30px;
	border: 0;
	padding: 5px;
	float: left;
	border-radius: 10px;
	cursor: pointer;
}

.expandButtonBig:hover {
	background-color: #00fffc;
}

/* ######################################################################## */

#searchResults {
	z-index: 4;
	position: relative;
	top: 0px;
	width: 50%;
}

#totalCals_inRec {
	text-align: left;
	font-family: 'secular_oneregular';
	font-size: 120%;
}

#foods_dir {
	font-family: arial;
	font-size: 100%;
	width: 250px;
	background-color: #ffd3d8;
	border-radius: 10px;
	display: block;
	text-align: center;
	padding: 10px;
	vertical-align: middle;
	position: absolute;
	top: 1%;
	right: 18%;
	color: #52000a;
	z-index: 3;
}

#foods_dir:hover {
	background-color: #ffdde1;
}

#foodsDir {
	font-family: arial;
	font-size: 100%;
	width: 50%;
	background-color: #fff2b5;
	border-radius: 10px;
	display: block;
	text-align: right;
	padding: 10px;
	vertical-align: middle;
	//position: absolute;
	top: 15%;
	right: 25%;
	color: #52000a;
	z-index: 3;
}

#foodsDir h3 {
	font-size: 150%;
}

#foodsDir input {
	border: 0;
	font-size: 110%;
	font-weight: bold;
}


#editorTd .inputTitle {
	display: inline-block;
	padding: 5px;
	font-size: 1vw;
	background: rgba(0,0,0,0.1);
	border-radius: 5px;
}

#editorTd {
	background: #ffe92d;
	margin: 5px;
	padding: 3px;
	border-radius: 20px;
}

#editorTd h1 {
	font-size: 1vw;
}

#editorTd input {
	width: 200px;
}

#editorTd .inputLabel {
	font-size: 1vw;
}

#editorTd .inputLabel img {
	height: 1vw;
	margin-left: 5px;
}

#checkboxLabel {
	position: relative;
	top: -2px;
	cursor: pointer;
}

#checkboxLabel:hover {
	color: teal;
}

#editorTd input[type='checkbox'] {
	background: white;
	height: 1vw;
	width: 1vw;
	margin: 5px;
	cursor: pointer;
}

#user_foods {
	font-family: arial;
	font-size: 90%;
	background-color: rgba(255, 255, 255, 0.3);
	border-radius: 5px;
	text-align: right;
	padding: 2px;
	color: #004166;
	z-index: 3;
	overflow-y:scroll;
	display: block;
	height: 150px;
}

#user_foods .main {
	border-bottom: 1px dashed #ffb7d4;
	font-size:0.8vw;
}

#user_foods .title {
	font-size: 1vw;
	border-bottom: 1px solid black;
	font-weight: bold;
	padding: 1vw;
	height: 1vh;
}

#user_foods .rec {
	border-bottom: 1px dashed #ffb7d4;
	padding-top: 6px;
	padding-bottom: 6px;
	font-size: 90%;
}

#user_foods .rec hr {
	border: 0;
	height: 5px;
	margin: 0px;
}

#user_foods_recs {
	font-family: arial;
	font-size: 100%;
	background-color: rgba(255, 255, 255, 0.3);
	border-radius: 5px;
	text-align: right;
	padding: 2px;
	color: #004166;
	z-index: 3;
	overflow-y:scroll;
	display: block;
	height: 730px;
}

#user_foods_recs .title {
	font-size: 1vw;
	border-bottom: 1px solid black;
	font-weight: bold;
}

#user_foods_recs .rec {
	border-bottom: 1px solid #695600;
	padding-top: 6px;
	padding-bottom: 6px;
	font-size: 0.8vw;
}

#rec_food_part {
	background-color: rgba(255,190,0,0.2);
	font-size: 9px;
	border-radius: 5px;
	padding: 1px;
	padding-left: 6px;
	padding-right: 6px;
	margin-left: 4px;
	color: black;
}

#rec_foods_tbl {
	border: 7px solid #ffe92d;
	padding: 15px;
	font-size: 1vw;
	width: 100%;
	border-radius: 20px;
	background-color: #ffe92d;
}

#new_rec {
	background-color: rgba(200,200,0,0.2);
	border-radius: 10px;
	padding: 10px;
}

#new_rec h1 {
	font-size: 1.2vw;
}

#new_rec input {
	font-size: 100%;
	background-color: rgba(255,255,255,0.5);
}

#new_rec .totalcals {
	font-family: "secular_oneregular";
	font-size: 160%;
	text-align: center;
	background-color: rgba(255,255,255,0);
	width: 100px;
}

#rec_foods_tbl .head {
	border-bottom: 1px solid black;
	font-weight: bold;
	font-size: 0.8vw;
}

#rec_foods_tbl .inner {
	font-size: 80%;
}

#rec_foods_tbl .removeRFimg {
	height: 13px;
	margin-left: 10px;
	position: relative;
	cursor: pointer;
}

.RECimages {
	height: 13px;
	margin-left: 10px;
	position: relative;
	cursor: pointer;
}

#rec_foods_tbl input {
	background-color: rgba(255,255,255,0.5);
}

#addbutton_rec {
	font-family: "secular_oneregular";
	padding: 10px;
	border-radius: 10px;
	cursor: pointer;
}

#addbutton_rec:hover {
	background: #ffc000;
}

#add_food_to_rec {
	cursor: pointer;
	border-radius: 50%;
	padding: 20px;
}

#add_food_to_rec:hover {
	background: #ffc000;
}

/* ################################################################################### */

#dailygoal {
	font-family: "secular_oneregular";
	width: 100%;
	height: 400px;
	background-color: #97fab1;
	border-radius: 50%;
	display: block;
	text-align: center;
	vertical-align: middle;
	margin-left: auto;
	margin-right: auto;
	position: fixed;
	top: -200px;
	right: 0;
	padding-top: 0;
	z-index: 0;
	transition: 0.1s;
}

#dailygoal .inner {
	position: absolute;
	bottom: 1%;
	width: 100%;
	font-size: 180%;
}

#dailygoal .inner h1 {
	font-size: 100%;
	color: darkgreen;
}

#dailygoal .inner h2 {
	font-size: 130%;
}

#dailygoal_title {
	position: relative;
	top: 50px;
}

#dailygoal_current {
	position: relative;
	top: 40px;
	right: -5%;
}

#dailygoal_outOf {
	position: relative;
	top: -15px;
}

#dailygoal_totalDaily {
	position: relative;
	top: -60px;
	right: 5%;
	font-size: 130%;
	font-weight: bold;
}

/* ################################################################################### */

#spacer {
	height: 12vw;
	width: 100%;
}

#daily_table {
	font-family: arial;
	font-size: 1vw;
	width: 20vw;
	background-color: #c5f7ff;
	border-radius: 10px;
	display: block;
	text-align: right;
	padding: 0.5vw;
	vertical-align: middle;
	top: 1vw;
	right: 42%;
	color: #004166;
	z-index: 3;
	margin: auto;
}

#daily_table input {
	border: 0;
	font-size: 1vw;
}

#daily_table input:hover {
	background: #c4fff9;
}

#daily_table hr {
	border: 0px;
	height: 3px;
	margin: 0;
}

#meal_table {
	width: 100%;
	margin: 0;
	padding: 1px;
	border: 0px;
	font-size: 80%;
	background-color: rgba(255, 255, 255, 0.4);
}

#meal_table .quantity {
	width: 100%;
	text-align: center;
	padding: 1px;
}

#meal_table .calory {
	width: 100%;
	text-align: center;
	padding: 1px;
}

#meal_table .total input {
	font-size: 1vw;
	background: rgba(255,255,255,0.5);
	font-family: 'heebo-reg', arial;
}

#meal_table select {
	font-size: 12px;
}

#addTable {
	width: 100%;
	padding: 2px;
	border: 0;
	margin: 0;
}

#addTable td {
	text-align: right;
}

#addTable .tag_add {
	display: inline-block;
	font-size: 9px;
	text-align: center;
	padding: 2px;
	background: #bfdbec;
	color: #45718a;
	margin: 1px;
	border-radius: 5px;
}

#meal_table .delPic {
	height: 12px;
	margin-left: 5px;
	position: relative;
	top: 2px;
	opacity: 0.7;
	cursor: pointer;
}

#meal_table .delPic:hover {
	opacity: 1;
}
	
#meal_table .quantity {
	width: 55px;
}

#meal_table .total {
	text-align: left;
	padding: 3px;
	border-top: 1px dashed darkblue;
	font-weight: bold;
	font-size: 14px;
}

#addTable .add_title {
	width: 100%;
	text-align: right;
	font-size: 13px;
	padding: 2px;
	margin: 0px;
}

#addTable .add_quantity {
	width: 100%;
	text-align: center;
	font-size: 13px;
	padding: 2px;
	margin: 0px;
}

#addTable .add_calory {
	width: 100%;
	text-align: center;
	font-size: 13px;
	padding: 2px;
	margin: 0px;
}

#addTable .add_button {
	width: 100%;
	text-align: center;
	font-size: 13px;
	border-radius: 5px;
	padding: 2px;
	margin: 0px;
	background: #51dcff;
}

.totalmealinput {
	//background: transparent !important;
	background: rgba(255,255,255,0.5) !important;
	padding: 0.2vw;
	text-align: center;
	font-weight: bold;
	min-width: 7vw;
	border-radius: 1vw;
	margin: 1vw;
	font-size: 1vw;
}

.totalmealinput:hover {
	background: rgba(255,255,255,0.5) !important;
}

.food_tr {
	border-top: 1px solid #d4d4d4;
}

.foodText {
	font-size: 1vw;
}

.foodText.foodtitle {
	box-sizing: border-box;
	height: 1.1vw;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
}

.add_button_sec {
	background: #43e762;
	width: 100%;
	text-align: center;
	font-size: 13px;
	border-radius: 5px;
	padding: 5px;
	margin: 3px;
	cursor: pointer;
}

.add_button_sec:hover {
	background: #70ff8b !important;
}

.kcal_spent {
	width: 100%;
	text-align: right;
	font-size: 13px;
	padding: 3px;
	margin: 4px;
}

.addmeal_title {
	width: 50%;
	text-align: right;
	font-size: 13px;
	padding: 5px;
	margin: 4px;
	border-radius: 10px;
}

.addmeal_button {
	width: 10%;
	text-align: center;
	font-size: 1vw !important;
	padding: 5px;
	background: #51dcff;
	border-radius: 10px;
	margin: 4px;
	cursor: pointer;
}

.add_button_sec {
	font-size: 1vw !important;
}

#meal_table td {
}

#table_titles {
	box-sizing: border-box;
	
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
}

#table_titles .title {
	padding: 0.05vw;
	font-size: 0.55vw;
	margin: 0vw;
	
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
}

#table_titles .title.name {
	width: 64.5%;
}

#table_titles .title.quant {
	width: 14%;
}

#table_titles .title.caltotal {
	width: 17%;
}

#table_titles .sml_title {
	color: #45718a;
	background: #bfdbec;
	border-radius: 0.5vw;
	padding: 0.12vw 0.13vw;
}

#daily_table_yesterday {
	font-family: arial;
	font-size: 100%;
	width: 250px;
	background-color: #c5f7ff;
	background-color: #b2eaff;
	border-radius: 25px;
	display: block;
	text-align: right;
	padding: 10px;
	vertical-align: middle;
	position: absolute;
	top: 1%;
	right: 8%;
	color: #004166;
	z-index: 2;
	opacity: 0.5;
	transform: scale(0.75);
	//transform: rotateZ(2deg);
}

#daily_table_yesterday:hover {
	background-color: #c5f7ff;
}

#daily_table_tomorrow {
	font-family: arial;
	font-size: 100%;
	width: 250px;
	background-color: #87dfff;
	border-radius: 10px;
	display: block;
	text-align: center;
	padding: 10px;
	vertical-align: middle;
	position: absolute;
	top: 1%;
	right: 33%;
	color: #006286;
	z-index: 3;
}

#daily_table_tomorrow:hover {
	background-color: #c5f7ff;
}

#dailyTitle {
	background: rgba(255,255,255,0.5);
	padding: 1px;
	border-radius: 5px;
	color: #12a48a;
}

#dailyTitle:hover {
	background: rgba(255,255,255,0.9);
}

.customerSearchResultTR:hover {
	background: #bdaeff;
}

#customerSearchResultRow {
	background-color: rgba(255, 255, 255, 0.5);
	border-bottom: 1px dashed #802cd6;
}

#customerSearchResultRow a {
	display: block;
	width: 100%;
	position: absolute;
}

#customerSearchResultRow a:hover {
	background: #e0bbff;
}

#foodSearchResults {
	z-index: 4;
	padding: 1px;
	position: absolute;
	top: 0px;
	right: 0px;
	width: 200%;
	font-size: 13px;
	border: 0;
	float: right;
	background: transparent;
	height: 255px;
	display: inline-block;
	overflow: auto;
}

#foodSearchResults .food_searchResults_td {
	text-align: right;
	font-size: 15px;
	height: 20px;
}

#foodSearchResults .food_searchResults_unit {
	width: 50px;
	text-align: left;
	font-size: 10px;
}

#findCustomerNewWork {
	z-index: 4;
	padding: 1px;
	position: absolute;
	top: 0px;
	right: 0px;
	width: 100%;
	font-size: 13px;
	border: 2px solid grey;
	float: right;
	background: white;
}

#findCustomerNewWork .rec_icon {
	height: 13px;
	position: relative;
	top: 3px;
	right: 0px;
	margin-left: 5px;
}

#findCustomerNewWork td {
	border-bottom: 1px dashed grey;
	width: 100%;
}

#findCustomerNewWork td:hover {
	background: #c3f3ff;
}

#weekly {
	font-family: arial;
	font-size: 90%;
	width: 11%;
	background-color: #c5f7ff;
	border-radius: 10px;
	display: block;
	text-align: right;
	padding: 10px;
	vertical-align: middle;
	position: absolute;
	top: 7%;
	right: 5%;
	color: #004166;
}

#weekly hr {
	border: 0px;
	height: 3px;
	margin: 0;
}

#weekly input {
	font-size: 100%;
	border: 0;
}

#weekly select {
	font-size: 100%;
	border: 0;
}

#daily_summary {
	font-family: arial;
	width: 100%;
	background-color: rgba(255,255,255,0.5);
	border-radius: 10px;
	display: block;
	text-align: center;
	vertical-align: middle;
	position: relative;
	color: #513700;
	font-size: 110%;
}

}