RESTORE_FE/css/OA.css

.viewImage {
    width: 100%;
    height: auto;
}

.center {
    text-align: center;
}

#image_body {
    overflow: scroll;
    max-height: 800px;
    vertical-align: middle;
}

.border-grey {
    border: 1px solid #dee2e6;
    padding: 16px 20px;
}

#images_container {
    max-height: 900px;
    overflow: hidden;
}

#image_min {
    max-height: 900px;
    overflow: auto;
}

.loupe {
    display: none;
    position: absolute;
    width: 200px;
    height: 200px;
    border: 1px solid black;
    box-shadow: 5px 5px 12px black;
    background: rgba(0, 0, 0, 0.25);
    cursor: crosshair;
    overflow: hidden;
  }
  
  .loupe img {
    position: absolute;
    right: 0;
  }