/*@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Display:wdth,wght@97,420&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Display:wdth,wght@63..100,100..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:slnt,wdth,wght,GRAD,XTRA,YOPQ,YTAS,YTDE,YTFI,YTLC,YTUC@-10..0,25..151,100..1000,-200..150,323..603,25..135,649..854,-305..-98,560..788,416..570,528..760&display=swap');

:root {
  --checkh: 18px;
  --colorGreen: #00bb00;

  --fvarset-wght: 275;
  --fvarset-wdth: 50;  
  --fvarset-GRAD: 250;
  --fvarset-YTLC: 550;

  --menuLeftElemSettings: 'wght' 180, 'wdth' var(--fvarset-wdth), 'GRAD' var(--fvarset-GRAD), 'YTLC' var(--fvarset-YTLC);  
  --borderGrey: solid 1px #bbb;
}


 html {
  height: 100%;  
}

img {max-width:100%; line-height: 1px;}
 
h1 { font-size:32px; color:var(--colorGreen); line-height: 1;}


	body {height:100%; background:  #fff; position: relative; min-width:300px; color: #575757;  color: #000; 
           font-size:16px; color: #1a1a1a; font-family: 'Roboto Flex';   
           font-variation-settings: 'wght' var(--fvarset-wght), 'wdth' var(--fvarset-wdth), 'GRAD' var(--fvarset-GRAD), 'YTLC' var(--fvarset-YTLC);
            /*font-family:  'Roboto Condensed', 'Fira Sans Condensed';  font-weight:300; font-size: 16px; letter-spacing: 0px;*/ 
            letter-spacing: 0.5px; line-height: 1.3; margin: 0; padding: 0;   }
    div {box-sizing: border-box;  }
   .header {background:#fff; height:135px;}
.BoxContent { max-width:1500px;  position:relative; margin: 0 auto; text-align:left}

.BoxContentWide { max-width:1800px;  position:relative; margin: 0 auto; text-align:left}

.topmenu {font-size:15px;background:#fff ;padding-top:9px;}
.topmenu a { color:#7A7979 }

.font-def {font-family:  'Roboto Condensed', 'Fira Sans Condensed' !important;  font-weight:300 !important;
          font-size: 16px !important; letter-spacing: 0px; line-height: 1.3;}
a:hover {text-decoration: none}
a:active {text-decoration: none}
a:visited {text-decoration: none}
a:link {text-decoration: none}

h2 {font-size:22px; line-height:1.2;}

hr.hrmenu {  border-top:solid 1px #ddd; margin-top:12px; }
hr.address {  border-top:solid 1px #ccc; margin-top:10px; }

hr  {  border-top:solid 1px #bbb; margin-top:12px; } 
.style2  {  border-top:solid 1px #979696; margin-top:12px !important; margin-bottom:12px !important; }

ul {margin: 0; padding:0; padding-left: 8px; list-style-position: inside; }
li {margin:0 !important; padding:0px !important;   }
li span {margin-left:-8px;}


/*top*/
.menu-container {display: grid;  column-gap: 10px;  grid-template-columns: auto max-content;  align-items: center;}
 .top-catalog-name { font-family: 'Roboto Flex';
    font-size: 16px;
    color: #DDDDDD;
    font-variation-settings: 'wght' 175, 'wdth' 40, 'GRAD' 250, 'YTLC' 550;
    letter-spacing: 0.6px;
    margin-left: 22px;
	}
 .top-catalog-name a { color:#DDDDDD}
 .top-catalog-name a:hover { color:#DDDDDD}

.bc-catalog-white { background:  #fff !important }

.bc-catalog-blue { background:  #8192b3 !important }
.bc-catalog-red { background:  #d19f9f !important }
.bc-catalog-red2 { background:  #C9979C !important }


.bc-catalog-green { background: #6da3a1 !important }
.bc-catalog-grey { background: #ccc !important}
.bc-catalog-yellow { background: #ffbb22 !important}
.bc-catalog-white { background: #fff !important}
.bc-products-active { background:  #e37d7d !important }
.bc-catalog-grey2 { background: #bbb !important}
.bc-catalog-grey3 { background: #aaa !important}
.bc-catalog-grey4 { background: #999 !important}
.bc-catalog-grey5 { background: #c0c0c0 !important}
.bc-catalog-grey6 { background: #cbc3bb !important} /*ccc8c4*/
.bc-catalog-grey7 { background: #aea49c !important} /*b0a9a4*/
.bc-catalog-orange { background: #8eadad !important} /*b0a9a4*/

.bc-edit-green {background: #aec3c2 !important} /*b2c6c6*/

.bc-table-filter { background:  #becac5 !important }
.bc-table-filter-head { background:  #98a2b5 !important }
.bc-table-filter-isproduct { background:  #aaa !important }
.bc-table-filter-2 { background:  #bfc7bf !important }
.bc-table-filter-2-head { background:  #a3bfbb !important }
.bc-table-filter-3 { background:  #ccbcbc !important }
.bc-table-filter-3-head { background:  #b39a9a !important }


.color-white {color:#fff  !important;}
.color-black {color:#000  !important;}
.color-red {color:#ff0000  !important;}
.color-table-disable {color:#888  !important;}

.popup-header {margin-bottom:10px; width:100%; display: grid; column-gap: 10px; grid-template-columns:   repeat(1, max-content) auto max-content;  align-items: center;}


@media (min-width: 992px) { .modal-xl {width:1000px; max-width: 1000px; } }
@media (min-width: 992px) { .modal-xxl { width:1200px; max-width: 1380px; } }



#BasketHeadCounter { top:-10px; right:0px; z-index: 10;
                    background:#cc0000; color:#fff;   display:grid; justify-content: center; align-items: center; border-radius: 50%; 
                    width:18px; height:18px; 
                    font-size: 10px; font-weight: 400; line-height: 1;
                    box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
                    animation: pulse 2s infinite;}
@keyframes pulse {
	0% { 
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.7);
	}

	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(255, 0, 0, 0);
	} 

	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(255, 0, 0, 0);
	} 
} 



/*PANEL***************/
    [dictionary-panel] .main-grid { width:100%; display: grid; grid-gap: 2px; grid-template-columns: auto ; }
    [dictionary-panel] .grid-head-panel {width:100%; background:#aaa; height:28px;  padding-left: 11px;
                  line-height: 1;  display: grid; column-gap: 15px; grid-template-columns:  auto max-content;   align-items: center;}

    [dictionary-panel] .grid-row-contener {  height:28px; display: grid; grid-gap: 0px;
                         grid-template-columns:  auto max-content; align-items: center;}

    [dictionary-panel] .grid-row-cell { height:100%;  background:#ccc; padding:0 !important;  text-align: center }
     [dictionary-panel] .grid-row-content {min-height:28px; display:flex; flex-wrap: wrap; align-items: center;}

    [dictionary-panel] .left-ico-container {margin-left:11px; margin-right:10px;}
    [dictionary-panel] .name-container {min-width: max-content; white-space: nowrap; margin-right:10px;}
    [dictionary-panel] .icon-right-space { padding-right:8px; }
    [dictionary-panel] .icon-left-space { padding-left:20px; }


/***/


.menu-left-structure::-webkit-scrollbar {
  width: 4px;
}

.menu-left-structure::-webkit-scrollbar-track {
    background-color: #f5f5f5;
}

.menu-left-structure::-webkit-scrollbar-thumb {
  background-color: #eee;
  outline: 1px solid #f5f5f5;
}

   a, .univLink {color:#000}
    a:hover {color: #000}


 .GridDefaultBox { display:grid; }

.menu-tree_active_basic {font-weight: 400; font-size: 18px;  }

.XXXmenu-tree_active { width:auto;background: #bbb /*#8192b3*/;  color:#000 !important; margin-top:0px; margin-bottom:10px;
                          border-radius: 6px;
                         color:#fff; padding: 8px; padding-left: 10px; padding-right: 8px; }

.menu-tree_active {color:#ff8844 !important;   }
.menu-tree_active a {color:#ff8844; }



/* hamburger icon */
.sort-ico {
  height:1px;
  width: 15px;
  background: #000;
}


.edit-div {
    outline:0;

}


    .grid-sub-brand {display: grid; grid-gap: 10px; grid-template-columns: repeat(6,auto) ; align-items: start;}
    .submenu-item {background:#fff; height:80px; line-height: 1; justify-content: center;display:flex; flex-wrap: wrap;   align-items: center;}


    .UpdateProcess {color:#ffaaaa}
    .FinshedProcess {color:#88dd88}




   .ubnivButton { height:28px; color:#fff; text-align:center;
                 line-height:1; display:flex;  justify-content: flex-start; align-items: center;
                  padding-left:7px; padding-right:7px;background: #aaa;   }
   .ubnivButton:hover {cursor:pointer;}

   .ubnivButtonBasket {min-height:28px; text-align:center; padding:4px; padding-left:8px; padding-right:8px;background: #bbb; }

    .paramEditBtn {text-align:center; padding:3px; padding-left:8px; padding-right:8px;background: #ccc; color:#fff }
    .paramEditBtnActive {text-align:center; padding:3px; padding-left:8px; padding-right:8px;background: #fff; color:#fff }




   /*
   .quantityButton {text-align:center; font-size:14px;  border-radius:5px; line-height: 1;
                   padding:4px; padding-top:5px;  padding-left:6px; padding-right:6px;background: #8495b1; color:#fff }
*/



   .overDueButton  {text-align:center; padding:3px; padding-left:8px; padding-right:8px;background: #e67171; color:#fff }
   .overDueButton:hover {cursor:pointer;}

   .univBold {font-weight:500;}
   .Bold400 {font-weight:400;}

   .headDiscount {font-size:24px; line-height: 15px; color:#fff;}

   .history-basket-row { width:100%; padding-left:8px; padding-right:8px;  background:#bbb; color:#000; min-height:40px;}


   .nonactiveBasketBtn {border-radius:5px; background:transparent  ; color:#91d132;}
   .activeModuleBtn {border-radius:5px; background:#8495b1/*7b8ead*/; color:#fff; padding-left:8px; padding-right:8px;}
   .nonactiveModuleBtn {border-radius:5px; background:transparent; color:#ddd; padding-left:8px; padding-right:8px;}



   .logOutBtn {background:#888; color:#fff; padding-left:7px; padding-right:7px;}

   .activeBasketBtn {border-radius:5px; background:#8192b3/*#9da9bf*/; color:#fff !important;}
   .activePaymentBtn {background:#6e8cbd; color:#fff;}





   .ProductNameSmall  a { font-weight:400; font-size: 16px  ; color:#000}

    .ProductViewInfo {font-size: 12px;}
    .ProductViewCode {font-size: 12px;}



   .ProductDescriptionSolo {
      height:131px; overflow: hidden;  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 8;
      text-overflow: ellipsis; font-size:12px; line-height: 1.35;
  }

 .ProductDescriptionSmall {
      max-height:48px; overflow: hidden;  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;
      text-overflow: ellipsis; font-size:12px; line-height: 1.35;
  }
   .ProductsComboBox {height:133px;}

   .ProductParameters {
     height:79px; overflow: hidden; font-size:12px; border:solid 0px
   }
    .ProductParametersSmall {
     height:79px; overflow: hidden;  font-size:12px; border:solid 0px;
  }

  /*
   .PriceType {text-align:center; line-height: 1; font-size:12px; width:22px; height:22px; border-radius:11px;
               background: #e4e4e4; color:#000; margin-left:8px;
    display:flex;  justify-content: center; align-items: center;}
   */




    .PriceType {
        top:-14px; left:10px;
        color:#666; text-align: center;
        width: 38px;
	height: 0px;
	border-left: 0 solid transparent;
	border-right: 14px solid transparent;
	border-bottom:24px solid #e4e4e4;
	margin: 0px auto 0;
        font-size: 16px; line-height: 1;
   }



   .ProductNameEdit { font-weight:400; color:#000; font-size: 18px;}


   .ProductDiscount  { font-weight:300; font-size:22px; }

   .MenuList { font-size:20px; }
   .MenuListActive, .MenuListActive a { font-size:20px; color:#000; font-weight: 400;}

   .MenuListMid { font-size:18px; }

   .ParameterSelected {color:#ff0000}

   .ClientName {font-size:26px;}


   .icoActiveBtn {background:#ccc}


    .almostactiveMenuBtn { margin-left:5px; margin-right:5px; color:#000; border-radius:5px; background:#d8cf93;
                       min-height:14px;   text-align:center; padding:4px; padding-left:7px; padding-right:7px;
                       border:solid 0px #ccc; box-sizing: border-box }

    .almostactiveMenuBtn2 { margin-left:5px; margin-right:2px; color:#000; border-top-left-radius:5px;
                            border-bottom-left-radius:5px; background:#d8cf93;
                       min-height:14px;   text-align:center; padding:4px; padding-left:7px; padding-right:7px;
                       border:solid 0px #ccc; box-sizing: border-box }



    .filledMenuIcoBtn {     color:#000;   background:#999;
                      width:36px; height:28px; display:flex; align-items: center; justify-content: center;  }


    .nonactiveMenuIcoBtn {     color:#000; border-radius:5px; background:#999;
                       min-height:14px;   text-align:center; padding:0;
                       box-sizing: border-box }
    .activeMenuIcoBtn {    color:#000;   background:#999;
                          text-align:center; padding:0;
                       box-sizing: border-box }
    .activeMenuIcoBtn2 { margin-right:2px;   color:#000; border-top-left-radius: 5px;border-bottom-left-radius:  5px; background:#95b3b1;
                          text-align:center; padding:0;
                       box-sizing: border-box }

    .activeMenuTxtBtn {   color:#000;   background:#ccc; line-height:1; display:flex;  justify-content: flex-start; align-items: center;
                       height:30px;   text-align:center;   padding-left:9px; padding-right:9px; font-size:16px; font-weight:300;
                       box-sizing: border-box }


    .mainMenuBtn {  color:#000;   background:#999;
                     border-radius:5px;
                       min-height:14px;   text-align:center; padding:4px; padding-left:7px; padding-right:7px;
                       box-sizing: border-box }

     .activeMenuTxtBtnDelivery {   color:#fff;   background:#999; line-height:1; display:flex;  justify-content: flex-start; align-items: center;
                       height:24px; font-size:14px;   text-align:center;   padding-left:7px; padding-right:7px;
                       box-sizing: border-box }

    .activeMenuTxtBtnSmall {   color:#fff;   background:#ccc;
                       min-height:10px;   text-align:center; padding:4px; padding-left:7px; padding-right:7px;
                       box-sizing: border-box; line-height:1; }
  .activeMenuTxtBtnSuperSmall {   color:#fff;   background:#ccc; font-size:14px;
                       min-height:10px;   text-align:center; padding:2px; padding-left:5px; padding-right:5px;
                       box-sizing: border-box; line-height:1; }

  .activeTxtBtnSuperSmallLight {   color:#aaa;   background:#ebebeb; font-size:14px;
                       min-height:10px;   text-align:center; padding:2px; padding-left:5px; padding-right:5px;
                       box-sizing: border-box; line-height:1; }

    .almostActiveMenuBtn { margin-left:5px; margin-right:5px; color:#bde6d5; border-radius:5px; background:transparent;
                       min-height:14px;   text-align:center; padding:4px; padding-left:7px; padding-right:7px;
                       box-sizing: border-box }

    .newactiveMenuBtn {   color:#fff; border-radius:5px; background:#888;
                       min-height:14px;   text-align:center; padding:4px; padding-left:7px; padding-right:7px;
                       box-sizing: border-box }

    .newactiveMenuBtn2 { margin-left:5px; margin-right:2px; color:#fff;
                         border-top-left-radius:5px;
                            border-bottom-left-radius:5px;
                         background:#95b3b1;
                        height:30px;   text-align:center; padding:4px; padding-left:7px; padding-right:7px;
                       box-sizing: border-box }

    .newactiveMenuRectBtn { margin:0; color:#000;   background:#dda0a0;
                       min-height:14px;   text-align:center; padding:4px; padding-left:7px; padding-right:7px;
                       box-sizing: border-box }

    .newactiveMenuInputBtn { margin:0; color:#000;  margin-left:5px; background:#ddd;
                             border-top-left-radius:5px;  border-bottom-left-radius:5px;
                       min-height:14px;   text-align:center; padding:4px; padding-left:7px; padding-right:7px;
                       box-sizing: border-box }


     .newnonactiveMenuBtn {  margin-left:0px; margin-right:10px;  color:#ddd; border-radius:5px;     min-height:28px;
                            text-align:center; padding:4px; padding-left:0px; padding-right:14px;
                            box-sizing: border-box  }


     .newnonactiveMenuIcoBtn {  margin-left:1px; margin-right:1px;  color:#ddd; border-top-right-radius:5px;
                                border-bottom-right-radius:5px;
                            text-align:center; padding:4px; padding-left:0px; padding-right:0px;
                            box-sizing: border-box  }




    .actionMenuConfirmDelBtn { margin-left:0; margin-right:5px; color:#000;  background:#dda0a0;
                            border-top-right-radius:5px; border-bottom-right-radius:5px;
                       min-height:14px;     text-align:center; padding:4px; padding-left:7px; padding-right:7px;
                       box-sizing: border-box }

    .actionMenuConfirmSaveBtn { margin-left:0; margin-right:5px; color:#000;  background:#95b3b1;
                            border-top-right-radius:5px; border-bottom-right-radius:5px;
                       min-height:14px;    text-align:center; padding:4px; padding-left:7px; padding-right:7px;
                       box-sizing: border-box }


     .subMenuBtn {flex-wrap: wrap; line-height: 1.5; min-height:50px; background: #fff; padding:5px;}
     .subMenuActiveBtn {flex-wrap: wrap; height:50px; background: #fff; color:#ff0000; border: solid 2px #ff0000; padding:0px;}
     .subMenuBtnGrey {flex-wrap: wrap; height:75px; background: #bbb; padding:5px;}


     .subMenuExtraBtn {flex-wrap: wrap; line-height: 1.5; min-height:50px;   background: #fff; padding:5px;}
     .subMenuExtraBtn a {color:#ff0000;}
     .subMenuExtraActiveBtn  {flex-wrap: wrap; line-height: 1.5; min-height:50px;   background: #b88585; padding:5px;}
     .subMenuExtraActiveBtn a {color:#fff;}

     .assortmentMenuBtn {flex-wrap: wrap; line-height: 1.5; min-height:59px; background: #fff; padding:15px;
                        padding-top:0; padding-bottom:0;}


     .subMenuBox { width:175px;  margin-top:2px;   padding-right:2px ;}

     .subMenuDicBtn {flex-wrap: wrap; height:50px; background: #fff; color:#007766; padding:5px;}
    .subMenuDicBox { width:175px;  margin-top:2px;   padding-right:2px ;}


     .subMenuFolderBtn { font-weight: 100;  font-size:32px; background: transparent; line-height: 1.0;   padding-left:0px;}
     .subMenuEditBtn {  line-height: 1.5; height:40px; background: transparent; padding-left:8px; padding-right:8px;}




    .activeUserBtn { margin-left:12px; margin-right:0px; color:#000;   background:#999;
                     border-radius:5px;
                       min-height:14px;   text-align:center; padding:4px; padding-left:7px; padding-right:7px;
                       box-sizing: border-box }

    .activeUserBtnEdit { margin-left:2px; margin-right:12px; color:#000; background:#dda0a0;
                         border-radius:5px;
                       min-height:14px;   text-align:center; padding:4px; padding-left:7px; padding-right:7px;
                       box-sizing: border-box }



    .editModeBtn { margin-left:2px; margin-right:0px; color:#000;  background:#999;
                   border-top-right-radius:5px; border-bottom-right-radius:5px;
                       min-height:14px;   text-align:center; padding:4px; padding-left:7px; padding-right:7px;
                       box-sizing: border-box; }

    .editModeBtnActive { margin-left:2px; margin-right:0px; color:#000;  background:#dda0a0;
                           border-top-right-radius:5px; border-bottom-right-radius:5px;
                       min-height:14px;   text-align:center; padding:4px; padding-left:7px; padding-right:7px;
                       box-sizing: border-box }

  .addToCatalogBtn { line-height: 1.5; height:40px; background: #dda0a0; padding-left:8px; padding-right:8px;

                       box-sizing: border-box }


   .LabelSpecification  {font-weight:300; font-size: 16px; background:#92abaa; color:#fff; text-align:right; padding:4px; height:32px; padding-left:20px; padding-right:9px;  display:flex; align-items: center; justify-content: flex-end;;   }
   .LabelFilter  {font-weight:300; font-size: 16px; background:#aaa; color:#eee; text-align:center; padding:4px; height:32px; padding-left:9px; padding-right:9px;
                 height:100%;  padding-top:5px;
                 display:flex;  align-items: flex-start; justify-content: center;   }


 /*PRODUCTS***/



 








   /*normal font*/
   /*
   .ProductPrice {  font-weight:600; font-size:26px; line-height: 1 }
   .ProductQuantity  {  font-weight:400; font-size:20px; line-height: 1 }

   .ProductName { font-weight:400; color:#000; font-size: 20px;
      height:21px; overflow: hidden;
       display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; text-overflow: ellipsis;
   }

  .ProductViewCode {font-size: 14px; font-weight:400;
     height:17px; overflow: hidden;
       display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; text-overflow: ellipsis;
    }

   .ProductDescription {  font-weight:400;  font-size:14px; line-height: 1.20;
         height:33px; overflow: hidden;
       display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis;

   }
  .InventoryAvail { height:33px; line-height: 1.10; font-weight:400; color:#000; font-size: 14px;}
*/



/*********************/












.GridVideo {
    /*
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  */
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}


.GridObject {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;

}


   .grid-iauto-u { display: grid;   grid-gap: 2px;   grid-template-columns: auto 36px}
   .grid-i-u { display: grid;   grid-gap: 2px;   grid-template-columns: 74px 36px}
   .grid-i-u-frame { display: grid;   grid-gap: 2px;   grid-template-columns: 46px 36px}
   .grid-i-u-4  { display: grid;   grid-gap: 2px;   grid-template-columns: 112px 36px}
   .grid-i-u-5  { display: grid;   grid-gap: 2px;   grid-template-columns: 150px 36px}

   .grid-gap-10 { display: grid;   grid-gap: 10px;}
   .grid-l-v-auto { display: grid;   grid-gap: 10px;   grid-template-columns: auto auto}
   .grid-l-v-min { display: grid;   grid-gap: 10px;   grid-template-columns: 70px auto}
   .grid-l-v-mid { display: grid;   grid-gap: 10px;   grid-template-columns: 100px auto}
   .grid-l-v-mid2 { display: grid;   grid-gap: 10px;   grid-template-columns: 162px auto}
   .grid-l-v-mid3 { display: grid;   grid-gap: 10px;   grid-template-columns: 140px auto}

  .grid-l-v-color { display: grid;   grid-gap: 10px;   grid-template-columns: 75px 360px}
  .grid-6-col { display: grid;   grid-gap: 2px;   grid-template-columns: repeat(6, 36px) ;}
   .grid-5-col { display: grid;   grid-gap: 2px;   grid-template-columns: repeat(5, 36px) ;}
   .grid-4-col { display: grid;   grid-gap: 2px;   grid-template-columns: repeat(4, 36px) ;}

   .grid-3-col { display: grid;   grid-gap: 2px;   grid-template-columns: repeat(3, 36px) ;}
   .grid-3plus1-col { display: grid;   grid-gap: 0px;   grid-template-columns: repeat(3, 36px) auto ;}



.slideDownBox { z-index:1999;   border: solid 0px #e4e4e4; color:#fff; top:42px;
                 /*padding-top:18px; padding-bottom:16px; border-radius: 5px;*/}
  .slideDownBox a {color:#fff;}

  .slideDownBoxPresentation { z-index:1999; left:-0px;; top:30px;  border: solid 0px #e4e4e4;
                            border-radius: 5px;   background:#aaa; padding:30px;  }


  .slideDownBoxPresentation .form-manual-grid    {
       display:flex;justify-content: flex-start; align-items: center;
  }
 .slideDownBoxPresentation    .grid-label  {
        display:flex;justify-content: flex-end; align-items: center;
  }

  .slideDownBoxPresentation    .grid-value  {
        width:100%;
  }



  .slideDownBoxPresentation .form-grid    {
      display: grid;
   grid-gap: 10px;
   grid-template-columns: repeat(9, 1fr) ;
  }

  .slideDownBoxPresentation .gridlabel {
      grid-column : auto / span 4;
      text-align:right;
      margin-top:4px;
  }
  .slideDownBoxPresentation .gridvalue {
      grid-column : auto / span 5;
  }

.slideDownBoxPresentation .unitbox {  height:28px; background:#ccc;
         text-align: center;   color:#000; display:flex;justify-content: center; align-items: center; }
.slideDownBoxPresentation    .unitbox2 {left:6px; top:4px; color:#777}
 .slideDownBoxPresentation .settings-input {width:100%; height:28px; text-align: center;
                 padding-top: 2px; padding-bottom: 3px;  background: #fff; color:#000}

 .slideDownBoxPresentation .unitbox-big {min-width:60px; height:28px; background:#ccc; padding-left:7px;
         text-align: left;   color:#000}


  .slideDownBoxPresentation .position-box {  background: #ccc; min-width:46px;; height:28px; }
  .slideDownBoxPresentation .position-box-active {  background: #fff; min-width:46px; height:28px; }

  .slideDownBoxPresentation .background-box { background: #fff;   height:28px; }
  .slideDownBoxPresentation .box-3col { background: #ccc;   height:28px; }
  .slideDownBoxPresentation .box-3col-active { background: #fff;   height:28px; }
  .slideDownColumn {padding:20px;background:#777;height:100%}


   .box-col-dark { background: #bbb;   height:28px; }
   .box-col-dark-active { background: #fff;    }



  .btnEditFolderMode { background: #ccc; height:40px }

    .btnMenuRightMargins {margin-right:0 !important;}



    .editWhiteIcon { background:#999; }
    .editWhiteIconActive { background:#dda0a0; }

    .round5 {border-radius:5px;  }
    .round4 {border-radius:4px;  }
    .round0 {border-radius:0 !important;  }
    .roundR5 {border-radius:0; border-top-right-radius:5px; border-bottom-right-radius:5px;}
    .roundL5 {border-radius:0; border-top-left-radius:5px; border-bottom-left-radius:5px;}
    .roundB5 {border-radius:0 !important; border-bottom-left-radius:5px !important; border-bottom-right-radius:5px !important;}
    .roundT5 {border-radius:0 !important; border-top-left-radius:5px !important; border-top-right-radius:5px !important;}

    .roundR20 {border-radius:0; border-top-right-radius:20px; border-bottom-right-radius:20px;}
    .roundL20 {border-radius:0; border-top-left-radius:20px; border-bottom-left-radius:20px;}

    .opa30 {opacity:0.3}

  .input_search {border: solid 1px #ccc; border-radius: 5px; width:160px; height:30px; padding-left:7px; padding-right:7px; font-size:17px; font-weight:300; outline:0}
  .select_search {border: 0;   height:47px;  outline:0;  font-weight:300;background:#fff}
  .search_box { }
  .search_btn {right:10px; top:11px;}

  .input_form {line-height:1; width:100%; background: transparent; padding:0; margin:0; border:0;
                   padding-left:4px;   outline:0; }

  .input_form_edit { width:100%; background: transparent; padding:0; margin:0; border:0;
                    outline:0; font-size: 16px; font-family:  'Roboto Condensed'; font-weight:300; }

  .input_form_edit::placeholder {
  text-align: left;
}

    .input_form_edit_params { width:100%; height:32px; padding-left:10px; background: transparent; border:0;  outline:0; font-size: 16px;   font-weight:300; }



 .menu {background:#fff; margin-top:20px; width:270px;}
 .menu .item {height:35px; padding-left:7px; padding-top:8px;font-size:16px; font-weight:400; line-height:1; box-sizing: border-box;}
 .menu .item a {color:#000}

 .menuline1 { background:#DFE5E8; height:1px; font-size:1px}
 .menuline2 { background:#ECF4F7; height:1px; font-size:1px}

  .footerline {margin-top:40px;height:2px; background:#9FA3A7;font-size:1px;}


  .shaddow {
     box-shadow: 2px 4px 7px -2px #bfbfbf;
    /* box-shadow: 0 9px 0px 0px transparent, 0 -9px 0px 0px transparent, 12px 10px 15px -4px rgba(31, 73, 125, 0.8), -12px 0 15px -4px rgba(31, 73, 125, 0.8)*/
 }


 .max_per_page_active {font-size: 15px; font-weight: 300; text-align: center; width:auto; height:24px; background:#7487a8; color:#ddd; padding-top:3px; padding-left:5px; padding-right:5px;}
  .max_per_page {text-align: center; width:auto; height:24px; background:#888; color:#ccc; padding-top:3px; padding-left:5px; padding-right:5px; }
   .view_edit_btn {font-size: 15px; font-weight: 300; text-align: center; width:auto; height:24px; background:#bb6666; color:#ddd; padding-top:3px; padding-left:7px; padding-right:7px;}
   .view_list_btn {font-size: 15px; font-weight: 300; text-align: center; width:auto; height:24px; background:#888; color:#ddd; padding-top:3px; padding-left:7px; padding-right:7px;}


 .grid-dragg  { padding-left:3px; height:28px; overflow:hidden; background:#666;
               /*display: grid;   grid-gap: 2px; grid-template-columns: repeat(auto-fit, minmax(1px, 1fr))*/ }
 .grid-dragg-elem {width:1px; height:26px; background:#999; font-size:1px;}


 .BasketQuantityInput {font-size:14px; height:19px; min-width:30px  ; width:auto  ;; outline: 0; text-align: center; border-radius: 0;}

    .VTable {}
    .VTable .rowHead {}
    .VTable .rowHead .vcol {background:#fff; padding:0; padding-top:5px; padding-left:8px; padding-right:8px; color:#999;  height:28px; overflow: visible;}
    .VTable .vrow {height:28px; color:#000;     display:block; }
    .VTable .vcol { background:#fff; font-size:16px; height:28px; box-sizing: border-box;   padding:0px; padding-left:8px; padding-top:5px; padding-right:8px;     color:#555; display:block; }
    .VTable .vcolsimple {font-size:16px; height:28px;     padding:0px;   padding-top:5px;  padding-left:8px; box-sizing:border-box;   background:#ccc; color:#555;   }
    .VTable .QBox {font-size:16px; font-weight: 600; text-align: center;  white-space: nowrap; width:100%; }
    .VTable .vcolico {font-size:16px; height:28px;     padding:0px;    background:#fff; color:#555;   }




    .BigTable .rowHead {}
    .BigTable .rowHead .vcol {background:#5d5d5d; padding:0; padding-top:1px; padding-left:5px; padding-right:5px; color:#ccc;  height:62px; overflow: visible;}
    .BigTable .vrow {height:62px; color:#000;     display:block; }
    .BigTable .vcol {height:62px; box-sizing: border-box;   padding:0px; padding-left:5px; padding-top:1px; padding-right:5px;    background:#ccc; color:#555; display:block; }





    .EanTable { }
    .EanTable .rowHead {}
    .EanTable .rowHead .vcol {background:#aaa; padding:0; padding-top:5px; padding-left:8px; padding-right:8px; color:#000;  height:28px; overflow: visible;}
    .EanTable .rowHead .vcolico {font-size:16px; height:28px;     padding:0px;    background:#aaa;   }


    .EanTable .vrow {height:28px; color:#000;     display:block; }
    .EanTable .vcol {font-size:16px; min-height:28px; box-sizing: border-box;   padding:0px; padding-left:8px; padding-top:5px; padding-right:8px;    background:#ccc; color:#000;  }
    .EanTable .vcol img {display:block}
    .EanTable .vcol_disable {font-size:16px; min-height:28px; box-sizing: border-box;   padding:0px; padding-left:8px; padding-top:5px; padding-right:8px;    background:#777; color:#000; display:block; }
    .EanTable .vcolsimple {font-size:16px; height:28px;     padding:0px;   padding-top:5px;  padding-left:8px; box-sizing:border-box;   background:#ccc; color:#000;   }
    .EanTable .vcol_active { background:#fff !important; color:#000 !important}
    .EanTable .vcol_2connect { background:#a5b3b3 !important; }
    .EanTable .vcol_4connect { background:#a5b3b3 !important; }
    .EanTable .QBox {font-size:16px; font-weight: 600; text-align: center;  white-space: nowrap; width:100%; }
    .EanTable .vcolico {font-size:16px; height:28px;     padding:0px;   background:#aaa;  }

    .EanTable .vcol_proposition {font-size:16px; min-height:28px; box-sizing: border-box;   padding:0px; padding-left:8px; padding-top:5px; padding-right:8px;    background:#ccc; color:#000; display:block; }
    .EanTable .vcol_proposition_blank {font-size:16px; min-height:28px; box-sizing: border-box;   padding:0px; padding-left:8px; padding-top:5px; padding-right:8px;    background:#a2a2a2; color:#000; display:block; }

    /*green*/
    .EanTable .vcol_connected {font-size:16px; min-height:28px; box-sizing: border-box;   padding:0px; padding-left:8px; padding-top:5px; padding-right:8px; background:#a5b3b3;   /*background:#a5b3b3;*/ color:#000; display:block; }

    .EanTable .vcol_connected_double_oneline {font-size:16px; min-height:28px; box-sizing: border-box;   padding:0px; padding-left:8px; padding-top:5px; padding-right:8px; background:#8592aa;     color:#000; display:block; }
    .EanTable .vcol_connected_double {font-size:16px; height:60px; box-sizing: border-box;   padding:0px; padding-left:8px; padding-top:5px; padding-right:8px; background:#8592aa;    color:#000; display:block; }

    /*red*/
    .EanTable .vcol_inproduct {font-size:16px; min-height:28px; box-sizing: border-box;   padding:0px; padding-left:8px; padding-top:5px; padding-right:8px;    background:#c6a8a8; color:#000; display:block; }
    .EanTable .vcol_inproduct_blank {font-size:16px; min-height:28px; box-sizing: border-box;   padding:0px; padding-left:8px; padding-top:5px; padding-right:8px;    background:#9f9090; color:#000; display:block; }
    /*grey/blue*/
    .EanTable .vcol_infactory {font-size:16px; min-height:28px; box-sizing: border-box;   padding:0px; padding-left:8px; padding-top:5px; padding-right:8px;  background:#999; /*  background:#a5afc2;*/ color:#ddd; display:block; }
    .EanTable .vcol_infactory_blank {font-size:16px; min-height:28px; box-sizing: border-box;   padding:0px; padding-left:8px; padding-top:5px; padding-right:8px;  background:#999; /*  background:#a5afc2;*/ color:#ddd; display:block; }



    .disable-select {
    user-select: none; /* supported by Chrome and Opera */
   -webkit-user-select: none; /* Safari */
   -khtml-user-select: none; /* Konqueror HTML */
   -moz-user-select: none; /* Firefox */
   -ms-user-select: none; /* Internet Explorer/Edge */
}

 .specList { font-size:12px; }


    .flLeft {float: left;  margin: 0; padding: 0;}
	.flRight {float: right;  margin: 0 0 0 0px;}

	.flNone {clear:both; margin: 0; padding:0;  font: 1px  Arial; height:0px; line-height: 0;}

    .editable{outline:0; width:100%  }
    .autowidth {width:auto !important}

  .textmore { white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis }

    .BtnUniv:hover {cursor:pointer;}

	.mt1 {margin-top:1px;}

    .mt2 {margin-top:2px;}

	.mt3 {margin-top:3px;}
	.mt4 {margin-top:4px;}
	.mt5 {margin-top:5px;}
	.mt6 {margin-top:6px;}
        .mt7 {margin-top:7px;}
	.mt8 {margin-top:8px;}
        .mt9 {margin-top:9px;}
	.mt10 {margin-top:10px;}
	.mt11 {margin-top:11px;}
        .mt12 {margin-top:12px;}
        .mt13 {margin-top:13px;}
	.mt15 {margin-top:15px;}
	.mt20 {margin-top:20px;}
	.mt25 {margin-top:25px;}
	.mt30 {margin-top:30px;}
	.mt40 {margin-top:40px;}
	.mt60 {margin-top:60px;}
	.mt65 {margin-top:65px;}

        .mb2 {margin-bottom:2px;}
        .mb6 {margin-bottom:6px;}
        .mb5 {margin-bottom:5px;}
        .mb8 {margin-bottom:8px;}
        .mb9 {margin-bottom:9px;}
        .mb10 {margin-bottom:10px;}
        .mb11 {margin-bottom:11px;}
        .mb20 {margin-bottom:20px;}
        .mb30 {margin-bottom:30px;}

        .mr1 {margin-right:1px;}
        .mr2 {margin-right:2px;}
        .mr3 {margin-right:3px;}
        .mr4 {margin-right:4px;}
	.mr5 {margin-right:5px;}
        .mr6 {margin-right:6px;}
        .mr7 {margin-right:7px;}
        .mr8 {margin-right:8px;}
	.mr10 {margin-right:10px;}
	.mr11 {margin-right:11px;}
        .mr12 {margin-right:12px;}
        .mr13 {margin-right:13px;}
        .mr14 {margin-right:14px;}

        .mr15 {margin-right:15px;}
        .mr16 {margin-right:16px;}

	.mr20 {margin-right:20px;}
	.mr25 {margin-right:25px;}
        .mr30 {margin-right:30px;}
        .mr35 {margin-right:35px;}

        .ml2 {margin-left:2px;}
        .ml3 {margin-left:3px;}

        .ml4 {margin-left:4px;}
        .ml5 {margin-left:5px;}
        .ml6 {margin-left:6px;}
        .ml7 {margin-left:7px;}
        .ml8 {margin-left:8px;}
	.ml10 {margin-left:10px;}

	.ml11 {margin-left:11px;}
        .ml12 {margin-left:12px;}
	.ml15 {margin-left:15px;}
	.ml20 {margin-left:20px;}
        .ml24 {margin-left:24px;}
        .ml30 {margin-left:30px;}

        .pt10 {padding-top:10px;}
	.pt15 {padding-top:15px;}
	.pt20 {padding-top:20px;}
	.pl0 {padding-left:0px;}
        .pl10 {padding-left:10px;}
        .pl15 {padding-left:15px;}

        .pl20 {padding-left:20px;}
        .pl19 {padding-left:19px;}
        .pl25 {padding-left:25px;}
        .pl35 {padding-left:35px;}

        .pl38 {padding-left:38px;}
        .pl50 {padding-left:50px;}
        .pl58 {padding-left:58px;}
        .pl75 {padding-left:75px;}


        .pad5 {padding:5px;}
         .pad1 {padding-left:1px !important; padding-right:1px !important;}
          .pad2 {padding-left:2px !important; padding-right:2px !important;}
         .pad0 {padding:0px !important;}
        .mlr1 {margin-left:-1px;margin-right:-1px;}

        .padlr10 {padding-left:10px ; padding-right:10px ;}
        .padlr6 {padding-left:6px ; padding-right:6px ;}
        .padlr5 {padding-left:5px ; padding-right:5px ;}
         .padlr2 {padding-left:2px ; padding-right:2px ;}
        .padlr1 {padding-left:1px ; padding-right:1px ;}

	.fs36 {font-size:36px;}
	.fs12 {font-size:12px;}
        .fs1 {font-size:1px;}
	.tac {text-align:center}
	.taj {text-align: justify}
	.tar {text-align:right}
        .tal {text-align:left}
	.fwb {font-weight:800}
        .fw600 {font-weight:600}
        .fw400 {font-weight:400}
        .dispb {display:block}
        .dispn {display:none}
   .vcenter {  display:flex;  justify-content: flex-start; align-items: center;}
    .vcenterc {  display:flex;  justify-content: center; align-items: center;}
    .vcenterr {  display:flex;  justify-content: flex-end; align-items: center;}

    .vcentert {  display:flex;  justify-content: flex-start; align-items: center;}
    .vtopc {  display:flex;  justify-content: center; align-items: flex-start;}

      .vtopr {  display:flex;  justify-content: flex-end; align-items: flex-start;}

   .vtopl {  display:flex;  justify-content: flex-start; align-items: flex-start;}
   .vbottoml {  display:flex;  justify-content: flex-start; align-items: flex-end;    }

    .cright {justify-content: flex-end; justify-content: end;}
    .ccenter {justify-content: center;}

   .nowrap {white-space: nowrap; }
 .posr {position:relative;}
 .posa {position:absolute;}
 .imgmaxw100 {max-width:100%}
 .lh1 {line-height:1}

 .imgw100 { width:100%; height:auto; }

 /* bootstrap update*/
 .jumbotron {border-radius: 0; background:#fff; margin-top:0px; padding:10px; margin-bottom:0}
 .jumbotron2 {background:#fff; padding-left:10px; padding-right:10px; min-height:40px; display:flex;align-items: center;  justify-content: left;}


 .modal-title {
    font-size: 26px;
    line-height: 1;
}

  .list-row {background:#bbb; padding:4px; height:32px; padding-left:10px; padding-right:0px;  display:flex;align-items: center;    }
  .list-row:hover {color:#fff}
  .list-input { background:transparent; outline:0; border:0; width:99%; font-weight: 300 }

  .list-row-active {background:#f7a878/*#ffaa77*/; font-weight: 300; padding:4px; height:32px; padding-left:10px; padding-right:7px;  display:flex;align-items: center;}
  .list-row-edit {background:#aaa; padding:4px; height:32px; padding-left:10px; padding-right:10px;  display:flex;align-items: center;}

  .list-row-white {background:#fff; padding:4px; height:32px; padding-left:10px; padding-right:7px;  display:flex;align-items: center;    }
  .list-row-white-active {background:#f7a878; padding:4px; height:32px; padding-left:10px; padding-right:10px;  display:flex;align-items: center;    }

  .list-rowseria {background:#bbb; padding:4px; height:32px; padding-left:10px; padding-right:10px;  display:flex;align-items: center;    }
  .list-rowseria:hover {color:#fff}
  .list-rowseria-active {background:#9faabf; color:#000; font-weight: 300; padding:4px; height:32px; padding-left:10px; padding-right:10px;  display:flex;align-items: center;}



  .list-rowbrand {background:#bbb; padding:4px; height:32px; padding-left:10px; padding-right:7px;  display:flex;align-items: center;    }
  .list-rowbrand:hover {color:#fff}

  .list-rowbrand-active {background:#7b8ead; color:#fff; font-weight: 300; padding:4px; height:32px; padding-left:10px; padding-right:10px;  display:flex;align-items: center;}
  .list-rowbrand-active-big {background:#7b8ead; color:#fff; font-weight: 300;
                            padding-left:10px; padding-right:8px; min-height:40px; display:flex;align-items: center;  justify-content: left;
                            }



  .icon-back { right:-11px; top:-6px}
  .icon-back:hover {cursor:pointer;}

  .param-head {height:40px; background:#aaa;  margin-bottom:20px; border-top:solid 0px #ddd; }
  .param-head .name {color:#000; width:100% }


 .cell-table {vertical-align: middle; text-align:center; display: table-cell;
             padding-left:5px; padding-right:5px;
 }

 .paramsugg {padding:10px; background:#bbb; margin-top:4px; font-size:16px; color:#000}

 .paramEditList {color:#ff0000; font-size:12px;}
 .paramEditListActive {color:#000;font-size:12px; }

 .structureEditList {  color:#ff0000; font-size:12px;}
 .structureEditListActive {color:#000;font-size:12px; }

  .li4parameter {width:3px; margin-top:1px; height:12px; font-size:16px; line-height:1; background:#ff9f66 /*6a8fcf*/}
  .li4spec {width:3px; margin-top:1px; height:12px; font-size:16px; line-height:1; background:#aaa}


 .VTable input[type="checkbox"] {
    display:none;
}

.VTable input[type="checkbox"] + label {
    color:#000000;
    font-weight:300;
    cursor:pointer;
}

.VTable input[type="checkbox"] + label span {
    display:inline-block;
    width:22px;
    height:22px;
    margin:0px 0px 0 0;
    vertical-align:middle;
    background:url(http://www.datafile.pl/files/cms/table/B2B_selector.svg) left top no-repeat;
    cursor:pointer;
}

.VTable input[type="checkbox"]:checked + label span {
    background:url(http://www.datafile.pl/files/cms/table/B2B_selector_active.svg) left top no-repeat;
}



.SelectorPopup input[type="checkbox"] {   line-height: 1;  display:none; }
.SelectorPopup input[type="checkbox"] + label { line-height: 1; font-size:1px; margin:0; padding:0;  color:#000000;    cursor:pointer; }
.SelectorPopup input[type="checkbox"] + label span {
    display:inline-block;
    width:19px;
    height:17px;
    margin:0px 0px 0 0;
    padding:0;
    background: url(https://datafile.pl/files/cms/b2b/popup/selector.svg) center center no-repeat;
    cursor:pointer;
}
.SelectorPopup input[type="checkbox"]:checked + label span {
    background:url(https://datafile.pl/files/cms/b2b/popup/selector_active.svg) center center no-repeat;
}





.SelectorTable input[type="checkbox"] {   line-height: 1;  display:none; }
.SelectorTable input[type="checkbox"] + label { line-height: 1; font-size:1px; margin:0; padding:0;  color:#000000;    cursor:pointer; }
.SelectorTable input[type="checkbox"] + label span {
    display:inline-block;
    width:45px;
    height:28px;
    margin:0px 0px 0 0;
    padding:0;
    background: url(https://www.datafile.pl/files/cms/catalog/table/selector_check.svg) center center no-repeat;
    cursor:pointer;
}
.SelectorTable input[type="checkbox"]:checked + label span {
    background:url(https://datafile.pl/files/cms/catalog/table/selector_check_active.svg) center center no-repeat;
}







.SelectorTableLocked input[type="checkbox"] {   line-height: 1;  display:none; }
.SelectorTableLocked input[type="checkbox"] + label { line-height: 1; font-size:1px; margin:0; padding:0;  color:#000000;    cursor:pointer; }
.SelectorTableLocked input[type="checkbox"] + label span {
    display:inline-block;
    width:45px;
    height:28px;
    margin:0px 0px 0 0;
    padding:0;
    background: url(https://www.datafile.pl/files/cms/catalog/table/selector_check.svg) center center no-repeat;
    cursor:pointer;
}
.SelectorTableLocked input[type="checkbox"]:checked + label span {
    background:url(https://datafile.pl/files/cms/catalog/table/selector_check_locked.svg) center center no-repeat;
}

/*NAVIGATION-----*/
 .StructureCheckOn { right:6px; top:2px; }
 .StructureCheckOff {right:8px; top:3px; }

 .VerticalLine {background: #b4b4b4;  width:2px; height:calc(100% - 5px); display:flex;  align-items: center;  justify-content: center;}
 .StructureHeadName {width:auto;background: #999; margin-top:0px; margin-bottom:10px;  color:#fff;
                    padding: 10px; padding-left: 10px; padding-right: 8px;   }

.StructureHeadName a {color:#fff;}


.StructureSelected {width:auto;background: #8192b3;  margin-top:5px; margin-bottom:5px;
                    border-radius: 6px;
                   color:#fff; padding: 8px; padding-left: 10px; padding-right: 8px;   }
.StructureSelectedFolder {width:auto;background: #999 /*#8192b3*/; margin-top:0px; margin-bottom:10px;
                          border-radius: 6px;
                         color:#fff; padding: 8px; padding-left: 10px; padding-right: 8px;   }

 .StructureFolderSelected {width:auto;background: #c8c8c8; margin-top:5px; margin-bottom:5px;
                              border-radius: 6px;
                             color:#fff; padding: 8px; padding-left: 10px; padding-right: 8px;    }



.StructureSelectedSub {width:auto;background: #8192b3; margin-left: 0px; margin-top:15px; margin-bottom:5px;
                    border-radius: 6px;
                   color:#fff; padding: 8px; padding-left: 10px; padding-right: 8px;   }

.StructureNotSelected {width:auto;background: transparent; margin-left:0px;    border-left: solid 0px #aaa;
                      color:#000;   padding-top: 3px; padding-bottom:3px; border-radius:0px}

.StructureNotSelectedSubNoBorder {width:auto;background: transparent;      border-left: solid 0px #aaa;
                      color:#000;   padding: 3px; padding-left: 4px; padding-right: 8px; border-radius:0px}

.StructureNotSelectedGreen {width:auto;background: transparent;    border-left: solid 3px #77aa99;    color:#000;   padding: 3px; padding-left: 8px; padding-right: 8px; border-radius:0px}
.StructureNotSelectedBlue {width:auto;background: transparent;   margin-left:6px; border-left: solid 2px #7799cc;    color:#000;   padding: 3px; padding-left: 8px; padding-right: 8px; border-radius:0px}


 .StructureAlmostNotSelected {width:auto;background: #c8c8c8; margin-top:5px; margin-bottom:5px;
                              border-radius: 6px;
                             color:#000; padding: 8px; padding-left: 10px; padding-right: 8px;    }


.StructureNotSelectedSub2 { width:auto;background: transparent; margin-left:6px;    border-left: solid 0px #b4b4b4;
                      color:#000;   padding: 3px; padding-left: 4px; padding-right: 8px; border-radius:0px}


.StructureNotSelectedSub {width:auto;background: transparent;    border-left: solid 0px #b4b4b4;
                      color:#000;   padding-top: 3px; padding-bottom:3px;   border-radius:0px}

.StructureNotSelectedSubDissconect {  width:auto;background: transparent; margin-left:6px;    border-left: solid 2px #aaa;
                      color:#000;   padding: 3px; padding-left: 10px; padding-right: 8px; border-radius:0px}

.StructureNotSelectedParam {width:auto;background: transparent; margin-left:6px;  border-left: solid 4px #c6c6c6;  color:#000;
                           padding: 3px; padding-left: 8px; padding-right: 8px; border-radius:0px}

/*.HeadLeftMenuActive {  padding:0px;   font-weight: 400; font-size: 16px; line-height: 1;  color:#000}*/
.HeadLeftMenuActive {  padding:0px; margin-bottom:2px;  font-weight: 100; font-size: 24px; line-height: 1;  color:#777}
.HeadLeftMenu {padding:0px;     font-size: 16px; line-height: 1;  color:#000}
.HeadLeftMenuActiveEdit { padding:0px; margin-bottom:2px;  font-weight: 100; font-size: 24px; line-height: 1;
                          color:#ff0000}
.HeadNetwork {  padding:0px; margin-bottom:2px;   font-weight: 100; font-size: 32px; line-height: 1;  color:#777}

/*edit structure*/
.StructureEditNotSelected {width:auto;background: transparent; border-left: solid 3px #da8787; color:#000;   padding: 3px; padding-left: 8px; padding-right: 8px; border-radius:0px}


.StructureEditNotSelected2 {width:auto;background: transparent; border-left: solid 0; color:#000;   padding: 3px; padding-left: 8px; padding-right: 8px; border-radius:0px}








.cell-active {background:#80c080 !important}



 



/*connected group*/
    [btn-one-group]:first-child {    border-radius: 0; border-top-left-radius:5px !important; border-bottom-left-radius:5px  !important;}
    [btn-one-group]:last-child {border-radius: 0;border-top-right-radius:5px  !important; border-bottom-right-radius:5px  !important;}





















/*bootstrap custom*/


/***MOBILE******/
.showOnMobile {display:none}

.hideOnMobile {display:block}
.fontResMid {font-size:17px;  }

.menuDesktop {display:block}
.menuMobile {display:none}


@media (min-width: 100px) and  (max-width: 1510px)   {    
    .BoxContent {padding-left:15px; padding-right:15px;}
}

@media (min-width: 100px) and  (max-width: 1024px)   {
    .menuDesktop {display:none}
    .menuMobile {display:block;}
     
}




@media (min-width: 100px) and  (max-width: 675px)   {
   .hideOnMobile {display:none}
   .showOnMobile {display:block}


  .c-name {   width:calc(100% - 134px + 32px)   }
  .c-info  {  display:none }
  .c-cena-hurtowa { display:none }
  .c-cena-finalna  { display:none }
  .c-cena-klienta {display:none }
  /*.c-code { display:none; }*/
  .c-ean {  display:none}
  .c-rabat-finalny  { display:none;  }
  .c-rabat-klienta { display:none;  }
  .c-wartosc-finalna { display:none;  }

  .col-name-network {width:100px}

  [customer] .grid-table { display: grid; grid-gap: 2px !important; grid-template-columns:  auto  75px !important;    }
  [basket] .grid-table { display: grid;   grid-gap: 2px; grid-template-columns: 32px  88px auto  !important; }

  .menuMobile {font-size:20px !important;}
  .menuMobile  a {font-size:20px !important;}

  .slideDownBox {
       font-size:16px;
  }

  .StructureNotSelectedSub { font-size:20px;  }
  .StructureSelectedFolder { font-size:20px  ; }
  .StructureNotSelected { font-size:20px  ; }

  .SearchInputBox { font-size:17px}

 

  .ProductDescriptionSolo {
      height:169px; overflow: hidden;  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 8;
      text-overflow: ellipsis; font-size:16px; line-height: 1.35;
  }

  .ProductDescriptionSmall {
      max-height:62px; overflow: hidden;  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;
      text-overflow: ellipsis; font-size:16px; line-height: 1.35;
  }

   .cell-table {vertical-align: middle; text-align:center; display: table-cell;
             padding-left:50px; padding-right:50px;
 }





 .ProductParameters {
     height:105px; overflow: hidden; font-size:16px; border:solid 0px;
 }

  .ProductParametersSmall {
     height:105px; overflow: hidden; font-size:16px; border:solid 0px;
  }
  .ProductsComboBox {height:172px;  }

  .specList { font-size:16px; }
  .li4parameter {width:3px; margin-top:1px; height:16px; font-size:16px; line-height:1; background:#ff9f66 /*6a8fcf*/}


    .BasketQuantityInt {width:46px; padding-top:2px; line-height: 1}

    .font-def {font-size:20px !important;}

    .grid-sub-brand {  grid-template-columns: repeat(3,auto) !important; }
    .mobile-mt20 {margin-top:20px;}

}


@media (min-width: 100px)  and  (max-width: 675px)  {
    .hideOnMobile {display:none}


}



@media   (min-width: 676px)  and  (max-width: 991px) {
      .hideOnMobile {display:block}


}


@media   (min-width: 992px) and  (max-width: 1194px)   {
  .hideOnMobile {display:block}

}