@import url("https://fonts.googleapis.com/css?family=Noto+Sans");
html, body {
    height: 100%;
    margin: 0;
}
.wsi-image-pre-loader
{
    opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-image: url("../../../images/Rolling.gif");
    background-repeat: no-repeat;
    background-color: #FFF;
    background-position: center;
}
#message-long-description,#less-description-flag
{
    display: none;
}
#more-description-flag,#less-description-flag
{
    color:#6dc9cc;
    text-decoration: underline
}
#more-description-flag:hover,#less-description-flag:hover
{
    font-size: 16px;
    color: rgb(255,79,16);
}
#qr-code-triangle
{
    cursor: pointer;
    margin: 0;
    width: 32px;
    float: left;
}
.zoom-level-buttons
{
    background-color: white;
    border: lightgrey solid 1px;
    color: black;
    padding: 4px 8px;
}
 .wsi-tools-container
 {
     margin-top: 12px;
 }
.wsi-tools-slider
{
    zoom: 1.8;
}
.wsi-tools-switch
{
    zoom: 2;
}
.wsi-tools-switch-label
{
    font-size: 16px;
}
  .tooltipContainer .tooltiptext {
      visibility: hidden;
      width: 120px;
      background-color: black;
      color: #fff;
      text-align: center;
      border-radius: 6px;
      padding: 5px 0;
      /* Position the tooltip */
      position: absolute;
      z-index: 1;
      top: 100%;
      left: 50%;
      margin-left: -60px;
  }

.tooltipContainer:hover .tooltiptext {
    visibility: visible;
}
/*  for close button    */
.hidden {opacity:0; position:absolute; width:0;}
.close {padding:4px 8px; border:1px solid #000; background-color:#fff; cursor:pointer;}
.close:before {content:'\00d7'; color:red; font-size:4em;}