a {
  cursor: pointer;
}
#viewer .form-inline.per-page{
  float: left;
  margin: 20px;
}

#viewer #content {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: stretch;
  position: absolute;
  top: 40px;
  left: 0px;
  bottom: 0px;
  right: 0px;
}

#viewer #table,
#viewer #editor,
#viewer #details {
  width: 50%;
  height: 100%;
  overflow: scroll;
}

#viewer td {
  white-space: nowrap;
}

#editor {
  width: 100%;
  height: 600px;
}

#dashboard nav{
  z-index: 20;
}
#dashboard #content{
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: stretch;
  position: absolute;
  top: 52px;
  left: 0px;
  bottom: 0px;
  right: 0px;
}
#dashboard iframe {
  width: 100%;
  border: none;
  overflow: scroll;
  z-index: 10;
}