
    .edit_tab {  margin-right: 3px; background: #bbb; color:#000;  height:30px; padding:3px;  padding-top:5px;  padding-left:8px; padding-right: 8px;}
    .edit_tab_active { margin-right: 3px;  background: #829a9a; color:#fff; height:30px; padding:3px; padding-top:5px; padding-left:8px; padding-right: 8px;}
    
     .grid-line-name {display: grid; grid-auto-rows: auto;   grid-gap: 10px;   grid-template-columns: auto auto}
     .grid-line-price {width:100%; display: grid; grid-auto-rows: auto;   
                      grid-gap: 10px;   grid-template-columns: auto auto; align-items:center}
    
    
    
    
   .StockBoxFull {
       right:-11px; top:-11px;;
        font-size:11px; color:#666; text-align: center;   
        width: 40px;
	height: 0px;
	border-left: 10px solid transparent;
	border-right: 0 solid transparent;
	border-top:20px solid #e4e4e4;
	margin: 0px auto 0;
        font-size: 12px; 
   }
    .StockFullQuantity{  width:calc(100% - 0px);  top:-16px; right:2px; }
  
   .StockMinFull {    border-top:20px solid #ebd5d5;        }
   .StockMidFull {   border-top:20px solid #ede1c5;    }
   .StockBigFull {   border-top:20px solid #dbe4ce;   }
    
   
   
   
   
   /*
    .StockBox {right:-7px; top:-7px;; font-size:11px; color:#666; text-align: center; background: #e4e4e4; 
             width:33px; height:30px; border-bottom-left-radius: 25px }
    */
    .StockBox {right:-11px; top:-11px;; font-size:11px; color:#666; text-align: center; background: #e4e4e4; 
             width:8px; height:9px; border-bottom-left-radius: 8px }
   .StockMin {     background: #e37d7d; /* width:10px; height:10px; border-radius:50%*/    }
   .StockMid {   background: #f0bf4d;  /*width:10px; height:10px; border-radius:50%*/    }
   .StockBig {   background: #91d132; /* width:10px; height:10px; border-radius:50% */   }
   
   
   .CardShaddow {/*-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,1); */
box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.10);}
   
   
    .addBasketBtn {
        right:10px; top:5px; font-size: 17px;    
    }

    .orderDisable {text-align:center; font-size:14px;  border-radius:5px; padding:5px; padding-top:6px; 
                   padding-left:8px; padding-right:8px;background: #ccc; color:#000 } 
   
   .orderButton {text-align:center; font-size:14px;  border-radius:5px; padding:6px; line-height: 1;
                padding-top:7px;  padding-left:8px; padding-right:8px;background: #c8d6d4; color:#000 }
   .orderButton:hover {cursor:pointer;}
   
   .quantityButton {text-align:center; font-size:14px;  border-top-left-radius:20px; line-height: 1; 
                   padding:4px; padding-top:5px;  padding-left:8px; padding-right:6px;background: #8495b1; color:#fff }

   
     .quantityButton2 {
         /*
         right:-11px; bottom:-15px;
        width: 105px;
        height:32px;
        background: url('https://www.datafile.pl/files/cms/b2b/product_basket_active.svg');
         */
        right:-11px; bottom:-15px;
	width: 100%;
	height: 0px;
	border-left: 18px solid transparent;
	border-right: 0px solid transparent;
	border-bottom:32px solid #8495b1;
	margin: 0px auto 0;
        
    }
 
    
     .orderBtnBox {width:100px; right:0;    font-stretch: 85%;  font-weight: 375;}
     .disableBtnBox {width:160px; right:0; color:#aaa;   font-stretch: 85%;  font-weight: 375;}
     
    .orderButton2Bg {
        right:-11px; bottom:-15px;
        width: 105px;
        height:32px;
        background: url('https://www.datafile.pl/files/cms/b2b/product_basket.svg');
        /*
        width: 100%;
	height: 0px;
	border-left: 24px solid transparent;
	border-right: 0px solid transparent;
	border-bottom:32px solid #e4e4e4;
	margin: 0px auto 0;
         */
    }
    
    .orderButton2 {
       /* right:-11px; bottom:-15px;*/
        width: 100%;
	height: 0px;
	border-left: 8px solid transparent;
	border-right: 0px solid transparent;
	border-bottom:32px solid #b3b3b3;
	margin: 0px auto 0;
        color:#fff;
       
         
    }
    .orderButton3 {
        width: 100%;
	height: 0px;
	border-left: 8px solid transparent;
	border-right: 0px solid transparent;
	border-bottom:32px solid #e4e4e4;
	margin: 0px auto 0;
         
    }
   .BasketQuantityInt {width:36px; padding-top:2px; line-height: 1; }
 
   
   
   
    
    
    
    
    .ProductBasketPriceLabel {  font-size: 26px; color: #333333; line-height: 1;
                         font-variation-settings: 'wght' 200, 'wdth' var(--fvarset-wdth), 'GRAD' var(--fvarset-GRAD), 'YTLC' var(--fvarset-YTLC); 
                         letter-spacing: 0.6px;   }
    
    .ProductBasketPrice {  font-size: 28px; color: #333333;  line-height: 1;
                         font-variation-settings: 'wght' 600, 'wdth' var(--fvarset-wdth), 'GRAD' var(--fvarset-GRAD), 'YTLC' var(--fvarset-YTLC); 
                         letter-spacing: 0.6px;  }

     
    .grid-price-unit { display: grid;  column-gap: 10px; grid-template-columns: max-content max-content ;  align-items:center; }
     
    .grid-price-basket { display: grid;  column-gap: 12px; grid-template-columns:   auto max-content;  align-items:center; }
   
    .products-settings {line-height:1;   display: grid;  column-gap: 10px;   
                       grid-template-columns: auto max-content max-content max-content max-content ; 
                       align-items:center;   }
    .content {height:100%; display:flex; flex-wrap: wrap; 
             align-items: center; background: #fff;
            padding-left:10px; padding-right:10px; }
   
    .products-pagination {line-height:1; min-height:36px; display: grid;  column-gap: 3px;   
                       grid-template-columns: auto max-content    ; 
                       align-items:center;  margin-top:20px;}
    
   .products-list {    }
   .products-list hr {margin-top:15px; margin-bottom:15px; border:0; border-bottom: dotted 1px #bbb}
   
   .pagi-elem {margin-left:0px; margin-right:0px; border-radius:3px;    
              border:solid 0px;  padding-left: 3px; padding-right: 3px;}
   .pagi-elem-active {padding:3px;font-weight:600; color:#d6a389   }
   
   @media (min-width: 100px) and  (max-width: 675px)   {
       .products-settings { padding:0; margin-bottom:10px;  grid-template-columns: auto max-content max-content;  row-gap: 5px; line-height:1.3; }
       .content {   padding:0; }
   }