/* CSS Document */

body {
  /*padding-top: 70px;*/
}
.clearBoth{
	clear:both;
}
img.login-logo{
	margin:40px auto;
	width:75%;
}

img.ax-loading-placeholder{
	display:block;
	margin:20px auto;
}

img.scan-in-laco-logo{
	display:block;
	margin:0px auto;
	max-width:200px;
	
}

img.product-image{
	display:block;
	margin:0px auto;
	padding:5px;
	border:1px solid #ccc;
	background:#fff;
	max-width:80px;
}

img.img-height-50{
	max-height:30px;
}

img.ajax-loading{
	display:block; 
	margin-left:auto; 
	margin-right:auto;
}

.white-on-black{
	color:#fff;
	background:#333;
	padding:0px 5px 0px 5px;
	
}

.boldText{
	font-weight:bold;
	font-size:larger;
}


input{
	margin-bottom:20px;
	
}

div#submitButtons{
	display:none;
}

span.adminApproved{
	width:60px;
	height:20px;
	background:#5CB85C;
}
span.adminUnapproved{
	width:60px;
	height:20px;
	background:#D9534F;
}

textarea, select{
	display:block;
	margin-bottom:20px;
}

img.footer-logo{
	display:block; 
	margin:0 auto;
}

.floatRight{
	float:right;
}
.floatLeft{
	float:left;
}



div.topContainer{
	padding-top:80px;
}

#otherBatches{
	max-height:400px;
	overflow-y:scroll;
}

.flagTag{
	min-width:80px;
	width:80px;
	display:block;
}

.flagTagColumn{
	max-width:90px; min-width:90px; width:90px;
}
.marginTop0{
	
	margin-top:0px;
}
.marginTop10{
	
	margin-top:10px;
}
.marginTop20{
	
	margin-top:20px;
}

.marginTop40{
	margin-top:40px;
}

.marginTop60{
	margin-top:60px;
}

.marginTop80{
	margin-top:80px;
}

.marginTop100{
	margin-top:100px;
}

.marginTop120{
	margin-top:120px;
}


.marginTop140{
	margin-top:140px;
}

.marginTop160{
	margin-top:160px;
}

.marginTop180{
	margin-top:180px;
}

.marginTop200{
	
	margin-top:200px;
}


.marginBottom0{
	
	margin-bottom:0px;
}
.marginBottom10{
	
	margin-bottom:10px;
}
.marginBottom20{
	
	margin-bottom:20px;
}

.marginBottom40{
	margin-bottom:40px;
}

.marginBottom60{
	margin-bottom:60px;
}

.marginBottom80{
	margin-bottom:80px;
}

.marginBottom100{
	margin-bottom:100px;
}

.marginBottom120{
	margin-bottom:120px;
}


.marginBottom140{
	margin-bottom:140px;
}

.marginBottom160{
	margin-bottom:160px;
}

.marginBottom180{
	margin-bottom:180px;
}

.marginBottom200{
	margin-bottom:200px;
}

.glyphicon{
	margin:0px 10px;
}

div.pageBreak{
	min-height:600px;
}


table tr td.borderBottomDark{
	border-bottom:3px solid #ccc;
}

.tableFixHead          { overflow-y: auto; height: 150px; }
.tableFixHead thead th { position: sticky; top: 0; }

/* Just common table stuff. Really. */
table  { border-collapse: collapse; width: 100%; }
th, td { padding: 8px 16px; }
th     { background:#fff; font-size:10pt;}

.table-condensed{font-size:10pt;}




.modal-body{
    max-height: calc(100vh - 200px);
    overflow-y: auto;

}

.largeGraphContainer{
	width:100%;
	height: calc(100vh - 100px);
	border:none;
	overflow-y:none;
	
}

div.maxHeight500Scroll{
	max-height:400px;
	overflow-y:scroll;
	border:1px solid #ccc;
}


.bright-red{
	color:#f00;
}
.bright-green{
	color:#090;
}

input.forceUppercase{
	
	text-transform:uppercase;
}

.has-error input{
	background:#FFEDED;
}
.has-success input{
	background:#EDFFED;
}


th.width-40-percent{
width:40%;
}
th.width-20-percent{
width:20%;
}
th.width-15-percent{
width:15%;
}

.buttonCushion{
	margin:5px;
}