@font-face {
	font-family: 'secular';
    src: url('secular.ttf');
    font-weight: normal;
    font-style: normal;
}
/* ####################################################### */

* {
	box-sizing: border-box;
}

input[type=button], select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-family: 'assistant', calibri, arial;
}

#footer {
	margin: 0;
	box-sizing: border-box;
	width: 100%;
	text-align: center;
	background: #8882ff;
	padding: 10vw;
	font-size: 7vw;
}

#footer a {
	padding: 1vw 3vw;
	background: darkred;
	color: white;
	border-radius: 2vw;
	font-family: 'assistant', calibri, arial;
}

/* width */
::-webkit-scrollbar {
  width: 20px;
}

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

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

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

.ajaxMsg {
	background-color: white;
	background-image: url('images/ajax.png');
	font-size: 13px;
	padding: 20px;
	font-family: Courier New;
	border: 1px dashed black;
	margin: 10px;
	font-weight: bold;
	display: none;
}

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

body {
	background: white;
	font-size: 100%;
	font-family: arial;
	font-family: arial;
	padding: 0px;
	margin: 0px;
}

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: 'assistant', calibri, arial
}

h2 {
	margin: 2px;
	font-size: 300%;
	font-family: 'assistant', calibri, arial
}

h3 {
	width: 75%;
	text-align: center;
	margin: 3vw auto;
	font-size: 6vw;
	font-family: 'assistant', calibri, arial;
	font-weight: normal;
	letter-spacing: 0.1vw;
	color: black;
}

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

input:active {
	border: 0;
}

#devNote {
	background: rgba(0,0,0,0.1);
	border-radius: 1vh;
	margin: 2vw;
	padding: 1vh;
	font-size: 3vw;
	text-align: center;
	direction: ltr;
}

#totalTodayInput {
	border: 0px;
	font-family: 'assistant', calibri, arial;
	font-size: 230%;
	font-weight: bold;
	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_bg h1 {
	text-align: center;
	color: #0dc481;
	font-size: 6vw;
	padding-top: 6vw;
}

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

#login {
	background: #0dc481;
	opacity: 1;
	font-family: 'assistant', calibri, arial;
	font-size: 5vw;
	font-weight: bold;
	color: white;
	border-radius: 50%;
	width: 90vw;
	height: 90vw;
	padding-top: 0%;
	transition: background 1s;
	z-index: 1;
	position: relative;
	
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

#innerLogin {
	position: relative;
}

#login input {
	border: 0;
	font-size: 7vw;
	font-family: 'assistant', calibri, arial;
	border-radius: 4vw;
	text-align: center;
	background: #22f4a8;
	width: 50vw;
	
	margin: 1vw;
	padding: 1vw;
}

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

#loginbutton {
	border: 0;
	font-size: 10vw;
	font-family: 'assistant', calibri, arial;
	border-radius: 50%;
	padding: 1vw;
	width: 30vw;
	height: 30vw;
	text-align: center;
	background-color: #22f4a8;
	cursor: pointer;
	
	position: relative;
	top: 0;
	font-weight: bold;
}

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

#login .button {
	border: 0;
	font-size: 10vw;
	font-family: 'assistant', calibri, arial;
	border-radius: 50%;
	padding: 1vw;
	width: 30vw;
	height: 30vw;
	text-align: center;
	background-color: #22f4a8;
	cursor: pointer;
}

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

#loggedOut {
	margin: auto;
	margin-top: 10vh;
	
	width: 80vw;
	background: #93d3ff;
	padding: 5vw;
	font-family: 'assistant', calibri, arial;
	font-size: 6vw;
	border-radius: 20px;
	text-align: center;
	color: purple;
}

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

#registerLink {
	margin: auto;
	border: 0;
	margin-top: 2vw;
	width: 25vh;
	height: 25vh;
	border-radius: 50%;
	background: purple;
	font-family: 'assistant', calibri, arial;
	font-weight: bold;
	color: white;
	text-align: center;
	font-size: 10vw;
	padding-top: 8vh;
	box-sizing: border-box; 
}

#loginLink {
	margin: auto;
	border: 0;
	margin-bottom: 2vw;
	width: 17vh;
	height: 5vh;
	border-radius: 25px;
	background: #0dc481;
	font-family: 'assistant', calibri, arial;
	font-weight: bold;
	color: white;
	text-align: center;
	font-size: 3.7vw;
	padding-top: 1.3vh;
	box-sizing: border-box; 
}

/* -------------------- */

#loading_register {
	position: absolute;
	width: 10vw;
	height: 10vw;
	background-color: #c5f7ff;
	background-image: url(images/load.gif);
	background-repeat: no-repeat;
	background-position: center;
	display: none;
	margin: 0;
	top: 7vh;
	right: 45vw;
	color: black;
	z-index: 5;
	text-align: center;
	border-radius: 50%;
	z-index: 100;
}

#saved_register {
	position: absolute;
	width: 10vw;
	height: 10vw;
	background-color: rgba(148,255,127,1);
	background-image: url(images/tick.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 75%;
	display: none;
	margin: 0;
	top: 7vh;
	right: 45vw;
	color: black;
	z-index: 5;
	text-align: center;
	border-radius: 50%;
	z-index: 101;
}

/* -------------------- */

#progressBar {
	margin: auto;
	margin-top: 1vh;
	margin-bottom: 1vh;
	width: 95%;
	height: 2vh;
	border-radius: 20px;
	background: #5339d5;
	padding: 5px;
	border: 0.5vw solid #c88efe;
}

#progress_percent {
	border-radius: 10px;
	width: 25%;
	height: 100%;
	background: linear-gradient(rgba(71,112,188,1), rgba(0,128,128,0.7));
	background: linear-gradient(#bb99ff, #dfcfff);
}

/* -------------------- */

#register_page {
	padding-top: 1vh;
	text-align: center;
}

#register_page .spacer {
	height: 4vh;
}

#register_page h1 {
	font-size: 7vw;
	color: purple;
	text-align: center;
}

#register {
	background: #c07dff;
	font-family: 'assistant', calibri, arial;
	font-size: 5vw;
	font-weight: bold;
	color: white;
	
	box-sizing: border-box;
	border-radius: 2vw;
	width: 90%;
	padding: 1vh;
	margin: auto;
}

#register a {
	color: purple;
}

#register a:visited {
	color: purple;
}

#register h1 {
	font-size: 6vw;
	color: white;
	text-align: center;
}

#register h2 {
	font-size: 3.8vw;
	color: purple;
	text-align: center;
}

.filedNotes {
	width: 100%;
	display: inline-block;
	text-align: center;
	font-family: tahoma;
	font-weight: bold;
	font-size: 2.5vw;
	color: purple;
	margin: 1vw;
}

#outlink {
	box-sizing: border-box;
	border-radius: 20px;
	width: 100%;
	display: inline-block;
	background: rgba(0,0,0,0.1);
}

#div_details .persDetail {
	width: 100%;
	margin-top: 2vh;
	margin-bottom: 2vh;
	padding-bottom: 2vh;
	text-align: center;
	border-bottom: 1vw dashed purple;
}

#div_details .genderButton {
	background: rgba(255,255,255,0.2);
	width: 20vw;
	height: 10vw;
	float: none;
	font-size: 4vw;
	font-family: 'assistant', calibri, arial;
}

#div_details .weightInput {
	width: 20vw;
	height: 10vw;
	float: none;
	font-size: 4vw;
	font-family: 'assistant', calibri, arial;
}

#div_details .al_img {
	height: 13vw;
	border: 1px solid purple;
	background-color: rgba(255,255,255,0.2);
}

#div_done .moveIt {
	background: #68e8ff;
	border-radius: 20px;
	padding: 2vh;
	color: purple;
}

#explainToMeTheAl {
	display: inline-table;
	width: 100%;
	font-size: 3vw;
	font-family: tahoma;
	color: purple;
}

#finishStuff {
	display: inline-table;
	width: 100%;
	font-size: 4vw;
	font-family: 'assistant', calibri, arial;
	color: purple;
}

#finishStuff .transInput {
	width: 100px;
	display: inline-block;
	background: transparent;
}

#register .errorDiv {
	box-sizing: border-box;
	width: 100%;
	display: table;
	color: darkred;
	font-size: 3.8vw;
	font-weight: normal;
	text-align: center;
	font-family: tahoma;
}

#register .fields {
	width: 95%;
	margin: auto;
	transition: 0.2s;
}

#register input {
	border: 0;
	width: 100%;
	font-size: 5vw;
	background: rgba(255,255,255,0.5);
	text-align: center;
	font-family: tahoma;
	padding: 1vh;
	border-radius: 20px;
	margin: 1vw;
}

#chosenUsername {
	width: 100%;
	text-align: center;
	display: table;
	font-family: tahoma;
	font-size: 4vw;
	font-weight: normal;
	color: #7dffb7;
}

#regButton {
	box-sizing: border-box;
	width: 100%;
	text-align: center;
	padding: 1vh;
}

#regButton .reg_button {
	width: 20vw;
	height: 20vw;
	border-radius: 50%;
	border: 0;
	font-family: 'assistant', calibri, arial; 
	font-weight: bold;
	color: purple;
}

#regButton .reg_button:hover {
	background: #b260ff;
}

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

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


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

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

#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: 'assistant', calibri, arial;
	color: black;
	z-index: 100;
	padding-top: 50vh;
	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: 'assistant', calibri, arial;
	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: 'assistant', calibri, arial;
	color: black;
	z-index: 5;
	margin-top: 145px;
	text-align: center;
	border-radius: 50%;
	z-index: 100;
}

#saved {
	display: none;
	margin: 0;
	position: fixed;
	top: 50%;
	right: 35%;
	height: 5%;
	width: 30%;
	background: rgba(148,255,127,0.9);
	font-size: 3vh;
	font-family: 'assistant', calibri, arial;
	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: 'assistant', calibri, arial;
	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: 'assistant', calibri, arial;
	color: black;
	z-index: 5;
	margin-top: 145px;
	text-align: center;
	border-radius: 50%;
	z-index: 100;
}

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

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

#day_nav a,
#day_nav a:visited {
	color: #004166;
}

#day_nav {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	
	position: relative;
	
	width: 96%;
	min-height: 2vw;
	background: #dcfaff;
	margin: 2vw auto;
	border-radius: 2vw;
}

#day_nav .child {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	
	padding: 1vw 4vw;
	font-family: "assistant", arial;
	font-size: 5vw;
	font-weight: bold;
}

#day_nav .child::before {
	content: "<<";
	font-size: 3vw;
	transform: scale(0.6,1.5);
	padding: 1vw;
}

#day_nav .child::after {
	content: ">>";
	font-size: 3vw;
	transform: scale(0.6,1.5);
	padding: 1vw;
}

#day_nav .heading {
	position: absolute;
	top: -4vw;
	font-size: 3.5vw;
	background: #c5f7ff;
	padding: 0.5vw 2vw;
	border-radius: 2vw;
}

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


#menu {
	transition: 0.1s;
	position: fixed;
	background: rgba(0,0,0,0.5);
	top: 0px;
	right: 0px;
	width: 100%;
	z-index: 0;
	padding: 0;
	font-family: 'assistant', calibri, arial, tahoma;
	z-index: 51;
}

#menuBar {
	position: absolute;
	margin: 0px;
	padding: 0px;
	top: 0px;
	right: 0px;
	list-style: none;
	float: right;
	width: 100%;

	transition: 0.1s;
	
	border-bottom: 1vw solid grey;
	
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}

#menuUl {
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;

	transition: 0.1s;
	
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}

#menuLi {
	font-size: 5vw;
	font-weight: bold;
	background: transparent;
	float: right;
	width: 25vw;
	
	padding: 0px;
	margin: 0px;
	transition: 0.1s;
	
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	
	height: 12vw;
}

#menuLi a {
	box-sizing: border-box;
	
	text-align: center;

	margin: 0;
	background: #2c86d2;
	color: white;
	
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	
	transition: 0.1s;
	
	width: 100%;
	height: 100%;
	//height: 11vw;
}

#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: 'assistant', calibri, arial;
	font-size: 30pt;
	font-weight: bold;
	color: white;
	top: 1%;
	left: 1%;
	position: absolute;
	border-radius: 10px;
	z-index: 99;
}

#logout:hover {
	background: #c50000;
}


/* ######################################################################## */
/*
#menu {
	transition: 0.2s;
	position: absolute;
	background: transparent;
	top: 0px;
	right: 0px;
	width: 90%;
	height: 40px;
	z-index: 0;
	padding: 10px;
	font-family: 'assistant', calibri, arial;
}

#menuBar {
	position: absolute;
	margin: 0px;
	padding: 0px;
	top: 2px;
	right: 2px;
	list-style: none;
	float: left;
	height: 50px;
	transition: 0.1s;
}

#menuUl {
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
	
	height: 100%;
	font-size: 40pt;
	transform: scale(1);
	transition: 0.1s;
	
}

#menuLi {
	font-size: 100%;
	background: transparent;
	float: none;
	width: 250px;
	height: 100%;
	padding: 20px;
	margin: 0px;
	transition: 0.2s;
}

#menuLi a {
	text-align: center;
	border-radius: 10px;
	padding: 0px;
	padding-top: 0px;
	padding-bottom: 25px;
	margin: 0;
	background: #2c86d2;
	color: white;
	display: block;
	width: 100%;
	height: 60px;
}

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

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

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

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

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

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

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

#logout {
	background: #7a1a1a;
	padding: 3px;
	font-family: 'assistant', calibri, arial;
	font-size: 30pt;
	font-weight: bold;
	color: white;
	top: 1%;
	left: 1%;
	position: absolute;
	border-radius: 10px;
	z-index: 99;
}

#logout:hover {
	background: #c50000;
}

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

#welcome {
	font-family: 'assistant', calibri, arial;
	font-size: 250%;
	font-weight: bold;
	color: darkblue;

}

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

.nonefound {
	width: 100%;
	padding: 3vw 1vw;
	text-align: center;
	font-family: "assistant", arial;
	color: grey;
}

.nonefound::after {
	content: '- לא נמצאו רישומים -';
}

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

#dailygoal {
	font-family: 'assistant', calibri, arial;
	width: 100%;
	height: 1000px;
	height: 110vw;
	background-color: #97fab1;
	border-radius: 50%;
	display: block;
	text-align: center;
	vertical-align: middle;
	margin-left: auto;
	margin-right: auto;
	position: fixed;
	top: -500px;
	top: -55vw;
	right: ;
	z-index: 5;
	transition: 0.2s;
}

#dailygoal .inner h1 {
	font-size: 5vw;
	color: darkgreen;
	margin-bottom: 5px;
}

#dailygoal .inner h2 {
	font-size: 6vw;
}

#dailygoal .inner {
	position: absolute;
	width: 100%;
	bottom: 1%;
	font-size: 4vw;
	
	height: auto;
	
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-around;
}

#dailygoal .inner input {
	min-width: 10vw;
	max-width: 40vw;
	padding: 0;
	margin: 0;
}

#dailygoal_title {
	//position: relative;
	//top: 4vw;
	font-family: 'heebo-xb', arial;
	width: auto;
}

#dailygoal_current {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;

	transition: .1s;
	font-family: 'heebo-xb', arial;
	width: auto;
	height: auto;
	margin: 0 5vw;
	padding: 0;
}

#dailygoal_outOf {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	
	transition: .1s;
	font-family: 'assistant', calibri, arial;
	width: auto;
	font-weight: bold;
}

#dailygoal_totalDaily {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	
	right: 0;
	font-size: 5vw;
	font-weight: bold;
	transition: .1s;
	font-family: 'heebo-xb', arial;
	width: auto;
	margin: 0 5vw;
}

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

#personal_details {
	font-family: 'assistant', calibri, arial;
	width: 200%;
	padding-top: 43vw;
	background-color: #e2c5ff;
	border-radius: 50%;
	text-align: center;
	vertical-align: middle;
	position: fixed;
	top: -31vw;
	left: -50%;
	color: #2b0057;
	z-index: 50;
	transition: 0.1s;
}

#personal_details .title {
	display: none;
	font-size: 4vw;
	bottom: 55px;
	position: relative;
	font-family: 'assistant', calibri, arial;
}

#personal_details .subTitle {
	font-size: 5vw;
	bottom: 10px;
	position: relative;
	font-family: 'assistant', calibri, arial;
}

#personal_details .subInner {
	font-size: 3vw;
	bottom: 20px;
	position: relative;
	font-family: 'heebo-reg';
	font-weight: bold;
}


#personal_details .inner {
	display: none;
	position: absolute;
	width: 100%;
	text-align: center;
	font-size: 150%;
	bottom: 0px;
}

#personal_details:hover {
	background: #e2aaff;
}

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

#profile {
	font-family: 'assistant', calibri, arial;
	font-size: 5vw;
	line-height: 2;
	width: 96%;
	background-color: #e2c5ff;
	border-radius: 25px;
	display: block;
	text-align: right;
	vertical-align: middle;
	color: #2b0057;
	padding: 1vw;
	margin-top: 15vw;
}

#profileTable {
	font-size: 5vw;
	
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
}

#profileTable .row {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}

#profileTable .row.full {
	width: 100%;
}

#profileTable .row .divv {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
}

#profileTable .cells {
	display: flex;
	flex-direction: column !important;
	align-items: flex-start !important;
	justify-content: flex-start;
}

#profileTable .activitydetails {
	display: block !important;
}

#profile input {
	width: auto;
	border: 0;
	background-color: rgba(255,255,255,0.2);
	font-family: 'assistant', calibri, arial;
	font-size: 5vw;
	padding: 1vw;
}

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

#profile .button {
	margin: 4vw;
	font-size: 7vw;
	padding: 1vw 5vw;
	color: purple;
	cursor: pointer;
	border-radius: 2vw;
}

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

#weight_link {
	float: left;
	background-color: rgba(255,255,255,0.3);
	border-radius: 2vw;
	padding: 1vw 5vw;
	margin: 1vw 5vw;
	color: purple;
	font-size: 5vw;
}

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

.profright {
	min-width: 30vw !important;
}

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

.getrecd {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}

.getrecd img {
	height: 3.5vw;
	margin: 0vw;
	margin-left: 1.5vw;
}

.foodsforrec {
	z-index: 999;
	
	position: absolute;
	top: -10vw;
	right: 2%;
	
	margin: auto;
	
	width: 94vw;
	height: auto;
	
	background: white;
	background: #c5f7ff;
	background: linear-gradient(#ddffff,white);
	border: 2pt solid grey;
	border-radius: 5vw;
	
	box-shadow: 0.2vw 0.2vw 3vw grey;
	
	display: none;
	//display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
}

.foodsforrec .rectitle {
	width: 100%;
	text-align: center;
	border-bottom: 1px solid grey;
	padding: 3vw;
	font-size: 7vw;
}

.foodsforrec .recname {
	width: 100%;
	text-align: center;
	padding: 3vw;
	font-size: 4.5vw;
	font-weight: bold;
}

.foodsforrec .recbody {
	direction: rtl;
	padding: 2vw;
	width: 90vw;
	min-height: 10vw;
	
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
}

.recdiv {
	width: 100%;
	border-bottom: 1px solid grey;
}

.entrytitle {
	border-bottom: 1px solid grey;
	font-weight: bold;
}

.foodsforrec .recclose {
	padding: 3vw;
	justify-self: end;
}

.foodsforrec .recclose img {
	height: 7vw;
}

.foodsforrec .foodentry {
	width: 100%;
	
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	justify-content: space-around;
}

.foodsforrec .recfoodname {
	width: 70%;
	text-align: right;
}

.foodsforrec .recfoodquant {
	width: 15%;
	text-align: center;
	position: relative;
}

.foodsforrec .recfoodtotal {
	width: 15%;
	text-align: left;
}

.is_weight_2 {
	position: absolute;
	background: rgba(0,0,0,0.2);
	background: #c4feff;
	font-size: 2.5vw;

	bottom: 1vw;
	left: -2vw;
	padding: 0.2vw 0.75vw;
	border-radius: 1vw;
	
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}

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

.cancelbutton {
	box-sizing: border-box;
	
	width: 100%;
	background: transparent;
	//background: yellow;
	
	padding: 2vw 2vw;
	
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-end;
}

.cancelbutton img {
	height: 6vw;
}

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

#graphs {
	font-family: 'assistant', calibri, arial;
	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-size: 200%;
	width: 20%;
	background-color: #44d35f;
	border-radius: 10px;
	display: block;
	text-align: center;
	padding: 10px;
	vertical-align: middle;
	position: fixed;
	top: 1%;
	right: 46%;
	color: #004418;
	z-index: 3;
}

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

#spacer_weight {
	height: 17vh;
}

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

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

#start_weight h2 {
	font-size: 6vw;
}

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

#cur_weight {
	font-family: arial;
	font-size: 100%;
	background-color: #44d35f;
	border-radius: 50%;
	display: block;
	text-align: center;
	padding: 1%;
	vertical-align: middle;
	color: #004418;
	z-index: 3;
	
	width: 20%;
	height: 180px;
	position: absolute;
	top: 7.5vh;
	right: 38%;
}

#cur_weight h1 {
	font-size: 3vw;
	line-height: 3vw;
}

#cur_weight h2 {
	font-size: 5vw;
	margin: 2px;
}

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

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

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

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

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

#add_weight h3 {
	font-size: 120%;
}

#add_weight_tbl {
	padding: 1px;
}

#add_weight_tbl input {
	border: 0;
	font-size: 250%;
	width: 20%;
	background-color: rgba(255,255,255,0.3);
	font-family: 'assistant', calibri, arial;
}

#dltWeightImg .dltWeightImg {
	height: 10vw;
	cursor: pointer;
}

#weight_graph_tbl {
	padding: 1px;
	width: 100%;
	display: inline-block;
	overflow-x: scroll;
}

#weight_graph_tbl .graph_col {
	vertical-align: bottom;
	text-align: center;
	background-color: rgba(255,255,255,0.5);
	width: 3vw;
	font-size: 3vw;
	padding-top: 3vh;
}

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

#add_weight_tbl .button {
	cursor: pointer;
	font-weight: bold;
	padding: 2%;
	width: 30%;
}

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

#add_weight_tbl .title {
	font-size: 250%;
	font-weight: bold;
	border-bottom: 3px solid darkgreen;
	font-family: 'assistant', calibri, arial;
}

#add_weight_tbl .main {
	font-size: 230%;
	border-left: 2px solid #93ff44;
	border-bottom: 4px dashed darkgreen;
	padding: 10px;
	height: 6vh;
}

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

.expandButtonBig {
	background-image: url(images/arrow_down.png);
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-color: rgba(255,255,255,0.9);
	width: 7vw;
	height: 7vw;
	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: 150%;
	font-size: 20pt;
}

.rec_ings {
	font-size: 3vw;
	border-bottom: 1px dashed black;
	text-align: center;
}

#totalCals_inRec {
	text-align: left;
	font-family: 'assistant', calibri, arial;
	font-size: 3vw;
	width: 40%;
}

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

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

#foodsDir {
	box-sizing: border-box;
	font-family: arial;
	font-size: 4.5vw;
	width: 100%;
	background-color: #fff2b5;
	border-radius: 10px;
	display: block;
	text-align: right;
	padding: 10px;
	vertical-align: middle;
	top: 15%;
	right: 5%;
	color: #8e6b00;
	z-index: 3;
}

#foodsDir h3 {
	font-size: 2vh;
}

#foodsDir h3 img {
	height: 2vh;
	position: relative;
	top: 0.3vh;
}

#foodsDir input {
	border: 0;
	font-size: 35pt;
	font-weight: bold;
	padding: 5px;
}

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

#editorTd {
	background: #ffe92d;
	margin: 1vw;
	padding: 1vw;
	border-radius: 2vw;
}

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

#editorTd input {
	width: 15vw;
}

#editorTd .inputLabel {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	
	font-size: 3vw;
}

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

#checkboxLabel {

}

#editorTd input[type='checkbox'] {
	box-sizing: border-box;
	background: white;
	height: 5vw;
	width: 5vw;
	margin: 2vw 0 2vw 3vw;
}

#user_foods {
	
	font-family: arial;
	font-size: 30pt;
	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: inline-block;
	width: 100%;
	height: 330px;
}

#user_foods .main {
	border-bottom: 1px solid #695600;
	font-size: 4vw;
}

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

#user_foods .rec {
	border-bottom: 1px solid #695600;
	padding-top: 6px;
	padding-bottom: 6px;
	font-size: 60%;
}

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

#similarFoods {
	text-align: center;
	font-size: 1vh;
}

#similarFoods h1 {
	font-size: 2vh;
	border-bottom: 1vw dashed #8c6900;
}

#similarFoods .similarFood {
	display: inline-block;
	padding: 1vw;
	margin: 1vw;
	font-size: 1.8vh;
	background: rgba(0,0,0,0.2);
	border-radius: 10px;
}

#similarFoods .similarFood img {
	height: 1.7vh;
	position: relative;
	top: 0.3vh;
}

#similarFoods .legend img {
	height: 1.2vh;
	font-size: 2vh;
	position: relative;
	top: 0.3vh;
}

#similarFoods .thefoods {
	overflow-y: scroll;
	height: 15vh;
}

#user_foods_recs {
	font-family: arial;
	font-size: 30pt;
	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: 70%;
	border-bottom: 1px solid black;
	font-weight: bold;
	//background: #d76565;
}

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

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

#rec_food_part {
	display: inline-block;
	background-color: rgba(255,190,0,0.2);
	font-size: 2vw;
	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: 20pt;
	width: 100%;
	border-radius: 20px;
	background-color: #ffe92d;
}

#new_rec {
	font-family: 'assistant', calibri, arial;
	margin-top: 10px;
	background-color: rgba(156,117,0,0.2);
	border-radius: 20px;
	padding: 20px;
}

#new_rec h1 {
	font-size: 30pt;
}

#new_rec input {
	font-family: 'assistant', calibri, arial;
	border-radius: 20px;
	width: 100%;
	font-size: 30pt;
	background-color: rgba(255,255,255,0.9);
	
}

#new_rec .totalcals {
	font-family: 'assistant', calibri, arial;
	font-size: 5vw;
	text-align: center;
	background-color: rgba(255,255,255,0);
	width: 20vw;
	text-align: left;
	padding-left: 2vw;
}

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

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

.RECimages {
	height: 2.5vw;
	margin-left: 5px;
	position: relative;
}

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

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

#addbutton_rec {
	font-family: 'assistant', calibri, arial;
	padding: 10px;
	border-radius: 10px;
	cursor: pointer;
}

#addbutton_rec:hover {
	background: #a8ff00;
}

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

#add_food_to_rec:hover {
	background: #ffc000;
}

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

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

#daily_table {
	box-sizing: border-box;
	
	font-family: arial;
	font-size: 5vw;
	width: 100%;
	background-color: #c5f7ff;
	border-radius: 0;
	display: block;
	text-align: right;
	padding: 0vw 1vw;
	vertical-align: middle;

	top: 10vw;
	right: 0%;
	color: #004166;
	z-index: 0;
	margin: 2v auto;
}

#daily_table input {
	border: 0;
	font-size: 40px;
}

#daily_table input:focus {
	background: #97ffc8;
}

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

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

#meal_table {
	width: 98%;
	margin: auto;
	margin-bottom: 10vw;
	padding: 0;
	border: 0;
	font-size: 5vw;
	background-color: rgba(255, 255, 255, 0.4);
	box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.1);
	border-radius: 3vw;
}

#meal_table .quantity {
	width: 75%;
	text-align: center;
	padding: 2vw;
}

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

#meal_table .delPic {
	height: 6vw;
	margin-left: 2vw;
	position: relative;
	top: 0.05vw;
	opacity: 0.7;
}

#meal_table .total {
	text-align: left;
	padding: 0.1vw;
	//border-top: 1pt solid darkblue;
	font-weight: bold;
	font-size: 4vw;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	font-family: 'assistant', calibri, arial;
}

#meal_table .total input {
	font-size: 4vw;
	background: rgba(255,255,255,0.5);
	font-family: 'assistant', calibri, arial;
}

#quant_save_button_div {
	position: absolute;
	z-index: 5;
	
	width: 9vw;
	height: 9vw;
	
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	
	right: -5vw;
	top: 0.25vw;
	
	box-sizing: border-box;
}

#quant_save_button_div .quantSaver {
	z-index: 5;
	
	display: none;
	width: 100%;
	height: 100%;
}

#quant_save_button_div .quantSaverInner {
	margin: 0;
	padding: 0;
	position: relative;

	width: 100%;
	height: 100%;
	
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}

#quant_save_button_div .quantSaverButton {
	font-size: 0 !important;
	width: 8vw;
	height: 8vw;
	margin: 0 !important;
	padding: 0 !important;
	border-radius: 50%;
	background-color: #ffffff;
	background-image: url(images/tap.png);
	background-size: 100%;
	background-repeat: no-repeat;
}

#quant_save_button_div .quantSaverButton:hover {
	background-color: #ffffff !important;
	background-size: 100% !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
}

#quant_save_button_div .quantSaverButton:focus {
	background-color: #ffffff !important;
	background-size: 100% !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
}

#meal_table select {
	font-size: 5vw;
	padding: 1vw;
}

#addTable {
	width: 100%;
	padding: 1vw;
}

#addTable input:focus {
	background: #97ffc8;
}

#addTable td {
	text-align: right;
}

#addTable .tag_add {
	display: inline-block;
	font-size: 2.5vw;
	text-align: center;
	padding: 0.2vh;
	background: #bfdbec;
	color: #45718a;
	margin: 0.2vh;
	border-radius: 1vw;
}

#addTable .add_title {
	width: 100%;
	text-align: right;
	font-size: 40pt;
	padding: 10px;
	margin: 4px;
}

#addTable .add_quantity {
	width: 100%;
	text-align: left;
	font-size: 50px;
	padding: 10px;
	margin: 4px;
}

#addTable .add_calory {
	width: 100%;
	text-align: left;
	font-size: 50px;
	padding: 10px;
	margin: 4px;
}

#addTable .add_button,
.addmeal_button,
.add_button_sec {
	width: 100%;
	text-align: center;
	font-size: 5vw;
	padding: 1vw;
	background: #51dcff;
	border-radius: 2vw;
	margin: 1vw;
	cursor: pointer;
}

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

.totalmealinput:hover {
	background: transparent !important;
}

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

.foodText {
	position: relative;
	font-size: 4.5vw;
	font-size: 3.5vw;

	font-family: 'assistant', calibri, arial;
	font-weight: normal;
	background: transparent;
	//max-width: 65vw;
}

.foodText.foodtitle,
.foodroww {
	box-sizing: border-box;
	min-height: 11vw;
	padding: 1vw 0.5vw;
	
	display: flex;
	display: -webkit-flex; /* NEW */
	flex-direction: row;
	flex-direction: -webkit-row;
	align-items: center;
	align-items: -webkit-center;
	justify-content: flex-start;
	justify-content: -webkit-flex-start;
	
	background: transparent;
}

.add_button_sec {
	width: 90%;
	background: #70ff8b;
	font-size: 5vw !important;
}

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

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

.addmeal_title {
	width: 50%;
	text-align: right;
	font-size: 45pt;
	padding: 10px;
	margin: 4px;
}

.addmeal_button {
	width: 10%;
	font-size: 5vw !important;
}

#meal_table td {
}

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

#table_titles .title {
	padding: 0.2vw;
	font-size: 2.5vw;
	margin: 0.2vw;
	
	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: 1vw;
	padding: 0.1vw 0.5vw;
}

.is_weight {
	position: absolute;
	background: white;
	font-size: 2.5vw;

	bottom: 0.5vw;
	left: -0.75vw;
	padding: 0.2vw 0.75vw;
	border-radius: 1vw;
	
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}

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

#daily_table_tomorrow {
	font-family: arial;
	font-size: 200%;
	width: 20%;
	background-color: #87dfff;
	border-radius: 10px;
	display: block;
	text-align: center;
	padding: 10px;
	vertical-align: middle;
	position: fixed;
	top: 1%;
	right: 22%;
	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 {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-end;
	width: 100%;
}

.customerSearchResultTR td {
	width: 100%;
}

.customerSearchResultTR img {
	height: 3.5vw;
	margin: 0;
	margin-left: 1vw;
}

.customerSearchResultTR:hover {
	background: #bdaeff;
}

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

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

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

#foodSearchResults {
	box-sizing: border-box;
	z-index: 4;
	padding: 1px;
	
	position: absolute;
	top: 0px;
	right: 0px;
	
	font-size: 2vw;
	border: 0;
	float: right;
	background: transparent;
	background: white;
	display: inline-block;
	
	//display: flex;
	//flex-direction: column;
	//align-items: center;
	//justify-content: center;
	
	width: 80vw;
	max-height: 40vw;
	min-height: 12vw;
	overflow-y: scroll;
	overflow-x: hidden;
	border-radius: 3vw;
	padding: 0;
	
	box-shadow: 0.2vw 0.2vw 2vw lightgrey;
}

.results_close_button_outer {
	position: absolute;
}

.results_close_button {
	position: relative;
	top: -1vw;
	right: 81vw;
	height: 12vw;
	width: 12vw;
	z-index: 100;
}

.results_close_button_inner {
	position: absolute;
	padding: 1vw;
	top: 0;
	left: 0vw;
	background: transparent;
}

.results_close_button_inner input {
	border-radius: 50%;
	
	background: rgba(210,100,100);
	width: 11vw;
	height: 11vw;
	font-size: 10vw;
	font-weight: bold;
	color: white;
	
	box-shadow: 0.2vw 0.2vw 2vw grey;
}

#foodSearchResults .food_searchResults_td {
	text-align: right;
	font-size: 3.5vw;
	height: 7vw;
	//width: 60vw;
	width: 100%;
	padding: 1vw 0;
	
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
}

#foodSearchResults .food_searchResults_td img {
	width: 4vw;
	margin: 0;
	margin-left: 1.5vw;
}

#foodSearchResults .food_searchResults_unit {
	width: 20vw !important;
	text-align: center;
	font-size: 3vw;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	//background: red;
	padding: 1.5vw 0;
}

#foodSearchResults .food_searchResults_kcal {
	width: 25vw !important;
	padding: 1vw;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

#foodSearchResults .food_searchResults_kcal_inner {
	//width: 100%;
	font-size: 3vw;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: rgba(100,255,100,0.2);
	border-radius: 2vw;
	padding: 1vw 3vw;
}

#findCustomerNewWork {
	z-index: 4;
	padding: 0.75vw;
	//position: absolute;
	
	//border-radius: 2vw;
	//border: 1pt solid lightgrey;
	
	//box-shadow: 0.2vw 0.2vw 2vw grey;
	
	//top: 0px;
	margin: 2vw;
	//right: 0px;
	width: 100%;
	font-size: 5vw;
	//border: 0vw solid grey;
	float: right;
	background: white;
}

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

#findCustomerNewWork td {
	border-bottom: 2px dashed grey;
	padding: 1vw;
	font-family: 'assistant', calibri, arial;
	font-size: 3.5vw;
}

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