.logo {
  width: min(7vw, 140px);
}

.logo-mobile {
  width: 15vw;
}
.logo-login-mobile {
  width: 35vw;
}
.logo-white {
  filter: brightness(0) invert(1);
}

.canvas-relative-height {
  min-height: 512px;
  margin-bottom: min(10px, 1vh);
}

#canvas {
  display: block;
  position: absolute;
  height: auto;
}

.draw-canvas {
  width: auto;
  height: auto;
}

#thumb_canvas {
  display: block;
  position: absolute;
  width: auto;
  height: auto;
}

#img_canvas {
  display: block;
  position: absolute;
  width: auto;
  height: auto;
}

#thumb-gallery-div {
  width: 15vw;
  height: 85vh;
  overflow-x: hidden;
  overflow-y: scroll;
}

#defect-canvas {
  width: 18vw;
  height: 18vh;
  max-width: 380px;
}

.sample-canvas {
  width: 370px;
  height: 208px;
}

.defect-thumbnail {
  width: 150px;
  height: 105px;
  padding: 5px;
}

.sample-gallery {
  overflow-y: scroll;
  height: 70vh;
  margin-top: 25px;
}

.sample-cell {
  position: relative;
}

.survey-thumb {
  width: 95%;
  height: 8vw;
  margin-top: min(12.5px, 1vh);
}

.survey-thumb-gallery:first-child div:first-child img {
  margin-top: 0px;
}

.no-img-found {
  position: absolute;
  font-weight: bolder;
  color: rgba(145, 145, 145, 0.66);
  top: 170%;
  z-index: 5;
  left: 35%;
  margin-top: 100px;
}

@media (min-width: 1200px) {
  .sample_thumb {
    width: 290px !important;
    height: 182px !important;
  }

  .review_sample_thumb {
    width: 232px !important;
    height: 132px !important;
  }
}

@media (min-width: 1650px) {
  .sample_thumb {
    width: 366px !important;
    height: 228px !important;
  }

  .review_sample_thumb {
    width: 366px !important;
    height: 206px !important;
  }
}

.ocr-crop {
  width: 10vw;
  height: 5vh;
}