body{
	font-family:verdana;
	font-size:12px;
	padding:0;
	margin:0;
}
.ui-autocomplete {
	max-height: 300px;
	overflow-y: auto;   /* prevent horizontal scrollbar */
	overflow-x: hidden; /* add padding to account for vertical scrollbar */
	z-index:1000 !important;
}
.ui-widget {
	font-family: Verdana;
	font-size: 12px;
}
table.parts{
	background-color:dcdcdc;
	border-style:solid;
	border-width:1px;
	width:562px;
}
th.parts{
	background-color:003366;
	color:ffffff;
	font-family: Verdana;
	font-size: 12px;
}
td.parts{
	background-color:ffffff;
}
input.part{
	font-family:verdana;
	font-size:12px;		
	width:420px;
}
input.qty{
	font-family:verdana;
	font-size:12px;		
	width:100px;
}
img.func{
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}
.saveprint{
	background-color: #6666aa;
	border: none;
	color: white;
	padding: 10px 14px;
	font-size: 14px;
	cursor: pointer;		
	border-radius: 8px;
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}
.saveprint:hover{
	background-color: #8888cc;
	color: yellow;
}
.cover-spin {
    position:fixed;
    width:100%;
    left:0;right:0;top:0;bottom:0;
    background-color: rgba(255,255,255,0.7);
    z-index:9999;
    display:none;
}

@-webkit-keyframes spin {
	from {-webkit-transform:rotate(0deg);}
	to {-webkit-transform:rotate(360deg);}
}

@keyframes spin {
	from {transform:rotate(0deg);}
	to {transform:rotate(360deg);}
}

.cover-spin::after {
    content:'';
    display:block;
    position:absolute;
    left:48%;top:40%;
    width:40px;height:40px;
    border-style:solid;
    border-color:black;
    border-top-color:transparent;
    border-width: 4px;
    border-radius:50%;
    -webkit-animation: spin .8s linear infinite;
    animation: spin .8s linear infinite;
}

#duedate{
	width:100px;
}
.printopt{
	background-color:#eeffee;
}
#msg{
	font-weight:bold;
	color:#880000;
	background-color:#ffff88;
}
#secadd{
	width:400px;
}
.upload-area{
    width: 300px;
    height: 120px;
    border: 2px solid lightgray;
    border-radius: 3px;
    margin: 0 auto;
    text-align: center;
    overflow: auto;
}

.upload-area:hover{
    cursor: pointer;
}

.upload-area h1{
    text-align: center;
    font-weight: normal;
    font-family: sans-serif;
    line-height: 50px;
    color: darkslategray;
}

#file{
    display: none;
}

/* Thumbnail */
.thumbnail{
    width: 80px;
    height: 80px;
    padding: 2px;
    border: 2px solid lightgray;
    border-radius: 3px;
    float: left;
}

.size{
    font-size:12px;
}
#dd{
	font-family:verdana;
	font-size:22px;
	height:118px;
	display: flex;
	justify-content: center;
	align-content: center;
	flex-direction: column;
	background-color: #dcdcdc;
	vertical-align: top;
	border-style:Solid;
	border-width:1;
	border-color:#000000;
}
#details{
	vertical-align: top;
	padding:5px;
}
.pdfdata{
	vertical-align: top;
}
#uploadfile{
	vertical-align: top;
}
span.creditbalance{
	font-size:18px;
	font-weight:bold;
}
#cust{
	background-color:#eeeeee;
}
#creditcust{
	background-color: #ffffcc;
}
#credbal1{
	display:none;
}
#credbal2{
	display:none;
}
table.jobswithbalance{
	font-size:12px;
	background-color:#dcdcdc;
}
table.jobswithbalance th{
	background-color:#003366;
	color:#ffffff;
	padding:5px;
}
table.jobswithbalance tr{
	background-color:#fcfcfc;
}
table.jobswithbalance tr:hover{
	background-color:#ffff00;
}
span.hdr{
	font-size:18px;
}
table.jobswithbalance td{
	padding:5px;
}
#jobswithbalancehdr{
	display:none;
}
.ui-dialog-titlebar{
	background-color:#003366;
	color:#ffffff;
}
#diagdiv{
	background-color:#ffcccc;
}
select.part{
	font-family:verdana;
	font-size:12px;	
}
table.dataTable{
	font-family:verdana;
}
table.dataTable td {
  font-size: 9px;
}
table.dataTable th {
  font-size: 11px;
}

.cover-spin {
    position:fixed;
    width:100%;
    left:0;right:0;top:0;bottom:0;
    background-color: rgba(255,255,255,0.7);
    z-index:9999;
    display:none;
}

@-webkit-keyframes spin {
	from {-webkit-transform:rotate(0deg);}
	to {-webkit-transform:rotate(360deg);}
}

@keyframes spin {
	from {transform:rotate(0deg);}
	to {transform:rotate(360deg);}
}

.cover-spin::after {
    content:'';
    display:block;
    position:absolute;
    left:48%;top:40%;
    width:40px;height:40px;
    border-style:solid;
    border-color:black;
    border-top-color:transparent;
    border-width: 4px;
    border-radius:50%;
    -webkit-animation: spin .8s linear infinite;
    animation: spin .8s linear infinite;
}
table.hours{
	background-color:#dcdcdc;
}
table.hours tr td {
	padding:10px;
	font-family: verdana;
	font-size:11px;
	vertical-align: top;
	background-color:#ffffff;
}
table.vendorpayment tr td {
	padding:10px;
	font-family: verdana;
	font-size:11px;
	vertical-align: top;
}
#enddatehours{
	background-color:#eeffee;	
}
table.checknumbers tr td {
	padding:2px;
	border-spacing:2px;
}
table.checknumbers tr th {
	font-size:11px;
	padding:2px;
	border-spacing:2px;
}
table.batchmover tr td {
	padding:10px;
	font-family: verdana;
	font-size:11px;
	vertical-align: top;
}
table.batchinvoices tr td {
	padding:2px;
	border-spacing:2px;
}
table.batchinvoices tr th {
	font-size:11px;
	padding:2px;
	border-spacing:2px;
}
.title{
	color: MidnightBlue;
	font-size:30px;
}

.invoiceHeader{
	width: 100%;
	height: 73px;
	background-color: rgb(0, 88, 112);
	background-color: rgb(0, 88, 112);
	color: rgb(255, 255, 255);
	font-size: 15px;
	font-weight: bold;
	font-family: snas-serif;	
}

.phoneIcon{
	position: absolute;
	margin-top: 25;
	margin-left: (window.innerWidth * .55) + 0;
}

.emailIcon{
	position: absolute;
	margin-top: 25;
	margin-left: (window.innerWidth * .55) + 150;
}

.invoiceDiv{
	width: 50%;
	position: absolute;
	margin-left: 25%;
	padding-top: 85;
	color: rgb(47, 46, 46);
	font-family: sans-serif;
	text-align: center;
}

.redirButton{
	height: 30px;
	margin-top: 100;
	text-align: center;
	border: none;
	background-color: rgb(0, 88, 112);
	color: rgb(255, 255, 255);
	font-size: 16px;
	width:20%
}