
/*----------------Termék feltöltés---------------------*/

#parameterek .details-wrapper  {
    display: flex;
    justify-content: space-between;
}


/*----------------Admin lista---------------*/
.admin-lista td.views-field-sku {
  width: 130px;
}

.keszlet {display: flex;align-items: center;}

.keszlet span.adat {
    margin-right: 2px;
}
img.szerkesztes {
  width: 80px;
  height: auto;
}

img.torles {
  width: 65px;
  height: auto;
}
td.views-field-edit-commerce-product {
  WIDTH: 60PX;
}

td.views-field-delete-commerce-product {
  WIDTH: 54PX;
}

td.views-field-field-kategoria {
  /* display: flex; */
  /* flex-wrap: wrap; */
  width: 530px;
  /* background: red; */
  column-count: 5;
}

div#editablefields-form-commerce-product-jatekok-204-field-kategoria-default-wrapper {
}


.fieldset__label.fieldset__label--group {
  display: none;
}



  /*-------------Praczu Admin-----------------*/
  
  .praczu .cim {
    font-size: 2rem;
    padding: 10px 0;
    margin: var(--gin-spacing-s); 
    
    font-size: var(--gin-font-size-l);
    font-weight: var(--gin-font-weight-bold);
    color: var(--gin-color-primary-active);
    padding: var(--gin-spacing-m) var(--gin-spacing-l);
    margin-top: 0;
    background: var(--gin-bg-header);
    border: 0 none;
    border-radius: var(--gin-border-m);
    line-height: 1.33333em;
    letter-spacing: -0.025em;
  }
  
  
  .praczu .view-content {
  display: flex;
  flex-wrap: wrap;
  }

  .praczu .views-row {
    flex: 0 50%;
    
}

.praczu .views-row .views-field {
  padding: 20px;
}
  .praczu .leiras {
  
    padding: var(--gin-spacing-s) calc(var(--gin-spacing-xs) + var(--gin-spacing-xl)) var(--gin-spacing-s) var(--gin-spacing-l);
    position: relative;
      margin: var(--gin-spacing-s);
  
  }
  .praczu .box {
    width: 100%;
    padding: var(--gin-spacing-s);
    background: var(--gin-bg-layer);
    border: 1px solid var(--gin-border-color-layer);
    box-sizing: border-box;
    margin-top: 0;
      box-shadow: var(--gin-shadow-l1);
      border-radius: var(--gin-border-l);
      margin-bottom: 3em;
  }
  
  .praczu .gomb a {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    text-indent: -999em;
    display: inline-block;
    text-decoration: none;
  }
  .praczu .gomb a:hover {
    background: var(--gin-color-primary-light);
      border-radius: var(--gin-border-m);
  }
  
  .praczu .gomb a::before {
    right: var(--gin-spacing-m);
    left: auto;
    transform: translateY(-50%);
    op: 50%;
      background-image: none;
      background-color: var(--gin-color-primary);
      -webkit-mask-image: url(../../media/sprite.svg#handle-view);
      mask-image: url(../../media/sprite.svg#handle-view);
      -webkit-mask-size: 1em 1em;
      mask-size: 1em 1em;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
      -webkit-mask-position: center center;
      mask-position: center center;
      position: absolute;
      top: 0;
      left: 0;
      display: block;
      width: 1em;
      height: 1.5em;
      content: "";
      background: transparent no-repeat 50% 50%;
      background-image: url(data:image/svg+xml,%3csvg) width='9' height='14' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1.71.314L.29 1.723l5.302 5.353L.289 12.43l1.422 1.408 6.697-6.762z' fill='%23003ecc'/%3e%3c/svg%3e);
  }   
  
  
  [dir="ltr"] .praczu .gomb a {
    left: 0;
  }
  
  [dir="rtl"] .praczu .gomb a{
    right: 0;
  }
  
  .praczu .gomb a::before {
    top: 50%;
    background-image: none;
    background-color: var(--gin-color-primary);
    -webkit-mask-image: url(../../media/sprite.svg#handle-view);
    mask-image: url(../../media/sprite.svg#handle-view);
    -webkit-mask-size: 1em 1em;
    mask-size: 1em 1em;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    mask-position: center center;
  }
  
  [dir="ltr"] .praczu .gomb a::before {
    right: var(--gin-spacing-m);
    left: auto;
    transform: translateY(-50%);
  }
  
  [dir="rtl"] .praczu .gomb a::before {
    left: var(--gin-spacing-m);
    right: auto;
    transform: translateY(-50%) scaleX(-1);
  }
