body {
	font-family: 'Open Sans', Helvetica, Arial, Verdana, sans-serif;
	font-size: 13px;
}
a {
	color: #009999;
	font-weight: bold;
}
a:hover {
	text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: 300;
}

.c {
	text-align: center;
}
.l {
	text-align: left;
}
.r {
	text-align: right;
}

.b{
	font-weight: bold;
}

.clear {
	clear: both;
}
.np {
	padding: 0px !important;
}
.nf {
	float: none !important;
}
.inBl {
	display: inline-block;
}

.padR {
	padding-right: 30px;
}
.padL {
	padding-left: 30px;
}

.fll {
	float: left;
}
.flr {
	float: right;
}

.w100p {
	width: 100% !important;
}
.fullW {
	width: 100%;
}
.red {
	color: #f00;
}
.orange {
	color: #eb9316;
}

.w80 { width: 80px; }
.w100 { width: 100px; }
.w120 { width: 120px; }
.w150 { width: 150px; }
.w200 { width: 200px; }
.w300 { width: 300px; }
.w400 { width: 400px; }
.w500 { width: 500px; }
.w600 { width: 600px; }
.w800 { width: 800px; }

.green {
	color: #009999;
}

.topPad {
	height: 50px;
}
.container {
	width: 100%;
}

.mainCont {
	min-height: 1000px;
}

.topMenu {
	list-style: none;
	margin-left: 100px;
	float: left;
	margin-top: 30px;
}
.topMenu.flr {
	float: right;
}
.topMenu li {
	display: inline-block;
	padding: 0px 30px;
}


input[type="text"], input[type="number"], input[type="password"], select, textarea {
	border: 1px solid #555;
	border-radius: 2px;
}
select {
	max-width: 100%;
}

.foot {
	background: #eee;
	text-align: center;
	padding: 10px;
}



.oiLine, .iLine {
	border-bottom:  1px solid #ddd;
	padding: 10px;
}
.oiLine input[type="number"], .iLine input[type="number"], .uniPriceInput {
	width: 80px;
	text-align: right;
}
.oiLine select, .iLine select {
	width: 800px;
}
.oiLine input.newItmSrch[type="text"], .iLine input.newItmSrch[type="text"] {
	width: 400px;
}
.oiLine input.short[type="text"], .iLine input.short[type="text"] {
	width: 100px;
}
.oiLine .itmBlock, .iLine .itmBlock {
	width: 550px;
	display: inline-block;
}
.oiLine .selectedItemLabel, .iLine .selectedItemLabel {
	display: inline-block;
	max-width: 350px;
	overflow: hidden;
	padding-left: 20px;
	height: 16px;
}


.iLine .iSubline.nProduct {
	padding-left: 55px;
	padding-bottom: 2px;
	display: none;
}
.iLine .iSubline.nProduct.visible {
	display: block;
}

.ordCustInputs {
	float: left;
	padding-right: 80px;
}
.ordCustInputs label {
	margin-bottom: 0px;
	margin-top: 10px;
}
.ordCustInputs input[type="text"], .ordCustInputs select {
	width: 250px;
}

.bigLabel {
	font-size: 20px;
}
.bigSubmit {
	font-size: 20px;
	padding: 8px 20px;
}



.error {
	border: 1px solid #cc0033;
	color: #cc0033;
	padding: 8px 20px;
	background: #ffcccc;
	margin: 5px 0px;
}
.success {
	border: 1px solid #009933;
	color: #009933;
	padding: 8px 20px;
	background: #e9ffee;
	margin: 5px 0px;
}

table tr td {
	padding: 3px 20px 3px 0px;
}

.dataTable tr td {
	border-bottom: 1px solid #ddd;
	padding: 3px 10px;
}

.dataTable tr td.lBorder {
	border-left: 1px solid #ddd;
}

.dataTable tr.head td.lBorder, .dataTable tr.total td.lBorder {
	border-left: 1px solid #bbb;
}

.dataTable tr td.lBorderDark {
	/* border-left: 1px solid #ddd; */
	border-left: 1px solid #888;
}

.dataTable tr td.lBorderHeavy {
	border-left: 2px solid #aaa;
}

.dataTable tr.head{
	background: #ddd;
}
.dataTable tr.head2{
	background: #e7e7e7;
}

.dataTable tr.odd{
	background: rgba(100, 100, 100, 0.1);
}

.dataTable tr.total td {
	background: #ddd;
	font-weight: bold;
	border-top: 2px solid #666;
}

.dataTable tr td .commentCell {
	max-height: 80px;
	overflow: auto;
}
.dataTable .comment {
	padding: 5px;
	font-size: 10px;
	border-top: 1px dotted #ddd;
	max-width: 250px;
}
.dataTable .comment:hover {
	background: #eee;
}
.dataTable .comment:first-child {
	border-top: 0px none;
}

.dataTable tr.head td input[type="text"], .dataTable tr.head td select {
	color: #009999;
	font-weight: bold;
}


.dataTable tr.category td{
	color: #009999;
	font-weight: bold;
	padding-left: 2em;
	background-color: #d3e8e8;
}

.dataTable tr.head td select option {
	color: #333;
}

.dataTable tr td.dark, .dataTable tr.dark td{
	background: rgba(10, 10, 10, 0.1);
}

.dataTable tr.invalid, .dataTable tr td.invalid {
	color: #aaa;
	text-decoration: line-through;
}

.oComment {
	border: 1px solid #ddd;
	margin: 5px 0px;
	padding: 5px 10px;
}
.oComment .cmAuthor, .oComment .cmDate {
	font-style: italic;
	color: #aaa;
}
.oComment .cmAuthor {
	float: left;
}
.oComment .cmDate {
	float: right;
}
.oComment .cmText {
	clear: both;
	border-top: 1px dotted #ddd;
	margin-top: 3px;
	padding: 8px 0px;
}

.tabFlN {
	color: #ccc;
}


.paging .pages {
	display: inline-block;
}
.paging .pages a, .paging .pages span,
.paging .pageFirst, .paging .pagePrev, .paging .pageNext,.paging .pageLast 
{
	text-align: center;
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	border: 1px solid #eee;
	margin: 0px 3px;
}
.paging .pages a {
	
}
.paging .pages a:hover,
.paging a.pageFirst:hover, .paging a.pagePrev:hover, .paging a.pageNext:hover, .paging a.pageLast:hover{
	background: #009999;
	color: #fff;
}


.pCount {
	line-height: 30px;
	float: left;
}


input.erase {
	border: 0px none;
	background-color: transparent;
	background-image: url('cross.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	border-radius: 10px;
	min-width: 16px;
}
input.erase:hover {
	/** background-color: #f5e5e5; */
	filter: grayscale(100%);
}


.importForm {
	background: #f1f1f1;
	border: 3px solid #009999;
	padding: 20px;
}
.importForm input[type="file"]{
	display: inline-block;
}

.ui-widget.ui-widget-content {
	max-height: 350px;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: auto;
}
.ui-autocomplete .ui-menu-item {
	border-bottom: 1px solid #eee;
}
.ui-autocomplete .ui-menu-item .small {
	color: #aaa;
}
ul.ui-autocomplete .ui-state-hover .small, ul.ui-autocomplete .ui-state-active .small {
    color: #fff;
}

.snOutput {
	background: #eee;
	padding:5px;
	border: 1px solid #ddd;
	font-family: Consolas;
	color: #333;
}


.navbar{
	margin-bottom: 0px;
}

@media (max-width: 800px){
	.oiLine select, .iLine select {
		width: 100%;
	}
}