#contenainer {
  overflow: hidden;
}
.product-number {
  float: right;
  border: 1px solid blue;
  color: blue;
  padding: 3px;
  margin-right: 10px;
}
.onprocess {
  background-color: #FFCFCF;
}
input.active, textarea.active {
  border: 1px solid red;
}
#product-dosage td, #product-dosage input {
  text-align: center;
}
.listing-form{
  padding-top:40px;
}
#Retail table {
  border-collapse: collapse;
}
.red {
  color: #FD1414;
  font-weight: bold;
}
.blue {
  color: #00f;
  font-weight: bold;
}
.center {
  text-align: center;
}
.right {
  text-align: right;
}
#hidden {
  display: none;
}
#contenainer {
  overflow: hidden;
}
.form-control {
  margin: 5px;
  display: flex;
  justify-content: space-between;
  width: 165px;
}
.category .form-control, .category .subcategories {
  float:left;
}
.category .subcategories {
  width: 550px;
}
.subcategories div {
  margin-right: 10px;
  float: left;
}
#Format, input[name=Product]{
  background-color: #CCC;
  border: 1px solid #000;
  height: 22px;
}
.strike {
}
.RetailSize{
  background-color: #CCC;
  border: 1px solid #000;
  width: 38%;
  display: inline-block;
  margin-left: 5px;
  height: 20px;
}
.border {
  border: 2px solid #f00 !important;
}
.border-tr {
  outline: 2px solid #f00 !important;
}
.benefitclip {
  margin-left: 5px;
}
.benefit {
  min-width: 500px;
}
.danger{ border-color:#F00; border:2px solid #F00;}
.product_image .ShowBrowse{
  display: inline-block;
  line-height: 14px;
  margin: 5px 5px;
  border: 1px solid #666;
  border-radius: 0.25em;
  background-image: linear-gradient( to bottom, #fff, #ccc );
  box-shadow: inset 0 0 0.1em #fff, 0.2em 0.2em 0.2em rgba( 0, 0, 0, 0.3 );
  font-family: arial, sans-serif;
  font-size: 0.8em;
  padding:5px 10px;
}
.product_image .ShowBrowse:hover {
  border-color: #3c7fb1;
  background-image: linear-gradient( to bottom, #fff, #a9dbf6 );
}
.product_image .ShowBrowse:focus {
  padding: 0  0.56em 0 0.68em;
}
.variations .ShowBrowse {
  display: inline-block;
  line-height: 14px;
  margin: 0 2px;
  border: 1px solid #666;
  font-family: arial, sans-serif;
  font-size: 0.8em;
  padding: 4px 5px;
}
.variation-image {
  position: relative;
}
.variation-image:hover .image {
  display: block;
}
.variation-image .image {
  width: 200px;
  position: absolute;
  top: -100%;
  right: 100%;
  background-color: #fff;
  border: 1px solid;
  display: none;
}
.variation-image .image img {
  max-width: 100%;
}
#popup {
  max-width: 500px;
  position: fixed;
  display: none;
  box-shadow: 0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19);
  background-color: #fff;
  padding: 5px 16px;
  cursor: pointer;
}
.hightlight {
  background-color: #ff0;
}
.table-list {
  flex: 1;
  overflow-y: scroll;
  scrollbar-width: thin;
  scrollbar-color: #757575 transparent;
}
#ProductList {
  position: relative;
  overflow-y: hidden;
  overflow-x: hidden;
  height: 2750px;
  flex: 0 0 520px;
  height: calc(100vh - 50px);
  z-index: 11;
}
#eachProduct {
  cursor: pointer;
}
.center {
  text-align: center;
}
.productHelpHeader {
  border-right: solid black 1px;
  position: sticky;
  top: 0;
  background: white;
  z-index: 1;
}
.productHelpHeader.Recipe {
  width: 70px;
}
.productHelpHeader.transfer-recipe {
  width: 70px;
}
.productHelpHeader.Bulk {
  width: 70px;
}
.productHelpHeader.transfer-bulk {
  width: 70px;
}
.productHelpHeader.back-order {
  width: 70px;
}
.productHelpHeader.transfer-bo {
  width: 70px;
}
.productHelpHeader.Delivery {
  width: 70px;
}
.productHelpHeader.size {
  width: 70px;
}
.productHelpHeader.day {
  width: 70px;
}
.productHelpHeader.location {
  width: 70px;
}
#eachProduct {
  white-space: nowrap;
  overflow: hidden;
  width: 240px;
  line-height: 35px;
  text-indent: 10px;
  text-align: left;
  border: 2px solid #ffffff00;
}
.rightBlock{
  height: calc(100vh - 50px);
  overflow: hidden;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.content {
  overflow: auto;
}
.content img {
  max-width: 100%;
}
.sticky-bar {
  border: 1px solid;
  z-index: 10;
}
.sticky-bar, #control {
  background-color: #757575;
}
#ProductList select {
  width: 39px;
}
#certificates {
  display: flex;
  flex-wrap: wrap;
}
.certificate {
  flex: 0 0 25%;
  display: flex;
}
.certificate img {
  max-height: 50px;
  height: auto;
}
.certificate label {
  margin: auto 0;
}
.col-left, .col-right {
  padding: 3px;
  border: 1px solid;
}
.col-left {
  flex: 0 0 176px;
}
.col-right {
  flex: 1;
}
.cat-filter {
  cursor: pointer;
  padding: 3px 8px 3px 8px;
  border: 1px solid black;
  background: #fff;
}
button > span{
  color: white;
  text-shadow: 0 0 2px black;
}
#product-search {
  width: 120px;
  padding: 3px;
}
ul.wordsContainer {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
ul.wordsContainer ul {
  width: 25%;
  float:left;
  list-style-type: none;
  padding: 0
}
ul.wordsContainer3 {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
ul.wordsContainer3 ul {
  width: 33%;
  float:left;
  list-style-type: none;
  padding: 0
}
ul.wordsDragSort {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
ul.wordsDragSort li {
  float: left;
  padding: 3px;
  margin: 3px;
  cursor: move;
  font-size: 13px;
}
.multiselect {
  display: inline-block;
}
.tab-content {
  display: none;
  background-color: #dbd6d6;
}
.tab-content table{
  width: 100%;
}
.tab-content.active {
  border: none;
  display: block;
  width: 100%;
}
.tab > .active {
  background-color: #d3eacc;
}
/*<!------ SUPPLIER PURCHASE  ------->*/
.row-form {
  background-color: #C1AADD;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-bottom-color: #000000;
  border-top-style: solid;
  border-top-width: 2px;
  border-top-color: #000000;
  overflow: visible;
  width: 100%;
}
.row-purchase-form {
  background-color: #C1AADD;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-bottom-color: #000000;
  border-top-style: solid;
  border-top-width: 2px;
  border-top-color: #000000;
  overflow: visible;
  width: 100%;
}
.row-form .supplier-container {
  overflow: auto;
}
.row-form #filter-form {
  margin: 0;
}
.row-form .form-footer {
  padding: 5px 15px;
}
.row-form #note{
  float: left;
  display: block;
  text-align: center;
  margin-left: 2px;
}
.row-form #AddNewSupplier {
  float: left;
  display: block;
  width: 40px;
  text-align: center;
  margin-left: 5px;
  margin-right: 0px;
}
.row-form #Cost {
  display: block;
  float: left;
  width: 55px;
  text-align: center;
  line-height: 30px;
  margin: 0;
}
.row-form #CostAvg {
  float: left;
  display: block;
  width: 50px;
  text-align: center;
  margin-left: 2px;
}
.row-form #BagSize {
  float: left;
  display: block;
  width: 50px;
  text-align: center;
  margin-left: 2px;
}
.row-form #SupplierDiscount {
  float: left;
  display: block;
  width: 50px;
  text-align: center;
  margin-left: 2px;
}
.row-form #CostAvgLast {
  display: block;
  width: 55px;
  float: left;
  line-height: 30px;
  text-align: right;
}
.row-form #Currency {
  float: left;
  display: block;
  width: 35px;
  line-height: 30px;
  text-align: left;
}
.row-form #DateDelivery, .row-form .DateOrdered {
  float: left;
  display: block;
  width: 75px;
  text-align: left;
  padding: 0;
}
.row-form #DateExpiration {
  float: left;
  display: block;
  text-align: left;
  padding: 0;
}
.row-form .carrier {
  width: 40px;
}
.row-form .no-stock {
  background-color: #ffc3c3 !important;
}
.row-form #DateDelivery input {
  text-align: left;
  background-color: #E8CCEA;
}
.row-form .DateOrdered input {
  background-color: #E8D381;
}
.row-form #DateExpiration input {
  text-align: left;
  background-color: #D3EACC;
}
.row-form #DeleteInventoryItem {
  float: left;
  display: block;
  width: 40px;
  margin-left: 5px;
  margin-right: 5px;
  text-align: center;
}
.row-form #DeleteInventoryItemButton {
  background-color: #FF6464;
}
.row-form #deletingSupplier button {
  float: left;
  width: 40px;
  display: block;
  text-align: left;
  background-color: #FF6464;
}
.row-form #DubingSupplier button{
  float: left;
  width: 40px;
  display: block;
  text-align: left;
  margin-left: 2px;
  background-color: #FFFC43;;
}
.row-form #purchasingSupplier button{
  float: left;
  width: 50px;
  display: block;
  text-align: center;
  margin-left: 2px;
  margin-right: 5px;
  background-color: #fbac09;
}
.row-form #orderingSupplier button{
  float: left;
  width: 40px;
  display: block;
  text-align: left;
  margin-left: 2px;
  margin-right: 5px;
  background-color: #40A4DF;
}
.row-form #Format {
  display: block;
  float: left;
  text-indent: 10px;
  text-align: left;
}
.row-form #Format input {
  width: 90%;
}
.row-form .item-container {
  min-height: 31px;
  background-color: #F2D2A7;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #000000;
}
.supplier-pricing {
  background-color: #F2D2A7;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-bottom-color: #000000;
  border-top-style: solid;
  border-top-width: 2px;
  border-top-color: #000000;
  overflow: visible;
  width: 100%;
}
.row-form input {
  text-align: center;
  outline: none;
  box-shadow: none;
}
.row-form  .inventory-edit-cell {
  padding-top: 5px;
  padding-bottom: 8px;
}
.row-form #Link {
  float: left;
  display: block;
  width: 90px;
  text-align: left;
  margin-left: 2px;
}
.row-form #Lots {
  display:none;
}
.row-form #Product {
  float: left;
  width: 240px;
  display: block;
  line-height: 30px;
  text-indent: 10px;
  text-align: left;
  margin-right: 5px;
  border: none;
}
.row-form #Purchase, .row-form .field {
  float: left;
  display: block;
  width: 30px;
  text-align: center;
  margin: 0;
  padding: 0;
}
.row-form #Ordered {
  float: left;
  display: block;
  width: 40px;
  text-align: center;
}
.row-form #OpenLink button {
  float: left;
  display: block;
  width: 40px;
  text-align: left;
  margin-left: 3px;
  background-color: #FFF;
}
.row-form #StockRecipe,
.row-form #StockRecipeSize,
.row-form #StockRecipeUnit {
  float: left;
  display: block;
  width: 50px;
  text-align: center;
  margin-left: 2px;
}
.row-form #StockRecipeSize,
.row-form #StockRecipeUnit {
  width: 35px;
}
.row-form #PurchaseTotal {
  display: block;
  width: 40px;
  float: left;
  line-height: 30px;
  text-align: center;
}
.row-form #Quality {
  float: left;
  display: block;
  width: 50px;
  text-align: center;
  margin-left: 5px;
}
.row-form #ResetInventoryEbaySold {
  float: left;
  display: block;
  width: 50px;
  text-align: center;
}
.row-form #ResetInventoryButton {
  background-color: #E3C0E4;
  width: 30px;
}
.row-form #Retail {
  display: block;
  width: 65px;
  float: left;
  line-height: 30px;
  text-align: right;
  margin-right: 5px;
  padding-right: 5px;
}
.row-form #StockRetailLB {
  float: left;
  display: block;
  width: 50px;
  text-align: center;
  margin-left: 2px;
  padding: 0;
}
.row-form #StockBulk {
  float: left;
  display: block;
  width: 50px;
  text-align: center;
  margin-left: 2px;
  padding: 0;
}
.row-form #StockTotal {
  display: block;
  width: 40px;
  float: left;
  line-height: 30px;
  text-align: center;
}
.row-form #Freight {
  float: left;
  display: block;
  width: 40px;
  text-align: center;
}
.row-form #Supplier {
  float: left;
  display: block;
  width: 120px;
  text-align: center;
}
.row-form .supplier-row {
  clear: both;
}
.row-form #StockUnit {
  float: left;
  display: block;
  width: 35px;
  line-height: 30px;
  text-align: left;
}
.row-form #SupplierUnit {
  float: left;
  display: block;
  width: 30px;
  text-align: center;
}
.row-form #UpdateInventoryItem {
  float: left;
  display: block;
  width: 60px;
  margin-left: 5px;
  margin-right: 5px;
  text-align: center;
}
.row-form #UpdateInventoryItemButton {
  background-color: #9AD796;
}
.row-form #SupplierSize {
  float: left;
  display: block;
  width: 40px;
  text-align: center;
}
.row-form #ProductVolume {
  display: block;
  float: left;
  width: 40px;
  text-align: left;
  line-height: 30px;
  padding-right: 5px;
}
.row-form #StockSize, .row-form .StockBulkLocation {
  float: left;
  display: block;
  width: 40px;
  line-height: 30px;
  text-align: right;
}
.row-form #ProductWeight {
  display: block;
  float: left;
  width: 40px;
  text-align: left;
  line-height: 30px;
  text-align: center;
  padding-right: 5px;
}
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: '';
}
span.number {
  padding-left: 5px;
}
.row-form #StockMin {
  display: block;
  float: left;
  width: 40px;
  text-align: left;
  line-height: 30px;
  padding-left: 10px;
}
#SupplierItem {
  display: block;
  width: 70px;
  text-align: center;
}
.supplier-row {
  clear: both;
}
.ui-autocomplete {
  max-height: 300px;
  overflow-x: hidden;
}
.Zebra_DatePicker_Icon_Wrapper button {
  top: 2px !important;
}
#deliverySupplier {
  float:left ;
}
.stockage input {
  width: 48px;
  text-align: center;
}
.stockage {
  padding: 5px 0 8px 0;
  display: inline-block;
  float: left;
  margin-left: 10px;
  line-height: 15px;
}
.supplier-container .supplier-field {
  width: 50px;
  background-color: #D3EACC;
  float: left;
}
.product-box  {
  float: left;
  display: block;
  width: 240px;
  text-align: left !important;
  text-indent: 10px;
}
/*<!------ RETAIL  ------->*/
#retail-form .print {
  flex: 0 0 191px;
}
#retail-form .defaultRetail {
  width: 50px;
}
#retail-form .stockmin {
  flex: 0 0 30px;
}
#retail-form .StockRetail {
  margin-left: 5px;
  margin-right: 5px
}
#retail-form .StockRetailRadioOZ {
  flex: 0 0 22px;
}
#retail-form .StockRetailRadioLB {
  flex: 0 0 22px;
}
#retail-form .action {
  flex: 0 0 34px;
}
#retail-form .StockLocation, #retail-form {
  flex: 0 0 55px;
  border-left: 1px solid;
}
#retail-form .StockRetailShop {
  flex: 0 0 40px;
  border-left: 1px solid;
}
#retail-form .variation {
  flex: 0 0 90px;
  border-left: 1px solid;
}
#retail-form .attribute {
  flex: 0 0 90px;
  border-left: 1px solid;
}
#retail-form .attribute select{
  width: 100%;
}
#retail-form .StockRetailShop input{
  width: 40px;
  background-color: #ccfff1d9;
}
#retail-form .weight {
  border-left: 1px solid;
  flex: 0 0 31px;
}
#retail-form .retailbodi {
  flex: 0 0 47px;
  border-left: 1px solid;
}
#retail-form .promo {
  flex: 0 0 32px;
  border-left: 1px solid;
}
#retail-form .mbodi {
  flex: 0 0 38px;
  border-left: 1px solid;
  display: none;
}
#retail-form .retailer {
  flex: 0 0 35px;
  border-left: 1px solid;
}
#retail-form .retailshop
{
  flex: 0 0 46px;
  border-left: 1px solid;
}
#retail-form .stock, #retail-form .cost {
  flex: 0 0 47px;
  border-left: 1px solid;
}
#retail-form .packfee, #retail-form .shipfee, #retail-form {
  flex: 0 0 45px;
}
#retail-form .shipfee {
  flex:  0 0 50px;
}
#retail-form .retail {
  border-left: 1px solid;
  flex:  0 0 60px;
}
#retail-form .stock, #retail-form .packfee, #retail-form .shipfee, #retail-form .retailer, #retail-form .profit, #retail-form .sku  {
  border-left: 1px solid;
  box-sizing: border-box;
}
#retail-form .sku{
  flex: 0 0 150px;
}
#retail-form .profit{
  flex: 0 0 42px;
  justify-content: center;
}
#retail-form .markup{
  border-left: 1px solid;
  flex: 0 0 82px;
}
#retail-form input.markup-value {
  width: 50px;
}
.retail-header {
  display: flex;
  font-size: 13px;
  font-family: arial;
  text-align: center;
}
.adjust-form {
  display: flex;
  background-color: #aaa;
}
#adjust-form input.disabled {
  color: #f02523;
}
#addRetailFrm input {
  width: 100%;
}
#addRetailFrm .HeaderProduct, #adjust-form .HeaderProduct {
  flex: 0 0 453px;
}
#adjust-form .HeaderProduct {
  justify-content: flex-end;
}
#adjust-form .HeaderProduct .field {
  flex: 0 0 116px;
}
#adjust-form .Stock {
  flex: 0 0 110px;
  text-align: right;
}
#adjust-form .adjustinput input{
  width: 30px;
  text-align: center;
}
#adjust-form {
  background-color: #aaa;
}
#adjust-form .cell {
  align-items: flex-start;
}
#retail-form .cell.space {
  width: 26px;
}
#adjust-form .HeaderRetail {
  flex: 0 0 500px;
  text-align: center;
}
.cell{
  box-sizing: border-box;
  padding: 0 0px;
  justify-content: center;
}
.cell.HeaderRetail {
  justify-content: space-around;
  flex: 0 0 500px;
}
.cell.Stock {
  flex: 0 0 50px;
}
.HeaderStock {
  flex: 0 0 380px;
  text-align: center;
}
.HeaderStock .field {
  flex: 0 0 85px;
}
input.number{
  text-align: center;
  width: 40px;
  background-color: white;
  margin-right: 10px;
}
.adjust-form input[type=text]{
  text-align: center;
  width: 30px;
  background-color: white;
  margin-right: 0px;
}
.cell .field.number {
  flex: 0 0 45px;
}
.HeaderRetail .field:nth-of-type(3) {
  flex: 0 0 85px;
}
.variations .field {
  text-align: center;
  padding: 1px 0;
  box-sizing: border-box;
}


.product_image .dimension {
  display: inline-block;
  border-bottom: 2px solid #f00;
  border-right: 2px solid #f00;
  padding: 5px;
  position: absolute;
  text-align: center;
  margin-left: 10px;
  width: 50px;
  top: 25px;
}
.dimension .height {
  position: absolute;
  right:  -45px;
}
.product_image td {
  position: relative;
}
.modal {
  display: none;
  text-align: center;
  position: fixed;
  z-index: 15;
  padding-top: 50px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, .4);
}
.restricted {
  color: #f00;
}
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  display: inline-block;
  max-width: 800px;
}

.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
.store-listing-link-container label {
  width: 70px;
  display: inline-block;
}
.store-listing-link-container a {
  margin-right: 5px;
}
.store-listing-link-container .store-listing-link {
  width: 150px;
  display: inline-block;
}
.retail-switch, .retail-date {
  width: 100%;
  margin: 5px;
}

.submenu-item-p {
  border: 1px solid black;

}
.submenu-item-p.active {
  background-color: #d3eacc;
}
.list-tab-product {
  border: 1px solid black;
  padding: 4px;
  padding-left: 8px;
  padding-right: 8px;
  background-color: #c5e4f0;
}
.list-tab-purchase {
  border: 1px solid black;
  padding: 4px;
  padding-left: 8px;
  padding-right: 8px;
  background-color: #f7e4e4;;
}
.list-tab-delivery {
  border: 1px solid black;
  padding: 4px;
  padding-left: 8px;
  padding-right: 8px;
  background-color: #ffe0b8;
}
.list-tab-inventory {
  border: 1px solid black;
  padding: 4px;
  padding-left: 8px;
  padding-right: 8px;
  background-color: #dcf2d4;
}
.list-tab-sync {
  border: 1px solid black;
  padding: 4px;
  padding-left: 8px;
  padding-right: 8px;
  background-color: #f0a9e8;
}
.profit {
  display: flex;
}
.main-menu-tab-print {
  border: 1px solid black;
  float: right;
  padding: 4px;
  padding-left: 8px;
  padding-right: 8px;
}
.main-menu-tab-print-del {
  border: 1px solid black;
  float: right;
  padding: 4px;
  padding-left: 8px;
  padding-right: 8px;
  margin-left: 5px;
}

.main-menu-tab-edit-del {
  border: 1px solid black;
  float: right;
  padding: 4px;
  padding-left: 8px;
  padding-right: 8px;
}
.main-menu-tab.active {
  background-color: #000;
  color: white;
  border: 1px solid black;
  padding: 4px;
  padding-left: 8px;
  padding-right: 8px;
}

.hidden {
  display: none !important;
}

.inventory-tab-th  {
  cursor: pointer;
}

.color-red {
  color: red;
  font-weight: bold;
}

.cursor-pointer {
  cursor: pointer;
}
.main-products-table {
  border-spacing: 1px;
  width:100%
}

.del-supplier-btn,
.del-quantity-btn {
  border: 1px solid black;
}
.del-supplier-btn.active,
.del-quantity-btn.active {
  background-color: #d3eacc;
}

.del-modal-content {
  z-index: 1003;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 900px;
  height: 400px;
  background: white;
  left: 0;
  right: 0;
  margin: auto;
  padding: 20px;
}

.del-modal-back {
  background: #00000087;
  position: absolute;
  z-index: 1000;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.del-modal {
  z-index: 1000;
  top: 0;
  left: 0;
  right: 0;
  position: absolute;
  bottom: 0;
  display: none;
}

.del-modal.show {
  display: block !important;

}

.del-modal h4 {
  width: 100%;
  text-align: center;
  padding: 0px;
  margin: 0px;
  margin-bottom: 30px;
}

.del-modal-body {
  display: flex;
  flex-direction: column;
}

.del-modal-items {
  border: 1px solid #000000bf;
  margin-right: 15px;
  overflow-y: scroll;
  overflow-x: hidden;
  max-height: 300px;
}

.del-modal-item {
  padding: 5px;
  margin-bottom: 1px;
  cursor: pointer;
}

.del-modal-item .item-name {
  width: 246px;
  display: inline-block;
}

.del-modal-item .item-date {
  width: 41px;
  display: inline-block;
}
.del-modal-item .item-supplier {
  width: 100px;
  display: inline-block;
}
.del-modal-item .item-stocksize,
.del-modal-item .item-stockunit,
.del-modal-item .item-ordered {
  width: 41px;
  display: inline-block;
}
.del-modal-form {
  display: flex;
  flex-direction: column;
  height: auto;
  justify-content: space-around;
}
.del-modal-form .wrapper {
  text-align: center;
  margin: 12px 0;
}

.del-modal-form input {
  width: 150px
}

.del-modal-form .trck-inp {
  height: 21px;
  margin-left: 20px;
}
.del-modal-form button {
/*width: 100px;*/
}


.item-delete {
  width: 10px;
  cursor: pointer;
  color: rgb(131, 11, 11);
}

.item-warn {
  width: 10px;
  color: red;
  margin-right: 15px;
}

.item-ok {
  width: 12px;
  color: rgb(0, 17, 255);
  margin-right: 11px;
}

.item-ok i {
  margin-left: 1px;
}

.del-close-modal {
  float: right;
  cursor: pointer;
}

.del-modal-content select {
  height: 21px;
  margin-left: 15px;
  border-radius: 3px;
}

.del-checkboxrs.border-tr {
  outline: none !important;
}
.del-checkboxrs, .del-order, .del-trck {
  width: 30px;
}
.small-input {
  width: 40px;
  text-align: center;
}
.process {
  position: absolute;
  background: #fff;
  padding: 5px;
  display: none;
}
.onprocess .process {
  display: block;
  min-width: 100px;
  right: 0;
}
.onprocess {
  background-color: #FFCFCF!important;
}
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: unset;
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {background-color: #ddd}

.dropdown:hover .dropdown-content {
  display: block;
}
.nouploadstock, .nouploadprice {
  display: none!important;
}
/* label */
.boxes .block {
  width: 560px;
  height: 430px;
/*border: 1px solid #000000;*/
display: flex;
clear: both;
margin: 10px;
position: relative;
}

.boxes .title {
  font-size: 30px;
  font-weight: bold;
  font-family: "Times New Roman";
  text-align: center;
  display: block;
  float: left;
  clear: left;
  width: 100%;
  margin-top: 20px;
}
.boxes .desc {
  font-size: 40px;
  font-weight: bold;
  font-family: "Times New Roman";
  text-align: center;
  display: block;
  width: 100%;
  margin-top: 55px;
  color: red;
}
.boxes .price {
  font-size: 30px;
  font-weight: bold;
  font-family: "Times New Roman";
  text-align: center;
  display: block;
  float: left;
  clear: left;
  width: 100%;
  margin-top: 10px;
  display: flex;
  justify-content: space-around;
}
.boxes .price .box {
  border: 1px solid;
  padding: 7px;
  align-items: stretch;
  height: 35px;
}
.boxes .benefits:hover {
  background-color: #f2f2fd;
}
.boxes .benefits {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  font-size: 18px;
  font-weight: bold;
  font-family: "Arial";
  text-align: center;
  white-space: normal;
  clear: left;
  padding-left: 30px;
  padding-right: 30px;
  position: relative;
  box-sizing: border-box;
  width: 100%;
  flex-grow: 1;
}
.boxes .benefits ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.boxes .logo {
  width: 70px;
  height: 70px;
  margin: 0;
}
.boxes .logo img {
  width: 85px;
}
.boxes .image {
  font-size: 20px;
  font-weight: bold;
  font-family: "Times New Roman";
  text-align: center;
  white-space: normal;
  display: block;
  float: left;
  clear: left;
  width: 100%;
  margin-top: 10px;
}
.boxes .content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 10px;
  width: 100%;
  overflow: hidden;
  border:1px solid #000;
}
.boxes .box2 .image {
  display: flex;
  flex: 1;
  justify-content: center;
  flex-direction: column;
}
.sortable-sup .multiselect .menu {
  right: 0;
}
.block.sticker {
  width: 2.4in;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.block.sticker .card {
  width: 2.25in;
/*height: 1.5in;*/
margin: 5px;
padding: 5px 0;
text-align: center;
font-family: "Times New Roman";
border: 1px solid;
display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
}
.block.sticker .product, .block.sticker .specification {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 18px;
  font-family: "Arial"
}
.block.sticker .stickerTable .product {
  font-size: 16px;
}
.block.sticker .title {
  font-size: 18px;
  font-weight: bold;
  font-family: "Times New Roman";
}
.block.sticker .label {
  font-weight: 600;
}
.block.sticker .serving, .block.sticker .expdate, .block.sticker .content-size {
  font-size: 18px;
  font-family: "Times New Roman";
}
.block.sticker table.stickerTable {
  width: 2.4in;
  border-collapse: collapse;
  border: 1px solid;
  background-color: #fff;
  text-align: left;
}
table.stickerTable input, table.stickerTable select {
  text-align: center;
  width: 33px;
}
.block.sticker table.stickerLabel {
  border-collapse: collapse;
  border: 1px solid;
  background-color: #fff;
  text-align: center;
}
.stickerLabel .variation {
  font-weight: bold;
  font-size: 14px;
}
.stickerLabel .price {
  font-weight: bold;
  font-size: 14px;
}

.stickerTable .block.sticker .product {
  padding: 5px;
}
.after {
/*float: right;*/
display: block;
text-align: center;
font-size: 18px;
}
.block.sticker table.stickerTable .stock {
  text-align: left;
  font-size: 14px;
  vertical-align: top;
}
#sticker-variation {
/*float: left;*/
}
#printIngredientsTable .product_name, #printIngredientsTable .product_specification {
  text-align: left;
}
#printIngredientsTable {
  float: left;
  margin: 0px 10px;
}
#sticker-variation .oz, #sticker-variation .lb, #sticker-variation .other {
  float: left;
}
#stickerEdit label {
  display: inline-block;
  width: 50px;
}
.block.stikcer .avg {
  font-size: 20px;
}
.block.sticker table.stickerTable tr td{
  padding: 5px;
  border: 1px solid;
  width: 25%;
  height: 0.5in;
  vertical-align: top;
}
#sticker, #printStickerTable {
  float: left;
}
#printStickerTable .cell .attribute{
  font-size: 14px;
}
#stickerform {
  overflow: hidden;
}
.edited {
  background: #FFD9FF;
}
#retailform .Title_ProductName {
  width: 150px;
}
#retailform .Title_Specification {
  width: 150px;
}
.Title_Quality {
  width: 220px;
}
.Title_Size {
  width: 150px;
}
#Supplier {
  position: relative;
}
.auto-list {
  position: absolute;
  background-color: #fff;
  z-index: 1;
  right: 0;
  left: 0;
  border: 1px solid #cecece;
  max-height: 90px;
  overflow-y: auto;
  width: 150px;
}
.auto-list .item{
  cursor: pointer;
  padding: 3px;
}

.auto-list .item:hover{
  background-color: #cecece;
}
.printSticker{
  background-color: #fdfb91;
}
#printAnalysis, .printWithInput {
  width: 50px;
  margin: 10px;
  padding: 10px;
  background-color: #fdfb91;
}
#printAnalysis {
  display: block;
  margin: auto;
}
#analysis table, #analysis table tr td  {
  border: 1px solid;
  border-collapse: collapse;
}
#analysis table {
  margin: 10px auto;
  width: 80%;
}
#analysis table tr td  {
  padding: 5px;
}
#analysis table.a tr td:nth-child(1),
#analysis table.a tr td:nth-child(3)
{
  background-color: #67ac54;
}

#analysis table.a tr td:nth-child(2),
#analysis table.a tr td:nth-child(4)
{
  background-color: #82db6a;
}
#analysis table.b {
  background-color: #fff;
}
#printLabel {
  background-color: #9DACFF;
  position: absolute;
  right: 0;
  top: 0;
}
.switchBIBox {
  position: absolute;
  right: -125px;
  top: 155px;
  width: 120px;
}
.analysis-input {
  width: 45px;
}
.analysis-text {
  width: 280px;
}

#printIngredientsTable .barcode{
  display: table-cell;
  vertical-align: middle;
  width: 40px;
}
#printIngredientsTable .barcode canvas{
  width: 40px;
  height: 40px;
}
.StockBulkLocation .label {
  color: red;
}
.bg-red {
  background-color: #ffe8e8!important;
}
.bg-green {
  background-color: #b3ffb3;
}

.checkbox-container {
  margin: 0 3px;
  display: inline-block;
  height: 14px;
  width: 14px;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.checkbox-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 14px;
  width: 14px;
  background-color: #fff;
  border: 2px solid;
  box-sizing: border-box;
}


.checkbox-container input:checked ~ .checkmark {
  background-color: #000;
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.checkbox-container input:checked ~ .checkmark:after {
  display: block;
}

.checkbox-container .checkmark:after {
  left: 3px;
  width: 2px;
  height: 6px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.tracking-url {
  font-size: 12px;
}
.SHIP .supplier {
  font-size: 12px;
}
.replace {
  cursor: pointer;
  background-color: yellow;
  color: #00f;
}
.p-edit {
  text-align: left;
}
.p-edit .save {
  float: right;
}
.adjust-form .VariationName input{
  text-align: left;
}
.transfer-stock {
  border: 1px solid;
  background: #fff;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  padding: 1px;
  text-align: center;
  cursor: pointer;
  user-select: none;
  margin: auto;
  position: relative;
}
.transfer-stock:hover {
  background: #ecaaaa;;
}
.variation-print {
  cursor: pointer;
}