.itemBox {
  position: relative;
  height: 46px;
  width: 46px;
  /* Поля */
  background: rgba(255, 255, 255, 1); /* Цвет фона */
  //border: 2px solid #020202; /* Параметры рамки */

  display: grid;
  grid-template-rows: 16fr 32px 16fr;
  cursor: grab;
  overflow: visible;
  z-index: 9;

}
.itemName {
  position: absolute;
  text-align: left;
  font-size: 9px;
  font-weight: bold;
  overflow: hidden;
  pointer-events: none;

  top: -1px;
  left: 1px;
  color: #000000;

  //outline: 1px solid #ffffff;
  text-shadow: -0.25px -0.25px #ffffff, 0.25px -0.25px #ffffff, -0.25px 0.1px #ffffff, 0.25px 0.1px #ffffff;
}
.itemImage {
  position: relative;
  left: 6px;
  top: 6px;
  align-self: center;
  pointer-events: none;

}
.itemPrice {
  color: #000000;
  position: absolute;
  text-align: right;
  right: 0px;
  bottom: -3px;
  font-size: 12px;
  pointer-events: none;
}
.dropzone
{
  height: 47px;
  width: 47px;
  background: rgba(0, 0, 0, 0.60);
  //box-shadow: 1px 1px 0px 0px rgb(0, 0, 0);
  //border: 1px solid #e7e7e7;
  justify-items: center;
  //z-index: 8;
}


.Unactivedropzone
{
  height: 47px;
  width: 47px;
  background: rgba(0, 0, 0, 0.60);
//box-shadow: 1px 1px 0px 0px rgb(0, 0, 0);
//border: 1px solid #e7e7e7;
  justify-items: center;
  z-index: 8;
}

.strokeme
{
  color: white;
  text-shadow:
    -1px -1px 0 #000,
    1px -1px 0 #000,
    -1px 1px 0 #000,
    1px 1px 0 #000;
}