.wrapper {
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-template-rows: auto, 200px;
    grid-template-areas:
      "content"
      "footer";
    height: 100%;
    width: 100%;
    position: absolute;
}
.header {
    border-bottom: 2px solid black;
}

.header .header_text {
    margin-left: 1em;
}


.header h1 {
    font-size: 110%;
    margin: 2px auto;
    display: block;
    margin-top: 10px;
    line-height: 1em;
}

.header h4 {
    font-size: medium;
    margin-top: 2px;
}
.aligned-translation {
  direction: rtl;
  opacity: 1;
  padding-left: 10px;
  margin: 1em;
  padding-left: 1em;
  padding-right: 1em;
  max-height: 98%;
  overflow-y: scroll;
  line-height: 2.5em;
  visibility:visible;
  transition: visibility 0s, opacity 1s linear;
}

.aligned-translation .scrollable {
  direction: ltr;
}

.aligned-translation.alpheios-alignment__disabled {
  visibility:hidden;
  overflow:hidden;
  opacity: 0;
  transition: visibility 0s, opacity 1s linear;
}


.alpheios-aligned-word:after {
  content: " ";
}

#alph-toolbar {
  display: none;
}

#alph-toolbar-v2 {
  display: none;
  flex-direction: column;
  align-items: flex-end;
  align-content: flex-end;
}

.wrapper .l {
  line-height: 2em;
  grid-area: content;
}

.footer {
    grid-area: footer;
    grid-column: 1 / span 2;
}