body {
  font-family: Verdana, Arial;
  font-size: 16px;
  
  margin: 40px;
  background-color: #bbb;
  
}

table {
  font-family: Verdana, Arial;
  font-size: 14px;
}

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  
}

.reportHeader {
    float: left;
    margin: 0px;
}

input[type="text" i] {
  width: 300px;
  padding:3px !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
}


.tdHidden {display: none;}
input.only-numeric {text-align: center;}
 
#sum.bagTotals {
  text-align: center;
  height: 1.3em;
  font-weight: bold;
  font-size: 1.2em;
}
input[type="input"][readonly] {background-color: #ddd;}

input[type="password" i] {
  width: 300px;
  padding:3px !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
}

select {
  width: 325px;
  padding:3px !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.selectSmall {
  width: 150px;
  padding:3px !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
}

input[type="submit" i] {
  background-color: #00a;
  color: #fff;
  padding:5px !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
}

input[type="submit" i]:hover {
  background-color: #00d;   
}

input[type="file" i] {
  background-color: #aaa;
  color: #fff;
  padding:5px;
}

input[type="file" i]:hover {
  background-color: #bbb;   
}

.reportSubmit {
 width: 200px;   
}


.headerLogo {
  background-color: #fff;
  padding: 20px;
}

.logoout {
  float: right;   
  text-align: right;
}

.mainBody {
  background-color: #fff;
  margin-top: -50px;
  padding: 50px;
  padding-top: 50px;
  min-height: 350px;
  
}

.mainWrapper {
 border-style: solid;
 border-width: 1px;
 border-color: #000;  
}

.footer {
 background-color: #eeeeff;
 /**background-image: linear-gradient(to top , #eeeeff, #ffffff);**/

 font-size: 12px;
  
 padding: 20px;
}

.ZipCodeFormat{
  width: 50px !important;
}

.loginFormInput{
  width: 150px !important;
  padding:5px !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.loginForm {
 background-color: #ffffff;
 width: 350px;
 height: 175px;
 position: relative; 
 
 border-style: solid;
 border-width: 1px;
 border-color: #000;
  
}

.uploadForm {
 margin: 0 auto;
 text-align: center;
 width: 600px;
 padding: 20px;
 
 border-style: solid;
 border-width: 1px;
 border-color: #000;
  
}

.warning {
 width: 550px;
 margin-bottom: 10px;
 background-color: #ddaaaa;
 padding: 10px;
 text-align: left;
 
 border-style: solid;
 border-width: 1px;
 border-color: #800;  
 
}

.success {
 background-color: #aaddaa;
 padding: 30px;
 text-align: left;
 
 border-style: solid;
 border-width: 1px;
 border-color: #800;  
 
}

.ticket {
 margin: auto;
 border-width: 1px; 
 border-style: solid; 
 padding: 10px; 
 width: 800px;   
}

.SuccessDialog {
 width: 550px;
 margin-bottom: 10px;
 background-color: #ccffcc;
 padding: 10px;
 text-align: middle;
 
 border-style: solid;
 border-width: 1px;
 border-color: #008800;  
 
    
}

.checkboxReport {
 transform: scale(2);
}

.checkboxAllReport {
transform: scale(2);
  background-color: #eee;
}

.reportSubMenu {
  /***
  margin: 0 auto;
  width: 1300px;
  
  margin-top: -75px;
  padding-bottom: 50px;
  margin-right: -30px;
  ***/
 
 background-color: #eee;
 padding: 10px;
 width: 80%;
 float: right;   
 text-align: right;
 margin-top: -90px;
 
}

.rightside {
 float: right;
 text-align: right; 
}

.EditInput {
    width: 50px !important;
    
}

table.sortable th {cursor: pointer;}



.tblProdItems {
	width: 800px; background-color: #bbb; border-spacing: 2px;
	tr {background-color: #fff;}
	td {padding: 5px;}
	th {padding: 5px; background-color: #eee; font-weight: normal;}
	.bagsDelivered {text-align: center;}
	.bagsReceived {text-align: center;}
	.bagsEdit {text-align: center;}
	th[colspan="100%"] {background-color: #bbb;}
	th:last-child input[type="submit"] {float: right;}
	&.editable0 {
	    .bagsDelivered {display: none;}
	    .bagsEdit {display: none;}
	}
	&.editable2 {  /* processed tickets */
	    .bagsEdit {display: none;}
	}
}

.tblLocations {
    td {white-space: nowrap;}
}

.tblTixFltr {
	th {background-color: #a2bad0; padding: 4px;}
	td {white-space: nowrap; text-align: center;}
	span {font-size: 0.8em;}
	input {width: unset;}
	input[type="text"] {width: 7em;}
	input[type="number"] {width: 3em; font-size: 0.8em;}
	input.zip {width: 3em;}
}

.tblTickets {
	width: 100%; background-color: #000; border-spacing: 1px; white-space: nowrap;
	tr {background-color: #fff;}
	th {padding: 5px; background-color: #eee; font-weight: normal; text-align: left;}
	td {padding: 5px;}
	tr.trHdr1 th {background-color: #ccc; font-weight: bold;}
	tr.trHdr2 th {background-color: #eee;}
	.delivered {text-align: center;}
	.tdDistance {display: none;}
	&.zipFltr .tdDistance {display: table-cell;}
}

a.tixLink {
    width: 12px;
    height: 16px;
    display: inline-block;
    padding-left: 4px;
    background-image: url(/images/ticket_icon.png);
    background-size: contain;
    background-repeat: no-repeat;
}