.outSideDiv{
  display: inline-block;
  padding-left: 20px;
  .onePic{
    width: 100px;
    height: auto;
    cursor: pointer;
  }
}

.modalDiv{
  display: grid;
  //width: 1200px;
  //grid-template-columns: 100px 1fr;
  //grid-template-rows;
  position: relative;
  overflow: auto;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  .rightSide{
    overflow: auto;
  }
}

.readOnlyImage{
  width: 100%;
  display: grid;
  place-items: center;
  //min-height: 800px;
  img{
    //width: 1200px;
    height: auto;
  }
}
.oneSetItem{
  position: absolute;
  //margin-top: 20px;
  border: 1px solid red;
  p{
    margin-bottom: 0;
    user-select: none;
  }
}
.modalParentDiv{
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
}

.ModalClass{
  :global{
    .ant-modal-footer{
      text-align: center;
    }
  }
}
.draggableIcon{
  position: absolute;
  left: 10;
  top: 10;
  //border: 1px solid #f2f2f2;
  color: red;
  z-index: 10000;
}
