#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: 240px;
    }
    .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:2px solid #F00!important;}
  .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: 12px;
    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;
  }
  #retail-form .variation-image {
    position: relative;
  }
  #retail-form .variation-image:hover .image {
    display: block;
  }
  #retail-form .variation-image .image {
    width: 200px;
    position: absolute;
    top: -100%;
    right: 100%;
    background-color: #fff;
    border: 1px solid;
    display: none;
  }
  #retail-form .variation-image .image img {
    max-width: 100%;
  }
  .restricted-check {
    position: relative;
  }
  #popup {
    max-width: 500px;
    position: absolute;
    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;
    top: 100%;
    z-index: 1;
  }
  .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;
    flex: 0 0 460px;
    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;
  }
  #eachProduct {
    white-space: nowrap;
    overflow: hidden;
    width: 240px;
    line-height: 25px;
    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: 95%;
    text-align: center;
  }
  #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;
  }
  .table {
    display: flex;
  }
  .col-left, .col-right {
    padding: 3px;
    border: 1px solid;
  }
  .col-left {
    flex: 0 0 176px;
  }
  .col-right {
    flex: 1;
  }
  #FormatHeader, #SupplierHeader{
    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;
    flex: 1;
  }
  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: 30px;
}
  #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 66px;
    border-left: 1px solid;
  }
  #retail-form .attribute {
    flex: 0 0 90px;
    border-left: 1px solid;
  }
  #retail-form .attribute input{
    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 input.retail{
    width: 53px;
  }
  #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;
  }
  #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;
}