#image-container {
  position: relative;
  /* display: inline-block; */
}

.box {
  position: absolute;
  cursor: pointer;
  backdrop-filter: blur(30px);
  border-radius: 4px;
  font-weight: bold;
  border: 2px solid #9a9a9a;
}

.box-label {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
}

.disable_class {
  cursor: not-allowed !important;
  background: #8f8f8f !important;
  border: 2px solid #464646 !important;
  color: #464646 !important;
}

.disable_class .box-label {
  cursor: not-allowed !important;
  pointer-events: none;
}

.add-slot {
  display: inline-block;
  margin-top: 10px;
  background-color: var(--primary-color);
}
.check {
  font-size: 15px;
  color: rgb(238, 242, 238);
}
.box_levle_check {
  background-color: #2468cd !important;
  border: 2px solid #1d56ab !important;
}

#zoomable-image {
    width: 100%;
    height: auto;
    transition: transform 0.3s ease;
}

.zoomed {
    transition: transform 0.3s ease;
}
.overflow_add{
  overflow: auto;
}