/* BILL css styles */

		
#container {
 	border: thin;
 	border-style: solid;
	position:relative;
	/*width: 750px;*/
	/*height:1030px;*/	
	left: 1px;
	top: 20px;	
 }
 #container table {
 	font-family: Verdana;
 }

  #b1first {  	
	position:relative;
	float:left;	
	width:210px;
	left: 10px;
	top: 6px;
 }
 
  #b1logo {
  	position:relative;
  	float:left;		
	width:250px;
	padding-top: 20px;
	
 }
 
  #b1third {
	position:relative;
	float:left;		
	margin-top: 10px;
	
 }
 
 #divider{
 	height:20px;
 }
 
 #b2 {
	position:absolute;
	left: 8px;
	top: 225px;
 }
 
 #b3 {
	position:absolute;
	left: 8px;
	top: 300px;
 }
 
 #b4 {
	position:absolute;
	left: 8px;
	top: 465px;	
 }
 
 #b5 {
	position:absolute;
	left: 8px;
	top: 530px;	
 }
 
 #b6 {
	position:absolute;
	left: 8px;
	top: 627px;	
 }
 
  #b7 {
	position:absolute;
	left: 8px;
	top: 710px;	
 }
 
  #signature {
	position:absolute;
	left: 8px;
	top: 780px;		
 }
  #signature table{
 	 border: none;
 }
 
 p {
 	font-size:11px;
	margin:0; 
	padding:0;
	font-family: Verdana;
 }
 
 .left {
 	text-align:left;
 }

 .right {
 	text-align:right;
 }
  
 .center {
 	text-align:center;
 }
 
 .fileNumber{
 	font-size:16px;
	text-align:center;
	padding:2px;
 }

 .completeBorder{
  	border: thin;
  	border-style: solid;
	border-color:#000000;
 }
  .dashBorder{
	border:thin;
  	border-style: dashed; 
	border-color:#000000;
 }
 
 .size_9{
  font-size:9px;
  text-align:center;    
 }
 
  .size_11{
  font-size:10px;
  font-weight:bold;
 }
 
 .size_12{
  font-size:12px;
  text-align:center;
  font-weight:bold;
  
 }
 
 .size_14{
  font-size:14px;
  text-align:center;
  font-weight:bold;
  
 }
 
  .size_16{
  font-size:16px;
  text-align:center;
  font-weight:bold;
  
 }
 
 .size_18{
   font-size:18px;
  text-align:center;
  font-weight:bold;
 }
 
 .size_20{
   font-size:20px;
  text-align:center;
  font-weight:bold;
 }
 
  .size_25{
   font-size:25px;
  text-align:center;
  font-weight:bold;
 }
/* Delivery Bill filter layout: keep the original controls and onchange behavior,
   but prevent Rows/Keyword from sliding offscreen on tablet/phone widths. */
@media (max-width: 1160px) {
  #filters.bol-filters {
    float: none;
    width: 100%;
    max-width: 100%;
    text-align: left;
    clear: both;
  }

  #filters.bol-filters form,
  #filters.bol-filters #filter_table_long {
    width: 100%;
    max-width: 100%;
  }

  #filters.bol-filters #filter_table_long {
    display: block;
  }

  #filters.bol-filters #filter_table_long tbody,
  #filters.bol-filters #filter_table_long tr {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 10px;
    align-items: end;
    width: 100%;
  }

  #filters.bol-filters #filter_table_long td {
    display: block;
    padding: 4px 0;
    text-align: left;
  }

  #filters.bol-filters #filter_table_long td:nth-child(1) {
    flex: 0 0 70px;
  }

  #filters.bol-filters #filter_table_long td:nth-child(2) {
    flex: 1 1 170px;
  }

  #filters.bol-filters #filter_table_long td:nth-child(3) {
    flex: 1 1 260px;
  }

  #filters.bol-filters #filter_table_long td:nth-child(4) {
    flex: 1 1 260px;
  }

  #filters.bol-filters #filter_table_long td:nth-child(5) {
    flex: 1 1 170px;
  }

  #filters.bol-filters #filter_table_long td:nth-child(6) {
    flex: 0 0 90px;
  }

  #filters.bol-filters #filter_table_long input[type="text"],
  #filters.bol-filters #filter_table_long select {
    box-sizing: border-box;
    width: 100%;
    min-height: 28px;
  }

  #filters.bol-filters #filter_table_long input[type="button"] {
    min-height: 32px;
    min-width: 84px;
  }
}

@media (max-width: 520px), (max-device-width: 520px) {
  #filters.bol-filters #filter_table_long td:nth-child(n) {
    flex: 1 1 100%;
  }

  #filters.bol-filters #filter_table_long input[type="button"] {
    width: 100%;
  }
}