.page
{
	background-color:#fff;
	color:#000;
	font-size:14px;
	display:flex;
	justify-content:center;
	margin:0px;
}
  .loggedin
  {
	max-height:120px;
  }
  #menuBar
  {
	position:fixed;
	top:0;
	left:0;
	height:57px;
	background-color:#fff;
	border-bottom:2px solid #0f7339;
  }	
#mainC
{
	max-width:1024px;
	width:100%;
}
#menuC
{
	width:100%;
	margin-bottom:5px;
}
button, input[type="submit"], input[type="reset"] {
	background: none;
	cursor: pointer;
	outline: inherit;
}
.helv
{
	font-family:helvetica;
}
a
{
	text-decoration:none;
}
a:hover
{
	text-decoration:none;
}
@font-face
{
	font-family:'Crysis';
	src: url('font/crysis.ttf') format('truetype');
	}
	.smallFont
	{
		font-size:10px;
	}
.crysis 
{
	font-family:Crysis;
}
.menuFont
{
	font-size:20px;
}
.hidden
{
	display:none;
}
.smallText
{
	font-size:11px;
}
.bigText
{
	font-size:25px;
}
h1
{
	font-family:'Crysis', Fallback, helvetica;
	font-size:20px;
	color:#094a92;
}
a
{
	color:#000;
	text-decoration:none;
}
.cSearch a
{
	margin:2px;
	font-size:14px;
	min-width:100px;
}
.cSearch a:hover
{
	background-color:#5e9ed6;
}

.highlight, .filterLink
{
	padding:5px;	
	text-align:center;
}
.highlight
{
	padding:4px !important;
	font-weight:bold;
	background-color:#fef687;
	width:100px;
}
.green {color:#0F743A;}
.red {color:#CA2027;}
.backRed
{
	background-color:#e5d7d7;
}

.highLightS
{
	background-color:#fef687;
}
.subHeading
{
	padding-left:10px;
	padding-bottom:5px;
	font-size:17px;
	font-weight:bold;
}
.flex {display:flex;}
.justifySA {justify-content:space-around;}
.justifySI {justify-content:space-between;}
.justifyC {justify-content:center;}
.justifyFS {justify-content:flex-start;}
.justifyFE {justify-content:flex-end;}
.fdRow {flex-direction:row;}
.fdCol {flex-direction:column;}
.ac {align-items:center;}
.main {min-height:300px;}
.tac {text-align:center;}
.fw {width:100%;}
.wrap{flex-wrap:wrap;}
.inset{margin-left:70px;}
.expando{margin-top:4px;}
.pad{padding-top:4px;}
.smallBold
{
	font-weight:bold;
	font-size:11px;
}
.form, .formS
{
	width:400px;
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
}
.formS
{	
	width:180px;
}
.fLabel , .fInput, .inputS
{
	min-width:120px;
	padding:2px;
}
.oLabel
{
	width:200px;
	padding:2px;
}
.fInput
{
	width:150px;
}
.inputS
{
	min-width: 75px;
	width:75px;
}
.formRow
{
	margin-top:2px;
	padding-top:2px;
}
.dateLink
{
	width:120px;
	text-align:center;
}
.datelink a:hover
{
	border:1px solid black;
	border-radius:10px;
	background-color:#c5caac;
	padding-left:5px;
	padding-right:5px;
}
.tooltip
{
	margin-left:2px;
	margin-top:4px;
}
.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #000;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
 
    position: absolute;
    z-index: 1;
}
.orderRow
{
	padding-top:2px;
	padding-bottom:2px;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}
.hexagon
{
	border: 2px solid #0f743a;
	border-radius:15px;
	padding-bottom:4px;
	min-width:150px;
	margin-left:2px;
}
.errorMessage
{
	color:red;
	font-weight:bold;
	text-align:center;
}
.logout, .release
{
}
.logout a
{
	margin-left:auto;
	margin-right:auto;
	display:block;
	width:85px;
	height:19px;
	text-align:center;
	background-color:red;
	color:#fff;
	border-radius:15px;
	border:4px solid red;
	font-weight:bold;
	text-decoration:none;
}
.logout a:hover
{
	background-color:#0f743a;
}
.release
{
	background:url('images/emptyHex.png');
	padding-top:6px;
	width:130px;
	height:25px;
	font-size:15px;
	}
.release:hover
{
	cursor: pointer;
	color:#fff;
	background:url('images/orangeHex.png');	
}
.userList, .checkBox, .loginBox
{
	margin-left:20px;
	padding:20px;
	background:#fff;
	border:2px solid #0f743a;
	border-radius:15px;
	color:#000;
	margin-top:20px;
	margin-bottom:20px;
	width:100%;
	max-width:1024px;
}
.userList
{
	margin-top:0px;
	margin-bottom:15px;
}
.loginBox
{
	max-width:700px;
	margin-left:40px;
	margin-right:40px;
	height:200px;
}
.companyHeading
{	
	font-size:30px;
	color:#094a92;
	font-weight:bold;
}
.tableHeading, .tableItem, .itemTableS
{
	width:120px;
	text-align:center;
}
.orderRowBack
{
	background-color:#f5f5dc;
}
.tableItemM
{
	width:200px;
	text-align:center;
}
.itemTable, .itemTableHeading, .itemTableHeadingS
{
	width:100px;
	text-align:center;
}
.itemTableS, .itemTableHeadingS
{
	width:60px;
}


.tableHeading, .itemTableHeading, .itemTableHeadingS, .tableHeadingL
{
	font-weight:bold;
	color:#094a92;
	text-align:center;
}
.tableHeadingL
{
	width:285px;
	text-align:center;
}
.tableItemL
{
	width:285px;
	text-align:center;
}
.iconHeading
{
	width:30px;
	text-align:center;
}
.altFill
{
	background-color:#ddede4;
}
.altFillTwo
{
	background-color:#f3cfcf;
}
.highlight-a {
	background-color: #fafa97;
	padding:5px;
	margin-right:20px;
}
.highlight-b {
	background-color: rgb(192, 255, 192);
	padding:5px;
	margin-left:20px;
}
.registerLink a, .backLink a, .submitButton input, .sButton
{
	max-width:200px;
	display:block;
	padding:10px;
	border-left:none;
	border-right:none;
	color:#000;
	font-weight:bold;
	text-decoration:none;	
	text-align:center;
	background:none;
	font-size:14px;
	font-family:crysis;
}
.detailLink a
{
	color:#094A92;
	text-decoration:none;
	font-weight:bold;
}
.detailLink a:hover
{
	text-decoration:underline;
}
.registerLink a:hover, .backLink a:hover
{
	background-color:#ff6a00;
}
.submitButton input:hover, .sbutton:hover
{
	background-color:#a9dec4;
}
.button1, .button2
{
	padding:5px;
	border:2px solid #0f743a;
	border-radius:15px;
	min-width:100px;
	text-align:center;
	font-weight:bold;
}
.button2
{
	border-color:red;
}
.button1:hover, .button2:hover
{
	background-color:yellow;
}
.button1 a, .button2 a
{
	text-decoration:none;
	color:#000;
}
.menuHeadingM
{
	min-width:100px;
	padding:5px;
	border:2px solid #0f743a;
	border-radius:15px;
	text-align:center;
	font-weight:bold;
}
.menuHeading
{
	width:140px;
	height:38px;
	text-align:center;
	font-weight:bold;
	padding-top:19px;
}
.logoutBox
{
	background:url('images/menuBorderL.png');
	padding-top:6px;
	width:130px;
	height:25px;
	font-size:15px;
	color:#fff;
}
#orders .orders .menuHeading
{
		background-color: #a9dec4;
}
#stock .stock
{
		background-color: #a9dec4;
}
#admin .admin
{
		background-color: #a9dec4;
}
#items .items
{
		background-color: #a9dec4;
}
.menuHeading:hover
{
	background-color: #5e9ed6;
}
.logoutBox:hover
{
	background:url('images/menuBorderLO.png');	
}
.statusBar
{
	width:100%;
	padding:10px 0px 10px 0px;
	margin-bottom:5px;
	background-color:#a9dec4;
	border-top:2px solid #0f7339;
	margin-top:58px;
}
.currentOrder
{
	font-size:20px;
}
.menuSearch
{
	padding-top:15px;
}
.menuLink
{
	text-decoration:none;
}
.menuLink:hover
{
	text-decoration:none;
}
.menu a
{
	text-decoration:none;
	padding:5px;
	width:100px;
	text-align:center;
	
}
.menu a:hover
{
	background-color:#5e9ed6;
	padding:5px;
}
.menu
{
	flex-wrap:wrap;
	font-size:20px;
}


.addLink
{
	border: 1px solid black;
	border-radius:15px;
	padding:5px;
	width:120px;
	text-align:center;
	font-weight:bold;
	margin:5px 5px 5px 5px;
}
.addLink:hover
{
	background-color:#eb9b35;
	text-decoration:none;
}
.container
{
	max-width:1024px;
}
.containerHeading
{
	padding:3px;
	margin-left:10px;
	font-weight:bold;
	width:140px;
	text-align:center;
}
.containerLink:hover
{
	background-color:#fdd0eb;
}
.altBack
{
	background-color:#ddede4;
}
.lowStock
{
	color:red;
	}
	.bTop
	{
		border-top:solid 1px black;
	}
#orders .weightSum
{
	margin-top:10px;
	padding:2px;
	text-align:center;
	margin-left:2px;
}
.weightSum
{
	font-family:crysis;
}

.hamburger
{
	display:none;
}	
.mobileOnly
	{
		display:none;
	}
.mobNav
{
	display:none;
	width:100%;
}
.mobNav a, .itemSub a
{
	display:block;
	padding-top:5px;
	text-align:center;
	color:white;
	width:100%;
	height:30px;
	border-bottom:1px solid white;
}
.itemSub a
{
	background-color:#8e393c;
}
.l1
{	
	background-color:#0c542b;
}
.itemSub
  {
	display:none;
  }
@media only screen and (max-width: 600px) {
  .inviso {
    display:none;
  }
  #menuC h1
  {
	display:none;
  }
  #menuC .menulink
  {
	display:none;
  }
   #menuC .loggedin
  {
	display:none;
  }
  .hamburger
  {
	display:block;
  }
  .desktopOnly
  {
	display:none;
  }
	.mobileOnly
	{
		display:block;
	}
  .itemTableS
  {
	min-width:30px;
  }

  
}
@media only screen and (max-width: 850px) {
	.logo img
	{
		width:40px;
		height:40px;
	}
	h1
	{
		font-size:20px;
	}
	.menuHeadingM
	{
		min-width:60px;
	}
}