.outSideDiv{
  display: grid;
  grid-template-rows: 1fr;
  grid-auto-flow: column;
  justify-items: center;
  align-items: center;
  .onePic{
    width: 100px;
    height: auto;
    cursor: pointer;
  }
}

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

  .rightSide{
    overflow: auto;
  }
}

.readOnlyImage{
  width: 100%;
  display: grid;
  place-items: center;
  min-height: 800px;
  img{
    max-width: 1300px;
    height: auto;
  }
}
.oneSetItem{
  position: absolute;
  //margin-top: 20px;
  border: 1px solid red;
  p{
    margin-bottom: 0;
  }
}
.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;
}
