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;
}


/*.glassStyle {
    border: 1px solid black;
    box-shadow: 5px 5px 12px black;
    background: rgba(0, 0, 0, 0.25);
}*/

  .img-magnifier-container {
    position:relative;
  }

  .img-magnifier-glass {
    position: absolute;
    border: 1px solid black;
    box-shadow: 5px 5px 12px black;
    background: rgba(0, 0, 0, 0.25);
    border-radius: 50%;
    cursor: none;
    /*Set the size of the magnifier glass:*/
    width: 200px;
    height: 200px;
  }
  
  .minImage {
      padding: 10px;
  }

  .openseadragon1
  {
      width:      100%;
      height:     600px;
      border:     1px solid black;
      color:      #333; /* text color for messages */
      background-color: black;
  }

            .text-overlay,
            .text-overlay2 {
                position: absolute;
                left: 200px;
                top: 65px;
                width: 420px;
                font-size: 25px;
                font-family: sans-serif;
                color: white;
                text-shadow: 3px 3px 2px rgba(0, 0, 0, 0.5);
            }

            .text-overlay a,
            .text-overlay2 a {
                color: #DDF;
            }

            .image-overlay,
            .image-overlay2 {
                position: absolute;
                left: 650px;
                top: 65px;
                width: 140px;
                height: 140px;
                cursor: pointer;
            }

            .toolbar {
                height:40px;
            }