body {
    font-family: Georgia;
    background-color: #f7f6f5;
  }

#btn-back-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
    z-index: 99;
}

hr.top-line {
    border:none;
    height: 20px;
    width: 100%;
    height: 50px;
    margin-top: 0;
    border-bottom: 1px solid #1f1209;
    box-shadow: 0 20px 20px -20px #333;
    margin: -50px auto 10px; 
}

.top-pb {
    display: none;
}

#lang-select {
    margin-right: 3%;
    width: 10em;
}

#poem-select {
    margin-left: 4%;
}

.container-fluid {
    background-color: #f7f6f5;
}

iframe {
    display: block;
    height: 420px;
}

.editor-name {
    font-style: italic;
}

#manuscripts-select {
    margin-top:1rem;
}

.myrddin-header {
    background: rgb(31,104,15);
    background: linear-gradient(274deg, rgba(31,104,15,1) 0%, rgba(28,26,27,1) 87%);
    font-size: 17px;
}

.myrddin-header a {
    color: #f3ede2;
}

.myrddin-header a:link {
    color: #f3ede2;
}

.myrddin-header a:hover {
    color: #f3ede2;
}

.myrddin-header a:link:hover {
    color: #f3ede2;
    text-decoration: underline;
}

.myrddin-header a:link:visited {
    color: #f3ede2;
    text-decoration: underline;
}

.myrddin-header .dropdown-menu a, .myrddin-header .dropdown-menu a:link {
    color: #000000;
}

.myrddin-header .dropdown-menu a:hover {
    color: #000;
}

.myrddin-left-content-wrapper {
    border-right: 1px solid #e0e0e0; 
    height: 650px;
}

.myrddin-right-content-wrapper {
    background-color: #c4b9a57a;
    padding-top: 1.5%;
}

.myrddin-left-content {
    font-size: 18px;
    padding-bottom: 40px;
    padding-left: 25px;    
    padding-top: 30px;
}

.myrddin-right-content {
    font-size: 18px;
    padding-left: 50px; 
    padding-right: 50px;    
}

.myrddin-footer {
    background: rgb(31,104,15);
    background: linear-gradient(274deg, rgba(31,104,15,1) 0%, rgba(28,26,27,1) 87%);
    color: #f3ede2;
    font-size: small;
    padding: 1em;
    z-index: 0;
}

.myrddin-footer a {
    color: #f3ede2;
}

.myrddin-skipTo:link {
    position: absolute;
    left: -5000px;
    top: 0;
    color: #fff;
    padding: 10px;
}

.nav-tabs .nav-link {
    background-color: #74674f7a;
    border-color: #5e584d;
    color: #383837;
}

.edition-tab {
    font-size: 0.8em;
}

.nav-tabs > .nav-item > .nav-link.active {
    margin-top: -2px;
    padding-bottom: calc(0.5rem + 2px)
}

.nav-tabs > .nav-item > .nav-link:hover {
    background-color: #cbc0ad7a;
}

.tab-content>.active {
    display: block;
}

.tab-pane {
    padding-top: 10px;
    box-shadow: 0 20px 20px -20px #323232;
}

.tab-content>.tab-pane.active {
    padding:2rem;
    background-color:#ffffff;
    margin-bottom:1rem;
}

.left-poem-container {
    /* padding-bottom: 4vh; */
    font-size: 18px;
    padding-bottom: 40px;
    padding-left: 25px;    
    padding-top: 30px;
}

.right-poem-container {
    font-size: 18px;
    padding-left: 25px; 
    padding-top: 30px; 
}

.poems-container {
    padding-bottom: 10vh;
}

.universal-viewer {
    background-color: blue;
}

.versions {
    padding-top: 30px;
}

#versions-select {
    background-color: #5c5954;
    color: #fff;
    margin-bottom: 20px;
    padding: 10px;
    width: 80%;
}

#search-data-input {
    padding-bottom: 30px;
}

.stemma-links {
    border-top: #b8afaf 1px solid;
    padding-top: 1em;
}

#side {
    height: 80vh;
    min-width: 25vw;
    max-width: 50vw;
    overflow: scroll;
    overflow-x: hidden;
    width: 33vw;
  }

#main {
    flex-grow: 1;
    height: 80vh;
    overflow: scroll;
    overflow-x: hidden;    
    width: 45vw;
  }

#aralleiriad-tab-pane {
    height: 80vh;
    overflow: scroll;
} 

#translation-tab-pane {
    height: 80vh;
    overflow: scroll;
} 

.ui-resizable-e {
    background-color: rgb(217, 210, 197);
    right: 0px;
}

.line-variant-number {
    padding-right: 20px;
}

.toolbar {
    padding-right: 20px;
}

.home-page-title {
    text-align: center;
    padding-top: 3%;
    padding-bottom: 3%;

}

 /* HTML: <div class="loader"></div> */
.loader {
  width: 50px;
  aspect-ratio: 1;
  display: grid;
  border: 4px solid #0000;
  border-radius: 50%;
  border-right-color: #5c5954;
  animation: l15 1s infinite linear;
  margin: auto;
  margin-top: 6em;
}
.loader::before,
.loader::after {    
  content: "";
  grid-area: 1/1;
  margin: 2px;
  border: inherit;
  border-radius: 50%;
  animation: l15 2s infinite;
}
.loader::after {
  margin: 8px;
  animation-duration: 3s;
}
@keyframes l15{ 
  100%{transform: rotate(1turn)}
}

/* Print Styles */

.print-url {
    font-size: 3em;
    padding-left: 1%;
}

.print-footer {
    padding-top: 3%;
}