 .date-lab { text-align: center; } 
 .date-lab label { display: inline-block; font-weight: bold; font-size: 20px; }
 input.keyword {width: 500px; height: 36px;}
 .date-lab { margin: 15px 0; }
 .btn-search { background: #000; color: #fff; padding: 5px 25px; border: none; font-size: 20px; }
 .main-container { padding: 0 15px; max-width: 1200px; margin: auto; }

.btn-submit  { background: #000; color: #fff; padding: 10px 70px; border: none; font-size: 18px; cursor: pointer; text-decoration: none; }

.btn-finalist {float: left; margin: 0px 15px 15px 0px; background: #003f66; color: #fff; padding: 5px 15px; border: none; font-size: 18px; }

.btn-delete {float: left; margin: 0px 15px 15px 0px; background: #f44336; color: #fff; padding: 5px 15px; border: none; font-size: 18px; }

.btn-submit:hover { background: #333; }

._jsRemoveNew { background:red; color: #fff; border: none; outline: none; padding: 10px 15px; font-size: 16px; width:100%; text-align: center;   }
._jsAddNew { background: blue; color: #fff; border: none; outline: none; padding: 10px 15px; font-size: 16px; width:100%; text-align: center;   }

.select2-container--default .select2-selection--single { border-radius: 0px; padding: 5px;}

.select2-container .select2-selection--single { height: 38px; }


._isProductList > div { margin-bottom:15px; display: flex; width: 100%; padding-bottom: 15px; border-bottom: 1px solid #ccc; }

._isProductList > div input { padding: 10px; width: 10%; text-align: center; }

._isProductList > div .w-80 { width:85%; }

._isProductList > div .w-20 { width:15%; padding-left: 15px; }

.file-input input { width: auto !important; }

.file-input { background: #ccc; padding: 10px; }

.file-input { margin-top: 20px; }
 

.add-products { display: block; padding: 15px; border: 1px solid #ccc;   margin-top: 30px;  }

.select2-container { width: 88% !important;  margin-right: 2%;  }
._isProductList > div .row { display: flex; }
._isProductList > div textarea { width: 100%; height:70px; margin-top: 20px; padding: 10px; font-size: 14px; }

.select2-container--default .select2-selection--single .select2-selection__arrow { top: 5px; }


.add-products h3 { float: left; margin: 15px 0; }

._isProductList { display: block; clear: both; }

.form-add-status label,.form-add-status select { display:block; }
.form-add-status select,.form-add-status textarea { margin-bottom:12px; width:95%; padding: .4em; }
.form-add-status fieldset { padding:0; border:0; margin-top:25px; }

.pagination {  margin-top: .5rem;  margin-bottom: .5rem; }

.pagination { display: -webkit-box; display: -ms-flexbox; display: flex; padding-left: 0; list-style: none;  border-radius: .25rem; }
.pagination a {  position: relative;  display: block;  padding: .5rem .75rem;  margin-left: -1px;  line-height: 1.25; color: #007bff; background-color: #fff; border: 1px solid #dee2e6; text-decoration: none; }

table.inventory-list{
  display: inline-block;
  overflow: auto;
  height: 800px;
}
table.view-order {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

table.view-order img { width: 14px; }

.header .logoss  { padding: 15px 0; font-size:20px; padding-bottom:5px;   display: block; clear: both; }



.view-order td, .view-order th {
/*  border-left:2px solid #fff;  
    border-right:2px solid #fff;   */ border: 1px solid #000;
  text-align: left;
  padding: 8px;
}
/*
.view-order th { background: #666; color: #fff; }

.view-order td { background: #bbb; }

.view-order tr:nth-child(even) td { background: #ddd; }
*/

.row {
    text-align: left;
}

.sm-3 {
    width: 20%;
    float: left;
    margin: 0px 0px 25px 0px;
}
.sm-3 label{
	font-weight: bold;
    font-size: 20px;
}

a.ml-15 {
    margin-left: 15px;
    white-space:nowrap;
    text-decoration: none;
}

.view-order tr:nth-child(even) {
  background-color: #dddddd;
}

.order-forms div { display: flex; }

.order-forms div label { width: 30%; text-align: left; }
.order-forms div input { padding: 7px; border: 1px solid #ccc;  font-size: 16px;  } 
.order-forms  { border: 1px solid #ccc; padding:30px; margin: auto; max-width: 800px;  }

@media only screen and (max-width: 767px) {

.select2-container { width: 75% !important;  }

._isProductList > div { flex-wrap: wrap; }

._isProductList > div .w-80 { width:100%; }

._isProductList > div .w-20 { width:100%; padding: 10px 0 0 0;   }

.order-forms div { flex-wrap:wrap; }
.order-forms div label { width: 100%; text-align: left; padding-bottom: 5px;  }


}

@media only screen and (max-width: 479px) {

.select2-container { width:80% !important;  }

._isProductList > div input { width: 20%; }



}



/*29 aug*/

.add-products .row {  display: flex; align-items: center;
justify-content: center; padding: 5px 0; }

.add-products .row label { width: 150px; text-align: left; }


.add-products select,
.add-products .hasDatepicker { border: 1px solid #333; width:200px; padding: 10px; }

.tables__receive .view-order tr th:nth-child(3),
.tables__receive .view-order tr td:nth-child(3) {   overflow: hidden;
  text-overflow: ellipsis;
  max-width: 150px; }  

/* .tables__receive .view-order { font-size: 13px;  } */

.tables__receive a.ml-15 { margin-left: 4px; }

.tables__receive {      overflow-x: scroll; margin: 0 50px;   }

.tables__receive a{ color: #000; }

@media only screen and (min-width: 1500px) {

.view-order td, .view-order th { padding: 15px; }

}