.doc {
  margin-left: 2em;
  margin-right: 2em;

}

#description td, th {
  padding: 2px 10px;
  text-align: right;
}

th {
  background-color: #eeeeee;
}

svg {
  height: 100%;
  position: relative;
}

/*#tooltip {
  font-size: 100px;
}*/

.info {
  height: 150px;
  font-size: 80%;
  /*width: 1500px;*/
  overflow: auto;
  white-space: nowrap;
}

.track {
  height: 100%;
  position: relative;
}




.viewport {
    width: 100px;
    height: 100px;
    overflow: hidden;
}
.svg_container {
    /*width: 800px;*/
    height: 800px;
    border: 2px solid #5d5d5d;
    /*background-color: #dddddd;*/
}
.one_svg {
    position: relative;
    overflow: hidden;
}
.scrollbar {
    position: absolute;
    background-color: #dddddd;
}
.scrollbar.vert {
    width: 10px;
    height: 100px;
    top: 0px;
    right: 0px;    
}
.scrollbar.horiz {
    width: 90px;
    height: 10px;
    left: 2px;
    bottom: 2px;
}
.thumb {
    background-color: #888888;
    position: absolute;
    border-radius: 5px;
}
.thumb:hover {
    background-color: #666666;
}
.thumb.vert {
    left: 0px;
    top: 0px;
    height: 25px;
    width: 10px;
}
.thumb.horiz {
    left: 0px;
    top: 0 px;
    height: 10px;
    width: 25px;

}
.active {
    background-color: #666666;
}
.scrollsalot {
    width: 100%;
    height: 100%;
    position: relative;
    /*border: 1px solid gray;*/
}

label {
  font-weight: normal;
}