BODY{
font-family:tahoma,verdana,arial,helvetica;
font-size:13px;
color: #3f6033;
}

h2{
font-size:16px;
text-align:center;
}

a {
text-decoration: none;
}

nav {
font-family: monospace;
}

#pageHeaderLogo{
	position: relative;
}

#mainMenu{
position: absolute;
top: 0px;
left: 0px;
}

#mainMenu .menuRoot{
	min-height: 20px;
	padding-top:25px;
	position:relative
}

#mainMenu .rootIcon{
	position:absolute;
	top:13px;
	left:13px
}


#mainMenu ul {
background: #3f6033;
list-style: none;
margin: 0;
padding-left: 0;
}

#mainMenu li {
color: #fff;
background: #3f6033;
display: block;
float: left;
padding: 1rem;
position: relative;
text-decoration: none;
transition-duration: 0.5s;
}

#mainMenu li a {
color: #fff;
}

#mainMenu li:hover,
#mainMenu li:focus-within {
background: #6aa156;
cursor: pointer;
}

#mainMenu li:focus-within a {
outline: none;
}

#mainMenu ul li ul {
background: #3f6033;
visibility: hidden;
opacity: 0;
min-width: 8.5rem;
position: absolute;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
margin-top: 1rem;
left: 0;
display: none;
}

#mainMenu ul li:hover > ul,
#mainMenu ul li:focus-within > ul,
#mainMenu ul li ul:hover,
#mainMenu ul li ul:focus {
visibility: visible;
opacity: 1;
display: block;
}

#mainMenu ul li ul li {
clear: both;
width: 100%;
}

.formTable{
font-size:13px;
font-weight:bold;
background: #fcfcfc;
color: #3f6033;
border:1px solid #3f6033;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
padding: 4px;
}

.formTitle{
	font-weight: bold;
	text-align: center;
	font-size: 14px;
	padding-bottom: 10px;
}

input, select{
font-size:13px;
line-height: 14px;
color:#3f6033;
border:1px solid #3f6033;
background: #fcfcfc;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding:4px;
}

.ui-widget {
    font-family: inherit;
    font-size: inherit;
}

.hidden { display:none; }

.bodyBg{
	background-color:#e2e2e2;
}

.bodyBgPrint{
	background-color:#FFFFFF;
}

.inputSelect{
font-size:13px;
line-height: 14px;
color:#3f6033;
border:1px solid #3f6033;
background: #fcfcfc;
}

.button{
font-size:13px;
font-weight: bold;
color:#3f6033;
border:1px solid #3f6033;
background: #fcfcfc;
height:24px !important;
cursor:pointer;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding:4px;
-webkit-transition: background 0.01s linear;
transition: background 0.01s linear;
}

.button:hover{
color:#3f6033;
background: #e7f7e1;
}

.listTitle{
font-size:12px;
font-weight:bold;
color:#fcfcfc;
background: #3f6033;
text-decoration:none;
}

.listButton{
font-size:13px;
font-weight: bold;
color:#3f6033;
border:1px solid #3f6033;
background: #fcfcfc;
cursor:pointer;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding:4px;
}

.listButton:hover{
color:#3f6033;
background: #e7f7e1;
}

.listTitle a{
color: #fcfcfc;
text-decoration:none;
}

.listTitle a:hover{
color: #e7f7e1;
}

.listTitle a:visited{
color: #fcfcfc;
text-decoration:none;
}

.listTitlePrint{
font-size:12px;
font-weight:bold;
color:black;
background: #FFFFFF;
text-decoration:none;
}

.listTitlePrint a{
color: black;
text-decoration:none;
}

.listTitlePrint a:hover{
color: black;
text-decoration:none;
}

.listTitlePrint a:visited{
color: black;
text-decoration:none;
}

.listTable{
/*table-layout: fixed;*/
border:1px solid #3f6033;
}

.hoverTable td{
-webkit-transition: background 0.1s linear;
transition: background 0.1s linear;
}
.hoverTable tr:not(:first-child):hover td {background:#e7f7e1}

.userTable td{
padding: 10px 4px 10px 4px !important;
}

.listTablePrint{
/*table-layout: fixed;*/
border:1px solid #c0c0c0;
}

.listResults{
font-size:12px;
color:#3f6033;
}

.listResults a{
color:#3f6033;
text-decoration:none;
}

.listResults a:hover{
color:#3f6033;
text-decoration:none;
}

.listResults a:visited{
color:#3f6033;
text-decoration:none;
}

.listResultsPrint{
font-size:12px;
color:black;
border-top:1px solid #c0c0c0;
}

.listResultsPrint a{
color:black;
text-decoration:none;
}

.listResultsPrint a:hover{
color:black;
text-decoration:none;
}

.listResultsPrint a:visited{
color:black;
text-decoration:none;
}

a{
	color:#325048;
}

a:hover{
	color:#325048;
}

a:visited{
	color:#325048;
}

.invTable{
	border: 1px solid black;
	width:100%;
	layout:fixed;
}

.invTableHeader{
	border-bottom: 1px solid black;
	font-weight:bold;
}

.invTableAmt{
	border-left: 1px solid black;
	width:100px;
}

.invTableSn{
	width:100px;
}

.checkoutScanInput {
	margin: 4px auto 4px auto;
	width: 300px;
	padding: 4px;
	font-size: 13px;
	line-height: 14px;
	font-weight: bold;
	text-align: center;
	color: transparent;
	text-shadow: 0 0 0 #000000;

	&:focus {
		outline: none;
	}
}

.cardInput {
	margin: 4px auto 4px auto;
	width: 200px;
	padding: 4px;
	font-size: 13px;
	line-height: 14px;
	font-weight: bold;
	text-align: center;
}

.checkoutTitle{
	margin-bottom: 10px;
}

.hidden{
	display:none;
}

.checkoutWrapper{
	margin: 4px auto 4px auto;
	width: 600px;
	padding: 4px;
}

.checkoutScanDiv{
	margin: 4px auto 4px auto;
	width: 305px;
}

.cardInputDiv{
	margin: 4px auto 4px auto;
	width: 305px;
	text-align: center;
}

.checkoutMsgWrap{
	margin: 10px auto 10px auto;
	width: 400px;
	min-height:20px;
}

#checkoutCardMsg{
	font-size:13px;
	font-weight: bold;
	text-align: center;
}

#checkoutItemMsg, #checkinItemMsg, #discardItemMsg{
	font-size:13px;
	font-weight: bold;
	text-align: center;
	margin: 10px auto 10px auto;
}

#checkoutItems, #checkinItems, #discardItems{
	margin-top: 10px;
	height: 300px;
	overflow-x: hidden;
	overflow-y: scroll;
	-moz-appearance: textfield-multiline;
	-webkit-appearance: textarea;
	border: 1px solid gray;
	font: medium -moz-fixed;
    font: -webkit-medium-control;
	padding: 2px;
}

.checkoutItem{
	font-weight: bold;
	margin-bottom: 10px;
	font-size:13px;
}

.frmContainer {
	font-size:13px;
	font-weight:bold;
	background: #fcfcfc;
	color: #3f6033;
	border:1px solid #3f6033;
}

.frmContainerItm {
	padding: 4px;
	overflow:hidden;
	vertical-align: top;
}

.frmContainerItm input, .frmContainerItm label {
	white-space: nowrap;
	vertical-align: middle;
}

.frmContainerItm label {
	margin-left: 4px;
}

.frmGrid {
	display: grid;
	grid-template-columns: auto auto auto auto auto auto;
}

.frmGridItm {
	padding: 4px;
	white-space: nowrap;
}

.frmGridItm input, .frmGridItm label {
	white-space: nowrap;
	vertical-align: middle;
}

.frmGridItm label {
	margin-left: 4px;
}

.flexCenter {
	display: flex;
	justify-content: center;
	align-items: center;
}

.stLbl {
	cursor:pointer;
}

.stLbl:hover {
	text-decoration: underline;
}

.stStuList ul {
	list-style: none;
	margin: 0px 4px;
	padding-left: 25px;
}

.stStuList ul li{
	margin: 6px 0px;
}

.stuAll{
	padding-bottom:6px;
}

.pageWrapper{
	margin: 4px auto 4px auto;
	width: 600px;
	padding: 4px;
}

.pageitle{
	text-align:center;
	margin-bottom: 10px;
}

.pageMsgWrap{
	margin: 10px auto 10px auto;
	width: 400px;
	min-height:20px;
	text-align: center;
}

.pageBtnWrap{
	margin-top: 10px;
	text-align: center;
}

.loginLinkBtn{
	min-width: 180px;
}

.togglePwd{
	margin-left: 4px; 
	cursor: pointer;
	vertical-align: middle;
	display: inline-block;
	width: 24px;
	height: 24px;
	background-image: url('/images/passwordToggle.png');
	background-repeat: no-repeat;
}